/* * Theme Name: Yeu Chay Bo v6.0 * Theme URI: https://thuanbui.me/yeuchaybo/ * Author: Thuan Bui * Author URI: https://thuanbui.me * Description: A config based Genesis child theme with Gulp and Sass. * Version: 3.0.0 * License: GPL-2.0-or-later * License URI: http://www.gnu.org/licenses/gpl-2.0.html * Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-logo, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready * Text Domain: child-theme-library * Domain Path: /languages * Template: genesis */ @charset 'UTF-8'; /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Container - Site Inner - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Simple FAQ - Jetpack - Skip Links - Site Header - Title Area - Site Navigation - Responsive Menu - Header Menu - Footer Menu - Content Area - Entry Content - Entry Meta - Pagination - Entry Comments - Sidebar - Footer Widgets - Site Footer - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ button, hr, input { overflow: visible; } progress, sub, sup { vertical-align: baseline; } [type='checkbox'], [type='radio'], legend { box-sizing: border-box; padding: 0; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { margin: 0.67em 0; font-size: 2em; } hr { box-sizing: content-box; height: 0; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 100%; line-height: 1.15; } button, select { text-transform: none; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { display: table; max-width: 100%; color: inherit; white-space: normal; } textarea { overflow: auto; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } /* ## Box Sizing --------------------------------------------- */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before { display: table; content: ' '; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after { display: table; clear: both; content: ' '; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* Chrome fix */ body > div { font-size: 1.8rem; } body { margin: 0; color: #333333; background-color: #ffffff; font-family: 'Muli', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.875; } body.page-boxed { max-width: 1024px; margin: 0 auto; background-color: #f5f5f5; box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18); } button, input:focus, input[type='button'], input[type='reset'], input[type='submit'], textarea:focus, .button, .gallery img { transition: all 0.2s ease-in-out; } a { color: #0073e5; text-decoration: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } a:focus, a:hover { color: #333333; text-decoration: none; } p { margin: 0 0 30px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { clear: both; margin: 30px 0; border: 0; border-top: 1px solid #eeeeee; border-collapse: collapse; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #dddddd; } blockquote { margin: 30px; } blockquote:before { display: block; position: relative; top: -10px; left: -20px; height: 0; font-size: 3rem; content: '\201C'; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-family: 'Muli', sans-serif; font-weight: 600; line-height: 1.2; } h1 { font-size: 4.4rem; } h2 { font-size: 3.2rem; } h3 { font-size: 2.6rem; } .entry-content h3 { font-weight: 600; } h4 { font-size: 2.2rem; } .entry-content h4 { margin-top: 4rem; font-weight: 600; } h5 { font-size: 2rem; } h6 { font-size: 1.8rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; vertical-align: top; } figure { margin: 0; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery img { height: auto; padding: 4px; } .gallery img:focus, .gallery img:hover { border: 1px solid #999999; outline: none; } .gallery-item { float: left; margin: 0; text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n + 1), .gallery-columns-3 .gallery-item:nth-child(3n + 1), .gallery-columns-4 .gallery-item:nth-child(4n + 1), .gallery-columns-5 .gallery-item:nth-child(5n + 1), .gallery-columns-6 .gallery-item:nth-child(6n + 1), .gallery-columns-7 .gallery-item:nth-child(7n + 1), .gallery-columns-8 .gallery-item:nth-child(8n + 1), .gallery-columns-9 .gallery-item:nth-child(9n + 1) { clear: left; } /* ## Forms --------------------------------------------- */ input, select, textarea { width: 100%; padding: 15px; border: 1px solid #dddddd; color: #333333; background-color: #ffffff; font-size: 1.8rem; font-weight: 400; } input:focus, input:focus, select:focus, select:focus, textarea:focus, textarea:focus { border: 1px solid #999999; outline: none; } input[type='checkbox'], input[type='image'], input[type='radio'] { width: auto; } ::-moz-placeholder { opacity: 1; color: #333333; } ::-webkit-input-placeholder { color: #333333; } button, input[type='button'], input[type='reset'], input[type='submit'], .button { display: inline-block; width: auto; padding: 15px 30px; border: 0; color: #ffffff; background-color: #333333; font-size: 1.8rem; font-weight: 600; white-space: normal; text-decoration: none; cursor: pointer; } button:focus, button:hover, input[type='button']:focus, input[type='button']:hover, input[type='reset']:focus, input[type='reset']:hover, input[type='submit']:focus, input[type='submit']:hover, .button:focus, .button:hover { color: #ffffff; background-color: #0073e5; } button.small, input[type='button'].small, input[type='reset'].small, input[type='submit'].small, .button.small { padding: 8px 16px; } button .entry-content:focus, button .entry-content:hover, input[type='button'] .entry-content:focus, input[type='button'] .entry-content:hover, input[type='reset'] .entry-content:focus, input[type='reset'] .entry-content:hover, input[type='submit'] .entry-content:focus, input[type='submit'] .entry-content:hover, .button .entry-content:focus, .button .entry-content:hover { color: #ffffff; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { width: 100%; margin-bottom: 40px; border-spacing: 0; border-collapse: collapse; line-height: 2; word-break: break-all; } tbody { border-bottom: 1px solid #eeeeee; } td { padding: 6px; border-top: 1px solid #eeeeee; text-align: left; } td:first-child { padding-left: 0; } th { padding: 0 6px; font-weight: 400; text-align: left; } th:first-child { padding-left: 0; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute !important; width: 1px; height: 1px; border: 0; word-wrap: normal !important; } .screen-reader-shortcut:focus, .screen-reader-text:focus, .widget_search input[type='submit']:focus { display: block; clip: auto !important; z-index: 100000; /* Above WP toolbar. */ width: auto; height: auto; padding: 15px 23px 14px; color: #333333; background: #ffffff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font-size: 1em; font-weight: 700; text-decoration: none; } .more-link { position: relative; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Container --------------------------------------------- */ .site-container { background-color: #ffffff; word-wrap: break-word; -webkit-animation: fadein 1s; animation: fadein 1s; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type='button']:disabled, .site-container input[type='button']:disabled:hover, .site-container input[type='reset']:disabled, .site-container input[type='reset']:disabled:hover, .site-container input[type='submit']:disabled, .site-container input[type='submit']:disabled:hover { border-width: 0; color: #777777; background-color: #eeeeee; cursor: not-allowed; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .wrap, .content-sidebar-wrap { max-width: 1200px; margin: 0 auto; } .wrap .wrap, .content-sidebar-wrap .wrap { width: 100%; min-width: 100%; } .content-sidebar-wrap { margin: 6rem auto; } /* ## Site Inner --------------------------------------------- */ .site-inner { clear: both; max-width: 1200px; margin: 0 auto; padding: 5% 5% 0; } .full-width-content .content, .yeuchaybo-grid-2 .content, .yeuchaybo-grid-3 .content { width: 100%; } .full-width-content.single .content { max-width: 760px; margin: 0 auto; } /* ## Column Classes --------------------------------------------- */ /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { float: left; border-radius: 50%; } .author-box .avatar, .alignleft .avatar { margin-right: 20px; } .alignright .avatar { margin-left: 20px; } .comment .avatar { margin: 0 15px 20px 0; } /* ## Genesis --------------------------------------------- */ .after-entry { margin-bottom: 40px; padding: 20px 30px; box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18); } .after-entry .widget:last-of-type { margin-bottom: 0; } .breadcrumb { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 1.8rem; } .archive-description { margin-bottom: 60px; } .archive-description p:last-child { margin-bottom: 0; } .archive-description .entry-title { margin-bottom: 10px; font-size: 2.5rem; font-weight: 600; } .author-box { margin-bottom: 40px; padding: 30px; text-align: center; } .author-box .avatar { float: none; margin: 0 auto 20px; } .author-box p:last-child { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { width: 50%; margin-bottom: 40px; } .post-password-form input[type='submit'], .search-form input[type='submit'] { margin-top: 10px; } .widget_search input[type='submit'] { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute !important; width: 1px; height: 1px; border: 0; word-wrap: normal !important; } /* ## Titles --------------------------------------------- */ .author-box-title { margin-bottom: 10px; font-size: 2.5rem; font-weight: 600; } .entry-title { margin-bottom: 10px; font-size: 3.2rem; } .entry-title a { color: #333333; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { color: #0073e5; } .widget-title { margin-bottom: 20px; font-size: 1.8rem; font-weight: 600; } .sidebar .widget-title a { color: #333333; text-decoration: none; } /* WordPress Editor --------------------------------------------- */ .has-light-gray-background-color { background-color: #f5f5f5; } .has-light-gray-color { color: #f5f5f5; } .has-medium-gray-background-color { background-color: #999999; } .has-medium-gray-color { color: #999999; } .has-dark-gray-background-color { background-color: #333333; } .has-dark-gray-color { color: #333333; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 15px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } .gallery-caption, .wp-caption-text { margin: 0; font-size: 1.4rem; font-weight: 600; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .sidebar .widget { margin-bottom: 40px; } .sidebar .widget p:last-child, .sidebar .widget ul > li:last-of-type { margin-bottom: 0; } .sidebar .widget ul > li { margin-bottom: 10px; } .sidebar .widget ul > li:last-of-type { padding-bottom: 0; } .sidebar .widget ol > li { padding-left: 20px; text-indent: -20px; list-style-position: inside; list-style-type: decimal; } .sidebar .widget li li { margin: 0 0 0 30px; padding: 0; border: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } .featured-content .entry:last-of-type { margin-bottom: 0; border-bottom: none; } .featured-content .entry-image { width: 75px; height: 75px; } .featured-content .entry-title { margin-top: 10px; margin-bottom: 5px; font-size: 1.8rem; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .enews form + p { margin-top: 20px; } .after-entry .enews { padding: 10px; text-align: center; } .sidebar .enews { padding: 30px; background-color: #f5f5f5; } .enews-widget input { margin-bottom: 10px; font-size: 1.8rem; } .enews-widget input[type='submit'] { width: 100%; margin: 0; } .after-entry .enews-widget input { text-align: center; } /* ## Genesis Simple FAQ --------------------------------------------- */ .gs-faq { padding: 5px 0; } .gs-faq__answer p:last-of-type { margin-bottom: 0; } .js .gs-faq__answer { display: none; padding: 5px; } .gs-faq__answer.no-animation.gs-faq--expanded { display: block; } .gs-faq__question { display: none; width: 100%; margin-top: 10px; padding-right: 0; padding-left: 0; border-bottom: 1px solid #eeeeee; color: #333333; background: transparent; text-align: left; white-space: normal; justify-content: space-between; } .gs-faq__question:focus, .gs-faq__question:hover { color: #0073e5; background: transparent; } .gs-faq__question:after { content: '+'; } .gs-faq__question:first-of-type { margin-top: 0; } .gs-faq__question.gs-faq--expanded:after { content: '−'; } .js .gs-faq__question { display: flex; } .js .gs-faq__answer__heading { display: none; } /* ## Google Map --------------------------------------------- */ .hero-section .agm-canvas { position: absolute; height: 100% !important; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* ## Display Featured Image for Genesis --------------------------------------------- */ .has-leader .site-inner { margin-top: 0; } .big-leader { overflow: visible !important; height: 600px; position: relative; margin-bottom: 60px; max-height: 400px; } .big-leader .wrap { /*background: $overlay;*/ height: 100%; padding: 30px; display: flex; justify-content: center; } .big-leader .entry-title.featured-image-overlay { color: #ffffff; text-align: center; } .big-leader .archive-title.featured-image-overlay { color: #ffffff; text-align: center; } .big-leader .excerpt { margin-bottom: 0; padding: 0; background: transparent; text-align: center; color: #ffffff; max-width: 760px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .big-leader .archive-description { margin-bottom: 0; padding: 0; background: transparent; text-align: center; color: #ffffff; max-width: 760px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .big-leader .archive-description .archive-title { font-size: 30px; font-size: 3rem; font-weight: 700; text-transform: uppercase; } .big-leader p { margin-top: 18px; margin-bottom: 0; } .backstretch.no-js { background-size: cover; height: 600px; } .home .big-leader p { margin-top: 0; } .home .big-leader p:last-child { margin-bottom: 0; } img.featured { max-width: 100%; } .big-leader:before { background: #f4f4f4; content: ''; left: -30px; height: calc(100% + 20px); position: absolute; top: 30px; width: calc(100% + 60px); z-index: -999999; } .big-leader .entry-header { margin: 0 auto; max-width: 100%; background: rgba(255, 255, 255, 0.85); margin-bottom: 30px; } .big-leader .entry-title.featured-image-overlay { background: transparent; padding: 24px; max-width: 1200px; margin: 0 auto 0; text-align: center; color: #5b5e5e; } .big-leader .entry-meta { text-align: center; padding-bottom: 24px; margin-top: 0; font-size: 14px; font-size: 1.4rem; } /* ## Gutenberg --------------------------------------------- */ h3 + h2, .has-top-margin { margin-top: 60px; } p.wp-block-subhead, .entry-content .wp-block-cover-image, .wp-block-image, .entry-content ul.wp-block-gallery, .wp-block-text-columns, .entry-content .wp-block-button, blockquote.wp-block-quote, .entry-content .wp-block-quote.is-large, .wp-block-code, .wp-block-audio, .entry-content .wp-block-video, .wp-block-preformatted, .wp-block-verse, .wp-block-table, .wp-block-categories, .entry-content .wp-block-latest-posts, .wp-block-embed { margin-bottom: 60px; } .wp-block-columns { /* not using because of overflow */ /* grid-gap: 40px; */ margin-bottom: 60px; } .wp-block-columns .wp-block-image { margin-bottom: 0; } .wp-block-columns p:last-child, .wp-block-text-columns p:last-child { margin-bottom: 0; } .entry-content .alignwide { width: auto; } .entry-content .alignfull { width: auto; max-width: 1000%; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .entry-content .alignwide > *, .entry-content .alignfull > * { width: 100%; } .entry-content ul.wp-block-gallery { margin-left: 0; } .entry-content .wp-block-button__link:not(.has-background) { background-color: #333333; } .entry-content .wp-block-button .wp-block-button__link { padding: 15px 30px; border-radius: 0; font-size: 16px; font-size: 1.6rem; font-weight: 600; line-height: 1; } .entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus { background-color: #0073e5; } blockquote { margin-left: 0; } blockquote::before { display: none; } blockquote p { margin-bottom: 16px; } .wp-block-quote:not(.is-large) { padding-left: 16px; border-left: 4px solid #000000; } .wp-block-quote cite { font-weight: bold; } .entry-content .wp-block-quote.is-large cite, .entry-content .wp-block-quote.is-large footer { display: block; } code, kbd, pre, samp { font-size: 16px; font-size: 1.6rem; } .entry-content code { display: block; padding: 11px 22px; border: 1px solid #e2e4e7; border-radius: 4px; background-color: transparent; } .entry-content .wp-block-table { display: table; } tbody { border-bottom: none; } td { border: 1px solid #444444; } td:first-child, th:first-child { padding-left: 8px; } .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter { text-align: left; } /* ## Event Manager --------------------------------------------- */ .single-event { /*&.full-width-content .content { max-width: 100%; }*/ } .single-event .event-info-wrapper { margin: 0 auto 40px; display: flex; flex-wrap: wrap; } .single-event .event-info-wrapper .event-left { box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18); flex: 1 1 100%; padding: 20px; text-align: center; margin-bottom: 20px; } .single-event .event-info-wrapper .event-left p { margin-bottom: 15px; } .single-event .event-info-wrapper .event-left a ion-icon { border-radius: 50%; background: #8c8c8c; font-size: 16px; font-size: 1.6rem; padding: 10px; color: #ffffff; margin-right: 10px; } .single-event .event-info-wrapper .event-left a ion-icon:hover { background: red; } .single-event .event-info-wrapper .event-right { flex: 1 1 100%; text-align: center; } .single-event .event-info-wrapper .event-map { flex: 1 1 100%; margin-top: 30px; max-height: 100% !important; height: 300px; } .single-event .event-info-wrapper .event-register { text-align: center; margin-top: 40px; flex: 1 1 100%; } .single-event .event-meta { margin-bottom: 20px; } .single-event .event-meta > span { padding: 0 10px; } .single-event .event-meta .event-location:before { font-family: ionicons; font-weight: normal; font-style: normal; text-decoration: inherit; content: '\f455'; margin-right: 10px; } .single-event .event-meta .event-start-date:before { font-family: ionicons; content: '\f3f3'; margin-right: 10px; } .single-event .event-hero { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .single-event .event-hero .wrap { display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; min-height: 80vh; text-align: center; justify-content: center; color: #ffffff; } .single-event .event-hero .wrap .entry-title { font-size: 5.2rem; } .single-event .event-button a + a { margin-left: 10px; } .single-event .event-button .button.register { background: red; } /* ## WP-Discuz --------------------------------------------- */ #wpcomm textarea, #wpcomm .wc-comment-header, #wpcomm .wc-comment-footer, #wpcomm .wc-comment .wc-comment-left { font-family: 'Muli', sans-serif; } #wc-comment-header { font-size: 28px; font-size: 2.8rem; } #wpcomm .wc-field-comment textarea { padding: 10px; height: 150px !important; } #wpcomm .wc-field-name input[type='text'], #wpcomm .wc-field-email input[type='email'] { padding: 10px; height: auto; } #wpcomm .wc-comment-right .wc-comment-text, #wpcomm .wc-comment-right .wc-comment-text *, #wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea { font-size: 1.8rem !important; } #wpcomm .wc-reply .wc-comment-right .wc-comment-text, #wpcomm .wc-reply .wc-comment-right .wc-comment-text * { font-size: 1.6rem; } /* ## Genesis Featured Post Combo --------------------------------------------- */ .site-footer .gfpc-featured-posts .entry-title { font-size: 1.8rem; } .site-footer .gfpc-featured-posts article { margin-bottom: 20px; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .genesis-skip-link li { width: 0; height: 0; list-style: none; } /* Display outline on focus */ :focus { outline: #cccccc solid 1px; color: #333333; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { /*position: absolute;*/ z-index: 9999; width: 100%; background-color: #ffffff; /*box-shadow: $box-shadow;*/ } .has-sticky-header .site-header { position: fixed; } .page-boxed .site-header { max-width: 1024px; } .site-header > .wrap { display: flex; padding: 20px; flex-wrap: wrap; height: 100%; justify-content: space-between; align-items: center; } .site-header > .wrap:before, .site-header > .wrap:after { position: absolute; } /* ## Title Area --------------------------------------------- */ .title-area { display: flex; align-items: center; height: 6.2rem; } .wp-custom-logo .title-area { width: 100%; max-width: 350px; padding-top: 5px; padding-bottom: 5px; } .wp-custom-logo .title-area img { width: auto; } .site-title { margin-bottom: 0; font-size: 2rem; font-weight: 600; line-height: 1; } .site-title a, .site-title a:focus, .site-title a:hover { color: #333333; text-decoration: none; } .wp-custom-logo .site-title { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute !important; width: 1px; height: 1px; border: 0; word-wrap: normal !important; } .site-description { overflow: hidden; clip: rect(0, 0, 0, 0); position: absolute !important; width: 1px; height: 1px; border: 0; word-wrap: normal !important; } /* ## Hero Section --------------------------------------------- */ .hero-section { position: relative; padding: 12rem 0 6rem; color: #ffffff; background-position: center; background-size: cover; text-align: center; position: relative; } .hero-section:before { display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.85)); content: ''; pointer-events: none; } .hero-section .wrap { position: relative; z-index: 1; } .hero-section h1 { max-width: 896px; margin: 0 auto 0.382em; } .hero-section p { max-width: 896px; margin: 0 auto; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; width: 100%; line-height: 1; } .genesis-nav-menu .menu-item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .menu-item:focus > .sub-menu, .genesis-nav-menu .menu-item:hover > .sub-menu { display: block; left: auto; opacity: 1; } .genesis-nav-menu a { display: block; padding: 1em 0; outline-offset: -1px; color: #333333; font-size: 1.5rem; font-weight: 400; text-decoration: none; } .genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #0073e5; text-decoration: none; } .genesis-nav-menu .sub-menu { display: block; clear: both; position: static; z-index: 99; width: 100%; margin: 0; padding-left: 15px; opacity: 1; } .genesis-nav-menu .sub-menu:focus-within { opacity: 1; } .genesis-nav-menu .sub-menu a { position: relative; background-color: #ffffff; font-size: 1.4rem; word-wrap: break-word; } /* ## Responsive Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .genesis-responsive-menu { display: none; position: relative; } .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu, .genesis-responsive-menu .genesis-nav-menu .menu-item:focus > .sub-menu { display: none; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { display: none; clear: both; position: static; z-index: 99; left: -9999px; width: 100%; margin: 0; padding-left: 15px; opacity: 1; } .menu-toggle { display: block; visibility: visible; position: relative; z-index: 1000; padding: 1.25em 0 1.25em 1.25em; border-width: 0; color: #333333; background-color: transparent; line-height: 1; text-align: center; } .menu-toggle:focus, .menu-toggle:hover { border-width: 0; color: #0073e5; background-color: transparent; } .menu-toggle:focus span, .menu-toggle:focus span:before, .menu-toggle:focus span:after, .menu-toggle:hover span, .menu-toggle:hover span:before, .menu-toggle:hover span:after { background-color: #0073e5; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { display: block; position: absolute; width: 15px; height: 2px; background-color: #333333; content: ''; transition: background-color 0.2s ease-in-out; } .menu-toggle span { top: 1px; bottom: 0; left: 0; margin: auto; } .menu-toggle span:before { top: -4px; } .menu-toggle span:after { bottom: -4px; } .menu-toggle.activated span { background-color: transparent; } .menu-toggle.activated span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle.activated span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sub-menu-toggle { position: relative; width: 3.6rem; height: 3.6rem; padding: 0; background: transparent; } .sub-menu-toggle:hover, .sub-menu-toggle:focus { background: none; } .sub-menu-toggle:before, .sub-menu-toggle:after { display: block; position: absolute; width: 0.8rem; height: 2px; background-color: #333333; content: ''; } .sub-menu-toggle:before { left: 1.2rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sub-menu-toggle:after { right: 1.2rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sub-menu-toggle.activated:before { left: 1.2rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sub-menu-toggle.activated:after { right: 1.2rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* ## Primary Navigation --------------------------------------------- */ .nav-primary { width: 100%; background-color: #ffffff; } /* ## Secondary Navigation --------------------------------------------- */ .nav-secondary { border-top: 1px solid #eeeeee; background-color: #ffffff; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* Featured Images --------------------------------------------- */ .yeuchaybo-featured-image { margin: 0 0 24px; padding: 0; position: relative; z-index: 1; } .yeuchaybo-featured-image:before { background: #f4f4f4; content: ''; left: -30px; height: calc(100% + 20px); position: absolute; top: 30px; width: calc(100% + 60px); z-index: -1; } .single .yeuchaybo-featured-image:before { height: calc(100% + 45px); } .yeuchaybo-featured-image img { box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18); vertical-align: middle; transition: box-shadow 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99), -webkit-transform 0.5s cubic-bezier(0.44, 0.51, 0.24, 0.99); transition: transform 0.5s cubic-bezier(0.44, 0.51, 0.24, 0.99), box-shadow 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99); transition: transform 0.5s cubic-bezier(0.44, 0.51, 0.24, 0.99), box-shadow 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99), -webkit-transform 0.5s cubic-bezier(0.44, 0.51, 0.24, 0.99); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .yeuchaybo-featured-image a:hover img { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .yeuchaybo-grid.archive:not(.woocommerce-page) .yeuchaybo-featured-image::before { height: calc(100% + 10px); } .sidebar-content.single .yeuchaybo-featured-image::before { left: auto; right: 0; } .featuredpost .alignnone { margin-bottom: 24px; } .yeuchaybo-featured-image.yeuchaybo-image-alignleft { float: left; margin: 0 24px 24px 0; } .yeuchaybo-featured-image.yeuchaybo-image-alignright { float: right; margin: 0 0 24px 24px; } .yeuchaybo-featured-image.yeuchaybo-image-alignleft img, .yeuchaybo-featured-image.yeuchaybo-image-alignright img { margin: 0; } .has-featured-image .content { margin-top: 24px; } .has-featured-image .content, .has-featured-image .sidebar, .has-post-thumbnail .entry-content, .has-post-thumbnail .entry-header { position: relative; z-index: 2; } /* ## Entry Content --------------------------------------------- */ .entry { margin-bottom: 40px; } .page .entry:last-of-type { margin-bottom: 0; } .entry-header h1.entry-title { letter-spacing: -2px; letter-spacing: -0.2rem; } .single.full-width-content .content article > .entry-header { text-align: center; margin-bottom: 30px; } .entry-content p.has-background { padding: 25px 30px; } .entry-content p.has-background.box-shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .entry-content p.has-background.light-text a { color: #ffffff; text-decoration: underline; } .entry-content p.has-background.light-text a:focus, .entry-content p.has-background.light-text a:hover { text-decoration: none; } .entry-content ol, .entry-content ul { margin-bottom: 30px; margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #f5f5f5; } .entry-content .caption { margin-top: -20px; font-size: 1.4rem; font-weight: 600; text-align: center; } .entry-image-link { display: block; clear: both; } .entry-image-link:before, .entry-image-link:after { display: block; clear: both; content: ''; } .content .sticky { padding: 30px; background-color: #f5f5f5; } /* Grid Entries --------------------------------------------- */ .yeuchaybo-grid-2.archive:not(.woocommerce-page) .content, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .content { display: flex; flex-wrap: wrap; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .content .entry, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .content .entry { flex: 1 1 100%; margin-bottom: 80px; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .content .entry .entry-title, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .content .entry .entry-title { font-size: 32px; font-size: 3.2rem; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .content .entry:nth-of-type(2n+1), .yeuchaybo-grid-2.blog:not(.woocommerce-page) .content .entry:nth-of-type(2n+1) { margin-left: 0; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .entry-header, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .entry-header { margin-bottom: 24px; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .entry-content p, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .entry-content p { margin-bottom: 12px; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .pagination, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .pagination { flex: 1 1 100%; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .post-listing, .yeuchaybo-grid-3.archive:not(.woocommerce-page) .content, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .post-listing, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .content { display: flex; flex-wrap: wrap; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .post-listing .entry, .yeuchaybo-grid-3.archive:not(.woocommerce-page) .content .entry, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .post-listing .entry, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .content .entry { flex: 1 1 100%; margin-bottom: 80px; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .post-listing .entry .entry-title, .yeuchaybo-grid-3.archive:not(.woocommerce-page) .content .entry .entry-title, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .post-listing .entry .entry-title, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .content .entry .entry-title { font-size: 2.2rem; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .post-listing .entry:nth-of-type(3n+1), .yeuchaybo-grid-3.archive:not(.woocommerce-page) .content .entry:nth-of-type(3n+1), .yeuchaybo-grid-3.blog:not(.woocommerce-page) .post-listing .entry:nth-of-type(3n+1), .yeuchaybo-grid-3.blog:not(.woocommerce-page) .content .entry:nth-of-type(3n+1) { margin-left: 0; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .entry-header, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .entry-header { margin-bottom: 24px; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .entry-content p, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .entry-content p { margin-bottom: 12px; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .pagination, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .pagination { flex: 1 1 100%; } /* ## Entry Meta --------------------------------------------- */ .entry-meta { margin-bottom: 0; font-size: 1.6rem; } .entry-header .entry-meta { margin-bottom: 20px; } .entry-footer .entry-meta { padding-top: 20px; border-top: 1px solid #eeeeee; } .entry-categories, .entry-tags { display: block; } .entry-comments-link:before { margin: 0 6px 0 2px; content: '\2014'; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 60px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { display: inline-block; margin-bottom: 4px; padding: 8px 12px; color: #333333; background-color: #f5f5f5; font-size: 1.6rem; font-weight: 600; text-decoration: none; cursor: pointer; } .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { color: #ffffff; background-color: #333333; } /* ## Entry Comments --------------------------------------------- */ .entry-comments { margin-bottom: 40px; font-size: 2rem; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-list .bypostauthor { font-size: inherit; } .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond { margin-bottom: 40px; font-size: 2rem; } .comment-respond input[type='email'], .comment-respond input[type='text'], .comment-respond input[type='url'] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings { margin-bottom: 40px; font-size: 2rem; } .entry-pings .reply { display: none; } /* # Sidebar ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 1.8rem; line-height: 1.5; } .sidebar .widget { margin-bottom: 40px; } .sidebar p { margin-bottom: 20px; } /* # Front Page ---------------------------------------------------------------------------------------------------- */ /* ## Front Page 1 --------------------------------------------- */ .wp-custom-header { overflow: hidden; position: absolute; width: 100%; height: 100%; pointer-events: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .woocommerce .wp-custom-header img, .wp-custom-header img, .wp-custom-header video, .wp-custom-header iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .wp-custom-header iframe { position: absolute; top: -20%; right: -20%; bottom: -20%; left: -20%; width: 140%; min-width: 100%; max-width: 140%; height: 140%; min-height: 56.25vw; max-height: none; margin: auto; } .wp-custom-header img { display: none; } .wp-custom-header-video-button { display: none; } /* ## Front Page 2 --------------------------------------------- */ .front-page-2 { padding: 6rem 0; } /* ## Front Page 3 --------------------------------------------- */ .front-page-3 { padding: 6rem 0; border-top: 1px solid #eeeeee; } /* ## Front Page 4 --------------------------------------------- */ .front-page-4 { padding: 6rem 0; } /* ## Front Page 5 --------------------------------------------- */ .front-page-5 { padding: 6rem 0; } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { clear: both; padding: 60px 0; border-bottom: 1px solid #eeeeee; font-size: 2rem; text-align: left; } .footer-widgets .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-widgets .wrap:before, .footer-widgets .wrap:after { position: absolute; } .footer-widgets .widget:last-child { margin-bottom: 0; } .footer-widget-area { margin-bottom: 4rem; } .footer-widget-area:last-child { margin-bottom: 0; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { border-top: 1px solid #eeeeee; font-size: 1.5rem; line-height: 1.5; text-align: center; } .site-footer > .wrap { margin: 3rem auto; } .site-footer p { margin-bottom: 0; } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 501px) { .wp-block-columns > *:not(.layout-column-1) { margin-left: 40px; } } @media (min-width: 896px) { .content-sidebar-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .sidebar-content .content-sidebar-wrap { flex-direction: row-reverse; } .center-content .content-sidebar-wrap, .full-width-content .content-sidebar-wrap { justify-content: center; } .site-inner { padding: 0; } .content { width: 65%; } .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-thirds, .two-fourths, .two-fifths, .two-sixths, .three-fourths, .three-fifths, .three-sixths, .four-fifths, .four-sixths, .five-sixths { float: left; margin-left: 2.5641%; } .one-half, .three-sixths, .two-fourths { width: 48.71795%; } .one-third, .two-sixths { width: 31.62393%; } .four-sixths, .two-thirds { width: 65.81197%; } .one-fourth { width: 23.07692%; } .three-fourths { width: 74.35897%; } .one-fifth { width: 17.94872%; } .two-fifths { width: 38.46154%; } .three-fifths { width: 58.97436%; } .four-fifths { width: 79.48718%; } .one-sixth { width: 14.52991%; } .five-sixths { width: 82.90598%; } .first { clear: both; margin-left: 0; } .after-entry { margin-bottom: 60px; padding: 40px 60px; } .archive-description { margin-bottom: 60px; } .author-box { margin: 0 -70px 60px; padding: 60px; background-color: #f5f5f5; } .after-entry .enews { padding-right: 30px; padding-left: 30px; } .big-leader .archive-description .archive-title { font-size: 60px; font-size: 6rem; } .entry-content .alignwide { max-width: 900px; margin-right: -70px; margin-left: -70px; } .hero-section { padding: 16rem 0 10rem; } .has-nav-secondary .hero-section { padding: 21rem 0 10rem; } .hero-section h1 { font-size: 6.6rem; } .genesis-nav-menu .menu-item { display: inline-block; } .genesis-nav-menu .menu-item:focus .sub-menu:focus, .genesis-nav-menu .menu-item:focus .sub-menu:hover, .genesis-nav-menu .menu-item:hover .sub-menu:focus, .genesis-nav-menu .menu-item:hover .sub-menu:hover { z-index: 100; } .genesis-nav-menu > .menu-item:first-of-type > a { padding-left: 0; } .genesis-nav-menu > .menu-bold > a { font-weight: 700; } .genesis-nav-menu > .menu-highlight > a { margin-left: 15px; padding-right: 20px; padding-left: 20px; border-radius: 3px; color: #ffffff; background-color: #333333; font-weight: 600; } .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover { background-color: #0073e5; } .genesis-nav-menu a { padding: 1.2em 0.8em; } .genesis-nav-menu .sub-menu { position: absolute; width: 180px; padding-left: 0; border-top: 1px solid #eeeeee; opacity: 0; transition: opacity 0.2s ease-in-out; } .genesis-nav-menu .sub-menu a { width: 180px; padding: 1em; border: 1px solid #eeeeee; border-top: 0; } .genesis-nav-menu .sub-menu .sub-menu { margin: -46px 0 0 179px; } .genesis-responsive-menu { display: block; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { position: absolute; width: 180px; padding-left: 0; border-top: 1px solid #eeeeee; opacity: 0; transition: opacity 0.4s ease-in-out; } .menu-toggle { display: none; } .sub-menu-toggle { display: none; } .nav-primary { position: relative; top: auto; left: auto; width: auto; background-color: transparent; } .entry { margin-bottom: 60px; } .entry-header h1.entry-title { font-size: 4.8rem; } .single.full-width-content .content article > .entry-header { margin: 0 -70px 40px; } .yeuchaybo-grid-2.archive:not(.woocommerce-page) .content .entry, .yeuchaybo-grid-2.blog:not(.woocommerce-page) .content .entry { flex: 0 1 calc( (100% - 60px) / 2); margin-left: 60px; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .post-listing .entry, .yeuchaybo-grid-3.archive:not(.woocommerce-page) .content .entry, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .post-listing .entry, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .content .entry { flex: 0 1 calc( (100% - 120px) / 3); margin-left: 60px; } .entry-comments { margin-bottom: 60px; } .comment-respond { margin-bottom: 60px; } .entry-pings { margin-bottom: 60px; } .sidebar { width: 30%; } .front-page-1 { padding: 26rem 0 20rem; } .footer-widget-area { float: left; width: 31.62393%; margin-bottom: 0; } } @media (min-width: 1024px) { .entry-content .alignwide { max-width: 1000px; margin-right: -120px; margin-left: -120px; } .single-event .event-info-wrapper { box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18); } .single-event .event-info-wrapper .event-left { box-shadow: none; flex: 1 1 60%; padding: 60px; text-align: unset; margin: 0 auto 0; max-width: 760px; } .single-event .event-info-wrapper .event-right { flex: 1 1 30%; } .single-event .event-info-wrapper .event-map { flex: 1 1 40%; margin-top: 0; height: 100%; } .yeuchaybo-grid-3.archive:not(.woocommerce-page) .post-listing .entry .entry-title, .yeuchaybo-grid-3.archive:not(.woocommerce-page) .content .entry .entry-title, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .post-listing .entry .entry-title, .yeuchaybo-grid-3.blog:not(.woocommerce-page) .content .entry .entry-title { font-size: 2.6rem; } } @media only screen and (max-width: 768px) { .big-leader { height: 300px; } .backstretch.no-js { height: 300px; } } @media only screen and (max-width: 800px) { .big-leader { height: 300px !important; } } @media only screen and (max-width: 500px) { .entry-content .wp-block-columns { display: block; } .wp-block-columns > *:not(:last-child) { margin-bottom: 20px; } .wp-block-text-columns { flex-direction: column; } .entry-content .wp-block-text-columns.columns-2 .wp-block-column { width: 100%; } .entry-content .wp-block-text-columns .wp-block-column { margin: 0; } .wp-block-text-columns .wp-block-column:not(:last-child) { margin-bottom: 40px; } } @media print { *, *:before, *:after { color: #333333 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: ' (' attr(href) ')'; } abbr[title]:after { content: ' (' attr(title) ')'; } a[href^='javascript:']:after, a[href^='#']:after, .site-title > a:after { content: ''; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { width: 100%; text-align: center; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { position: relative; top: -100px; padding-top: 0; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } /*# sourceMappingURL=style.css.map */