/* Theme Name: Genesis Sample Theme URI: https://demo.studiopress.com/ Description: This is the sample theme created for the Genesis Framework. Author: StudioPress Author URI: https://www.studiopress.com/ Version: 3.3.0 Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks Template: genesis License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: genesis-sample Requires at least: 5.4 Requires PHP: 5.6 */ /* HTML5 Reset ---------------------------------------------------------------------------- */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}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{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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 { content: " "; display: table; } .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 { clear: both; content: " "; display: table; } /* Defaults --------------------------------------------- */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { background-color: #fff; color: #333; font-family: "Source Sans Pro", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.625; margin: 0; overflow-x: hidden; } 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: underline; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } a:focus, a:hover { color: #333; text-decoration: none; } p { margin: 0 0 30px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-bottom: 1px solid currentColor; clear: both; color: #eee; margin: 1.65em auto; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #333; } blockquote { margin: 30px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 20px; } h1 { font-size: 30px; } h2 { font-size: 27px; } h3 { font-size: 24px; } h4 { font-size: 20px; } .entry-content h3, .entry-content h4 { font-weight: 600; } .entry-content h4 { margin-top: 40px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* 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 { border: 1px solid #eee; height: auto; padding: 4px; } .gallery img:focus, .gallery img:hover { border: 1px solid #999; outline: none; } .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; } .gallery-item { float: left; margin: 0 0 30px; text-align: center; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; font-size: 18px; font-weight: 400; padding: 15px; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-ms-input-placeholder { color: #333; opacity: 1; } :-ms-input-placeholder { color: #333; opacity: 1; } ::placeholder { color: #333; opacity: 1; } button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button { background-color: #333; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 15px 30px; text-align: center; text-decoration: none; white-space: normal; width: auto; } 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, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover { background-color: #0073e5; border-width: 0; color: #fff; } .entry-content .button:focus, .entry-content .button:hover { color: #fff; } .button { display: inline-block; } .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 { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; width: 100%; word-break: break-all; } tbody { border-bottom: 1px solid #eee; } td, th { line-height: 2; text-align: left; vertical-align: top; } td { padding: 0.5em; } tr { border-top: 1px solid #eee; } th { font-weight: 600; padding: 0.5em; } /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: 700; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { display: inline-block; position: relative; margin-bottom: 30px; } /* Structure and Layout --------------------------------------------- */ .site-container { animation: fadein 1s; word-wrap: break-word; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .site-inner { clear: both; margin: 0 auto; padding: 60px 30px 0; } /* Common Classes --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 20px; } .alignright .avatar { margin-left: 20px; } .comment .avatar { margin: 0 15px 20px 0; } /* Genesis --------------------------------------------- */ .after-entry, .archive-description, .author-box { margin-bottom: 40px; } .after-entry { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 20px 30px; } .after-entry .widget:last-of-type { margin-bottom: 0; } .breadcrumb { border-bottom: 1px solid #eee; font-size: 16px; margin-bottom: 40px; padding-bottom: 10px; } .genesis-title-hidden .breadcrumb { margin-top: 40px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { margin-bottom: 40px; width: 50%; } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; } .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; } .entry-title { font-size: 30px; margin-bottom: 10px; } .entry-title a, .sidebar .widget-title a { color: #333; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { color: #0073e5; } .widget-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .genesis-title-hidden .site-inner { padding-top: 0; } /* 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, .singular-image { 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; } figcaption, .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 600; margin-top: 0.5em; margin-bottom: 1em; padding-left: 10px; padding-right: 10px; 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 --------------------------------------------- */ .widget { margin-bottom: 40px; } .widget p:last-child, .widget ul > li:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 1px solid #eee; margin-bottom: 20px; } .featured-content .entry:last-of-type { border-bottom: none; margin-bottom: 0; } .featured-content .entry-title { font-size: 16px; margin-bottom: 5px; margin-top: 10px; } /* Plugins --------------------------------------------- */ /* Genesis eNews Extended */ .after-entry .enews { text-align: center; padding: 10px; } .sidebar .enews { background-color: #f5f5f5; padding: 30px; } .enews-widget input { font-size: 16px; margin-bottom: 10px; } .after-entry .enews-widget input { text-align: center; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews form + p { margin-top: 20px; } /* Genesis Simple FAQ */ .gs-faq__question { background: transparent; border-bottom: 1px solid #eee; color: #333; padding-left: 0; padding-right: 0; } .gs-faq__question:focus, .gs-faq__question:hover { background: transparent; color: #0073e5; } .gs-faq__question::after { content: "\f132"; font-family: dashicons; float: right; } .gs-faq__question.gs-faq--expanded::after { content: "\f460"; } /* WP Forms */ .entry-content .wpforms-container { margin-bottom: 40px; } .entry-content .wpforms-form .wpforms-field { clear: both; margin: 20px 0; overflow: hidden; } .site-container .wpforms-container .wpforms-form .wpforms-field input { border-radius: 0; height: auto; padding: 15px; } .site-container .entry-content .wpforms-form .wpforms-field-label { font-weight: 600; } .site-container .entry-content .wpforms-form .wpforms-field-sublabel { font-size: 14px; font-weight: 300; } .entry-content .wpforms-form .wpforms-field-hp { display: none !important; left: -9000px !important; position: absolute !important; } .site-container .entry-content .wpforms-form textarea { padding: 15px; } .site-container .entry-content .wpforms-form textarea.wpforms-field-small { height: 120px; } .site-container .entry-content .wpforms-form textarea.wpforms-field-medium { height: 200px; } .site-container .entry-content .wpforms-form textarea.wpforms-field-large { height: 300px; } /* Skip Links --------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .genesis-skip-link li { height: 0; list-style: none; width: 0; } :focus { color: #333; outline: #ccc solid 1px; } /* Site Header --------------------------------------------- */ .site-header { background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); padding: 0 30px; } .title-area { float: left; padding-bottom: 25px; padding-top: 25px; } .wp-custom-logo .title-area { max-width: 350px; padding-bottom: 5px; padding-top: 5px; width: 100%; } .wp-custom-logo .title-area img { width: auto; } .site-title { font-size: 20px; font-weight: 600; line-height: 1; margin-bottom: 0; } .site-title a, .site-title a:focus, .site-title a:hover { color: #333; text-decoration: none; } .site-description, .wp-custom-logo .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } /* Site Navigation --------------------------------------------- */ .genesis-nav-menu { clear: both; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: block; float: none; position: relative; } .genesis-nav-menu a { color: #333; display: block; font-size: 15px; font-weight: 400; outline-offset: -1px; padding-bottom: 12px; padding-top: 12px; 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, .genesis-nav-menu .sub-menu a { width: 100%; } .genesis-nav-menu .sub-menu { clear: both; display: none; left: -9999px; margin: 0; opacity: 1; padding-left: 15px; position: static; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; font-size: 14px; position: relative; word-wrap: break-word; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .menu-item:hover > .sub-menu { display: block; left: auto; opacity: 1; } /* 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 { display: none; } .menu-toggle, .sub-menu-toggle { background-color: transparent; border-width: 0; color: #333; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; } .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { background-color: transparent; border-width: 0; color: #0073e5; } .menu-toggle { float: right; line-height: 20px; margin-bottom: 10px; margin-top: 10px; padding: 15px 0; position: relative; z-index: 1000; } .menu-toggle.activated::before { content: "\f335"; } .site-header .menu-toggle::before { float: left; margin-right: 5px; position: relative; text-rendering: auto; top: 1px; } .sub-menu-toggle { float: right; padding: 9px 10px; position: absolute; right: 0; top: 0; z-index: 100; } .sub-menu .sub-menu-toggle { padding: 12px 10px; } .sub-menu-toggle::before { display: inline-block; text-rendering: auto; transform: rotate(0); transition: transform 0.25s ease-in-out; } .sub-menu-toggle.activated::before { transform: rotate(180deg); } /* Header Menu */ .nav-primary { clear: left; padding-bottom: 15px; padding-top: 15px; width: 100%; } /* Footer Menu */ .nav-secondary { margin-top: 10px; } .nav-secondary .genesis-nav-menu { line-height: 1.5; } .nav-secondary .menu-item { display: inline-block; } .nav-secondary a { margin-left: 10px; margin-right: 10px; padding: 0; } /* Content Area --------------------------------------------- */ .entry { margin-bottom: 40px; } .entry-content ol, .entry-content ul { margin-bottom: 30px; padding-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ul > li, .entry-content ul ul > li { list-style-type: circle; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #f5f5f5; } .content .sticky { background-color: #f5f5f5; padding: 30px; } /* Entry Meta */ p.entry-meta { font-size: 16px; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 20px; } .entry-footer .entry-meta { border-top: 1px solid #eee; padding-top: 20px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* Pagination */ .pagination { clear: both; margin: 60px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #f5f5f5; color: #333; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 4px; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #333; color: #fff; } /* Entry Comments */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-header { margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .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 .reply { display: none; } .comment-form-cookies-consent label { display: inline; padding-left: 10px; } /* Sidebar --------------------------------------------- */ .sidebar { font-size: 16px; line-height: 1.5; } .sidebar .widget { margin-bottom: 40px; } .sidebar p { margin-bottom: 20px; } /* Footer Widgets --------------------------------------------- */ .footer-widgets { border-top: 1px solid #eee; background-color: #fff; clear: both; padding: 60px 0; } .footer-widgets .wrap { margin-left: auto; margin-right: auto; } .footer-widget-area { margin-bottom: 40px; padding-left: 30px; padding-right: 30px; } .footer-widget-area:last-child, .footer-widgets .widget:last-child { margin-bottom: 0; } /* Site Footer --------------------------------------------- */ .site-footer { background-color: #fff; border-top: 1px solid #eee; font-size: 15px; line-height: 1.5; padding: 30px; text-align: center; } .site-footer p { margin-bottom: 0; } /* Media Queries --------------------------------------------- */ @media only screen and (min-width: 480px) { table { table-layout: auto; word-break: normal; } } @media only screen and (min-width: 960px) { /* Site Header */ .site-header { position: -webkit-sticky; position: sticky; top: 0; z-index: 9999; } .admin-bar .site-header { top: 32px; } /* Genesis Menu */ .genesis-nav-menu .menu-item { display: inline-block; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu > .menu-bold > a { font-weight: 700; } .genesis-nav-menu > .menu-highlight > a { background-color: #333; border-radius: 3px; color: #fff; font-weight: 600; margin-left: 15px; padding-left: 20px; padding-right: 20px; } .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover { background-color: #0073e5; } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 180px; } .genesis-nav-menu .sub-menu { border-top: 1px solid #eee; opacity: 0; padding-left: 0; position: absolute; transition: opacity 0.4s ease-in-out; } .genesis-nav-menu .sub-menu a { border: 1px solid #eee; border-top: 0; padding-bottom: 15px; padding-top: 15px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -46px 0 0 179px; } /* Responsive Menu */ .genesis-responsive-menu { display: block; padding-top: 15px; } .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* Header Menu */ .nav-primary { clear: none; float: right; width: auto; } .nav-primary .genesis-nav-menu a { padding-left: 15px; padding-right: 15px; } /* Site-Inner */ .site-inner { max-width: 1140px; } /* Content */ .content { float: left; width: 65%; } .sidebar-content .content { float: right; } .full-width-content .content { float: none; margin-left: auto; margin-right: auto; } /* Sidebar */ .sidebar { float: right; width: 30%; } .sidebar-content .sidebar { float: left; } /* Author Box */ .author-box { background-color: #f5f5f5; padding: 30px; } /* After Entry */ .after-entry { padding: 40px 60px; } .after-entry .enews { padding-left: 30px; padding-right: 30px; } /* Column Classes */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Entry Misc. */ .after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings { margin-bottom: 60px; } /* Footer Widgets */ .footer-widgets .wrap { max-width: 1140px; } .footer-widget-area { float: left; margin-bottom: 0; width: calc(100% / 3); } } /* Print Styles ---------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: #333 !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 #999; 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 { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; } .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; } } /* ========================================== SOLUCIÓN DEFINITIVA: CABECERA MÓVIL GENESIS ========================================== */ @media only screen and (max-width: 768px) { /* 1. CABECERA: Fondo blanco sólido, fija y alineada con Flexbox */ .site-header { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; background-color: #ffffff !important; /* Obliga al fondo a ser blanco */ z-index: 9999 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; padding: 10px 20px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* 2. LOGO: Tamaño restringido para que no ocupe todo */ .title-area { padding: 0 !important; margin: 0 !important; width: 75% !important; } .site-title img, .custom-logo-link img { max-width: 170px !important; height: auto !important; display: block !important; } /* 3. BOTÓN HAMBURGUESA: Arreglar el cuadrado vacío */ .menu-toggle { display: block !important; background-color: transparent !important; border: 1px solid #cccccc !important; /* Le da un borde sutil al cuadrado */ border-radius: 4px !important; width: 45px !important; height: 40px !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; /* Oculta la palabra "Menu" */ display: flex !important; align-items: center !important; justify-content: center !important; } /* Forzar que aparezca el icono de las 3 rayas de Dashicons */ .site-header .menu-toggle::before { content: "\f333" !important; font-family: dashicons !important; font-size: 24px !important; color: #333333 !important; /* Asegura que el icono sea gris oscuro, no blanco */ margin: 0 !important; float: none !important; } /* Cambiar a una 'X' cuando el menú está abierto */ .site-header .menu-toggle.activated::before { content: "\f335" !important; } /* 4. MENÚ DESPLEGABLE: Fondo blanco y sin transparencias */ .genesis-responsive-menu { background-color: #ffffff !important; position: absolute !important; top: 100% !important; /* Que aparezca justo debajo del header */ left: 0 !important; width: 100% !important; padding: 15px 20px 30px !important; box-shadow: 0 6px 10px rgba(0,0,0,0.1) !important; z-index: 9998 !important; } /* 5. EMPUJAR EL CONTENIDO: Para que no se quede debajo de la cabecera */ .site-inner { padding-top: 90px !important; /* Espacio para que el contenido respire bajo el header fijo */ } } /* ===================================================== CORRECCIÓN HERO Y PORTADAS EN MÓVILES (AJUSTE FINAL) ===================================================== */ @media only screen and (max-width: 768px) { /* 1. Visibilidad forzada en todas las portadas */ .fl-builder-content .fl-row:first-of-type, .fl-builder-content .fl-row:first-of-type.fl-visible-desktop, .fl-builder-content .fl-row:first-of-type.fl-visible-large, .fl-builder-content .fl-row:first-of-type.fl-visible-medium { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* 2. Contenedor Hero: espacio superior para despejar el rostro */ .fl-builder-content .fl-row:first-of-type .fl-row-content-wrap { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; min-height: 85vh !important; background-size: cover !important; background-repeat: no-repeat !important; padding: 300px 14px 20px 14px !important; box-sizing: border-box !important; } /* 3. Encuadre exacto por página */ /* HOME: Centrado perfecto de la cara hacia el centro de la pantalla */ .home .fl-builder-content .fl-row:first-of-type .fl-row-content-wrap { background-position: 12% top !important; } /* SOBRE MÍ: Elisabet con chaqueta roja a la derecha */ .page-id-95 .fl-builder-content .fl-row:first-of-type .fl-row-content-wrap { background-position: 85% top !important; } /* RESTO DE PÁGINAS (Servicios y Contacto) */ .page-id-105 .fl-builder-content .fl-row:first-of-type .fl-row-content-wrap, .page-id-110 .fl-builder-content .fl-row:first-of-type .fl-row-content-wrap, .page-id-1373 .fl-builder-content .fl-row:first-of-type .fl-row-content-wrap { background-position: center top !important; } /* 4. Columna de contenido */ .fl-builder-content .fl-row:first-of-type .fl-col { width: 100% !important; max-width: 100% !important; float: none !important; padding: 0 !important; margin: 0 auto !important; } /* 5. Tarjeta translúcida compactada abajo */ .hero-contenido-texto { max-width: 95% !important; width: 95% !important; margin: 0 auto !important; padding: 16px 14px !important; background: rgba(255, 255, 255, 0.80) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10) !important; box-sizing: border-box !important; text-align: center !important; } /* 6. Tipografías ajustadas */ .hero-h1, .hero-contenido-texto h1 { font-size: 16px !important; line-height: 1.3 !important; margin-bottom: 4px !important; text-align: center !important; } .hero-script { font-size: 24px !important; margin: 2px 0 6px 0 !important; text-align: center !important; line-height: 1.1 !important; } .hero-desc-blue, .hero-contenido-texto h2 { font-size: 13px !important; line-height: 1.35 !important; margin: 0 auto 10px auto !important; text-align: center !important; } /* 7. Botones */ .hero-actions { display: flex !important; flex-direction: column !important; gap: 6px !important; width: 100% !important; margin-bottom: 8px !important; } .hero-actions .btn-reserva, .hero-actions .btn-llamada { width: 100% !important; padding: 10px 12px !important; font-size: 12px !important; box-sizing: border-box !important; text-align: center !important; justify-content: center !important; background: rgba(255, 255, 255, 0.7) !important; } .hero-reviews { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; } .img-resenas-estatica { max-width: 65px !important; height: auto !important; margin: 0 auto !important; } } /* ===================================================== ESTILOS PERSONALIZADOS E INTEGRADOS (OPTIMIZADOS) ===================================================== */ /* --- TIPOGRAFÍA Y GENERAL --- */ .nav-primary, .entry-title, .entry-content { font-family: 'Montserrat', sans-serif; } .entry-title, .entry-title a { color: #7b4f80 !important; /* Mantiene morado en títulos */ text-align: left; font-size: 25px; font-weight: bold; margin-bottom: 25px !important; } .entry-title a:focus, .entry-title a:hover { color: #7b4f80 !important; } .entry-content { text-align: left; font-size: 20px; list-style: none; text-decoration: none; } .fl-rich-text p { text-align: center; } .fl-rich-text h1, .fl-rich-text h2, .fl-rich-text h3 { margin-bottom: 25px !important; } .pagina-centro .site-footer, .post-edit-link, .edit-link, .grecaptcha-badge { display: none !important; } a:focus { outline: none; } /* --- HEADER Y MENÚ PRINCIPAL (VERDE) --- */ .site-header { background-color: white; opacity: 0.9; padding: 10px 0; } .nav-primary { padding-top: 35px; z-index: 100; } .genesis-nav-menu a { font-size: 14px; color: #444242; transition: all 0.3s ease; } .nav-primary .genesis-nav-menu .menu-item { position: relative; margin: 0 1em; padding: 0; color: #6b889d; transition: color 0.4s; } /* Hovers del menú en Verde Fuerte */ .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, .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { color: #2E7D32 !important; font-weight: bold; } @media only screen and (min-width: 960px) { .genesis-nav-menu > .menu-highlight > a:hover, .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight.current-menu-item > a { background-color: #2E7D32 !important; color: #ffffff !important; } } /* Animación de línea inferior del menú (Verde) */ .nav-primary .genesis-nav-menu .menu-item::before, .nav-primary .genesis-nav-menu .menu-item::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #2E7D32 !important; transform: scale3d(0, 1, 1); transform-origin: center left; transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); } .nav-primary .genesis-nav-menu .menu-item::before { transition-delay: 0.4s; } .nav-primary .genesis-nav-menu .menu-item.current-menu-item::before, .nav-primary .genesis-nav-menu .menu-item.current-menu-item::after { transform: scale3d(1, 1, 1); } #menulegal li { list-style: none; text-align: center; } /* --- DIRECCIÓN Y CONTACTO --- */ .direccion-texto { background: #f5f5f5; border-radius: 12px; padding: 25px 30px; width: 100%; box-sizing: border-box; font-size: 22px; line-height: 1.7; text-align: center; } .boton-telefono a { font-weight: bold !important; border: 2px solid #000000 !important; border-radius: 50px; padding: 5px 14px !important; display: inline-block; color: #000000 !important; transition: all 0.3s ease; line-height: 1.2 !important; } .boton-telefono a:hover { background-color: #000000 !important; color: #ffffff !important; } a[href^="mailto:contacto@elisabetibarra.com"] { color: #444242 !important; text-decoration: none !important; border: none !important; box-shadow: none !important; } /* --- FORMULARIOS WPFORMS --- */ .wpforms-form input::placeholder, .wpforms-form textarea::placeholder { color: #999; font-style: italic; } .wpforms-form select, .wpforms-form input, .wpforms-form textarea { min-height: 55px !important; border-radius: 8px !important; padding: 12px 15px !important; font-size: 17px !important; border: 1px solid #ddd !important; } .wpforms-form textarea { min-height: 200px !important; } .wpforms-form select { height: 60px !important; font-size: 18px !important; line-height: 55px !important; } /* --- LISTA DE FORMACIÓN --- */ .lista-formacion { padding: 0 !important; margin: 25px 0 !important; } .lista-formacion ul { padding: 0 !important; margin: 0 !important; } .lista-formacion li { list-style: none !important; position: relative; padding-left: 35px; margin-bottom: 18px; line-height: 1.6; } .lista-formacion li::marker { font-size: 0; } .lista-formacion li::before { content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; left: 0; top: 10px; } .lista-formacion li:nth-child(1)::before { background: #7b4f80 !important; } /* Morado */ .lista-formacion li:nth-child(2)::before { background: #d7a784 !important; } /* Beige */ .lista-formacion li:nth-child(3)::before { background: #708ea8 !important; } /* Azul */ /* --- TÍTULOS Y FUENTE ABUGET --- */ .titulo-manuscrito *, .testimonios-abuget .uabb-testimonial-author-name, .fl-node-z8iwxdvhqpt7 *, .fl-node-2v546xwefsbl *, .fl-node-b4fy29wotngv *, .fl-node-tb2qjlyu9pxi *, .fl-node-revq2izjw3kn *, .fl-node-8j0u1v7ixeb2 * { font-family: 'abuget', sans-serif !important; } .testimonios-abuget .uabb-testimonial-author-name { font-size: 45px !important; line-height: 1.2 !important; text-transform: none !important; } .fl-node-z8iwxdvhqpt7 *, .fl-node-2v546xwefsbl *, .fl-node-b4fy29wotngv *, .fl-node-tb2qjlyu9pxi *, .fl-node-revq2izjw3kn *, .fl-node-8j0u1v7ixeb2 * { line-height: 1.2 !important; } .fl-node-z8iwxdvhqpt7 :not(b,strong), .fl-node-2v546xwefsbl :not(b,strong), .fl-node-tb2qjlyu9pxi :not(b,strong), .fl-node-revq2izjw3kn :not(b,strong) { font-size: 50px !important; } .fl-node-b4fy29wotngv :not(b,strong), .fl-node-8j0u1v7ixeb2 :not(b,strong) { font-size: 60px !important; } /* --- RESPONSIVE TABLET Y MÓVIL (MAX-WIDTH: 768px) --- */ @media (max-width: 768px) { .entry-content { font-size: 18px; line-height: 1.7; } .fl-rich-text h1, .fl-rich-text h2, .fl-rich-text h3, .entry-title { margin-bottom: 30px !important; } .direccion-consulta { width: 100% !important; margin: 0 !important; padding: 15px !important; box-sizing: border-box !important; } .direccion-texto { width: 100% !important; margin: 0 !important; white-space: normal !important; word-break: break-word; text-align: center !important; } .fl-html iframe { width: 100% !important; max-width: 100% !important; } .contacto-telefono, .contacto-email { margin-bottom: 20px !important; } .contacto-email a { display: block !important; margin-top: 8px !important; line-height: 1.5 !important; word-break: break-word !important; } .contacto-telefono .fl-icon-wrap, .contacto-email .fl-icon-wrap { margin-top: 4px !important; } .fl-row-bg-photo { background-attachment: scroll !important; background-size: cover !important; background-position: center center !important; min-height: 40vh; } body[class*="contacto"] .fl-row-bg-photo .fl-col-content, body[class*="contact"] .fl-row-bg-photo .fl-col-content, .portada-contacto .fl-col-content { background-color: rgba(255, 255, 255, 0.85) !important; border-radius: 12px; padding: 25px !important; } }