/* Theme Name: Master Theme URI: http://www.yootheme.com Description: Master theme of the YOOtheme club. It is based on YOOtheme's Warp theme framework. Version: 1.0.0 Author: YOOtheme Author URI: http://www.yootheme.com */ /* Post content styles loaded for posts edited in WordPress. Legacy/GERA posts keep the inline CSS in layouts/single.php. */ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap"); body.stl-post-origin-wordpress { &.mobile .uk-article.single { margin-bottom: 10px; margin-right: 26px !important; } @media screen and (max-width: 600px) { #principal_content .tm-content p { font-size: 16px; line-height: 24px; } } .tm-content { h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } } .post_quote, .post_quote_grande { font-family: "Montserrat" !important; font-style: normal; font-weight: bold; h1, h2, h3, h4, h5, h6 { font-family: "Montserrat" !important; font-style: normal; font-weight: bold; } } .post_quote { p, h1, h2, h3, h4, h5, h6 { font-size: 20px; line-height: 30px; margin: 10px 0 20px; } } .post_quote_grande { p, h1, h2, h3, h4, h5, h6 { font-size: 48px; line-height: 50px; margin: 10px 0 20px; } } h1, h2, h3, h4, h5, h6 { &[class^="has-stl-quote"], &[class*=" has-stl-quote"] { font-family: "Montserrat" !important; font-style: normal; font-weight: bold; font-size: 20px; line-height: 30px; margin: 10px 0 20px; } &[class^="has-stl-quote-grande"], &[class*=" has-stl-quote-grande"] { font-size: 48px; line-height: 50px; } } /* Cores da paleta editor-color-palette (stl_editor_color_palette). Cobre dois casos de serializacao do Gutenberg: 1) Cor aplicada ao bloco inteiro -> classe no proprio heading/paragrafo. 2) Cor aplicada a um trecho selecionado (Highlight) -> , com estilos inline. Neutralizamos o background amarelo default do . */ mark.has-inline-color { background-color: transparent; } h1, h2, h3, h4, h5, h6 { &.has-stl-pink-color, mark.has-stl-pink-color { color: #f83689 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-orange-color, mark.has-stl-orange-color { color: #f75b19 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-green-color, mark.has-stl-green-color { color: #029754 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-blue-color, mark.has-stl-blue-color { color: #2120f3 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-purple-color, mark.has-stl-purple-color { color: #5b2bcc !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-red-color, mark.has-stl-red-color { color: #e43e41 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-light-pink-color, mark.has-stl-light-pink-color { color: #e78bbf !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-yellow-color, mark.has-stl-yellow-color { color: #f3c264 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-cyan-color, mark.has-stl-cyan-color { color: #71b4c5 !important; font-family: "Montserrat" !important; font-weight: bold; } &.has-stl-black-color, mark.has-stl-black-color { color: #000000 !important; font-family: "Montserrat" !important; font-weight: bold; } } p { &.has-stl-pink-color, mark.has-stl-pink-color { color: #f83689 !important; } &.has-stl-orange-color, mark.has-stl-orange-color { color: #f75b19 !important; } &.has-stl-green-color, mark.has-stl-green-color { color: #029754 !important; } &.has-stl-blue-color, mark.has-stl-blue-color { color: #2120f3 !important; } &.has-stl-purple-color, mark.has-stl-purple-color { color: #5b2bcc !important; } &.has-stl-red-color, mark.has-stl-red-color { color: #e43e41 !important; } &.has-stl-light-pink-color, mark.has-stl-light-pink-color { color: #e78bbf !important; } &.has-stl-yellow-color, mark.has-stl-yellow-color { color: #f3c264 !important; } &.has-stl-cyan-color, mark.has-stl-cyan-color { color: #71b4c5 !important; } &.has-stl-black-color, mark.has-stl-black-color { color: #000000 !important; } font-family: "Open Sans"; } /* Bloco de Posts Relacionados (Design Fiel à Referência com SVG original) */ .stl-related-posts-block { margin: 40px 0; ul.newPostRelList { margin: 0; padding: 0; list-style: none; li.newPostRelListItem { display: flex; align-items: center; margin-bottom: 30px; &::before { content: ""; width: 18px; height: 18px; margin-right: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml;utf8,"); flex-shrink: 0; margin-top: 4px; /* Ajuste para alinhar com a primeira linha do título */ } .newPostRelLinksBox { flex-grow: 1; a { display: block; color: #000 !important; /* font-family: "Montserrat", sans-serif; */ font-size: 14px; /* font-weight: 700; */ line-height: 1.25; text-decoration: none !important; margin-bottom: 2px; border: none !important; } span.author-label { display: block; font-size: 14px; color: #000; font-style: italic; font-family: "Vollkorn", serif; line-height: 1.4; } } } } @media (max-width: 767px) { ul.newPostRelList li.newPostRelListItem { margin-bottom: 20px; .newPostRelLinksBox { a { font-size: 16px; } span.author-label { font-size: 14px; } } } } } }