/* Theme Name: Bayleaf Theme URI: https://vedathemes.com/blog/vedaitems/bayleaf/ Author: Vedathemes Author URI: https://www.vedathemes.com Description: Bayleaf is designed for cooking or food blog with elegant visual look and feel. This is a modern & minimalist theme with color scheme customizer options and home page widget areas. This theme also offers full width single column layout on single pages for distraction free display of your food recipe. Bayleaf is also compatible with Gutenberg. Version: 1.3.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bayleaf Tags: grid-layout, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, block-styles, wide-blocks, food-and-drink This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Bayleaf is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. */ /** * #.# Normalize CSS * * Modified from normalize.css v8.0.0 | MIT License | https://necolas.github.io/normalize.css/ */ html { line-height: 1.75; -webkit-text-size-adjust: 100%; } html, input[type='search'] { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; min-width: 0; } abbr[title] { text-decoration: underline; text-decoration: underline dotted; border-bottom: none; -webkit-text-decoration: underline dotted; } b, strong { font-weight: 700; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: normal; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { display: table; box-sizing: border-box; max-width: 100%; padding: 0; white-space: normal; color: inherit; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } details { display: block; } summary { display: list-item; } template { display: none; } /** * #.# WordPress Core * * Styles for WordPress core and screen reader classes. */ /* Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; } .screen-reader-text:focus { font-size: 0.7559rem; font-weight: 700; line-height: 2.31512; z-index: 100000; /* Above WP toolbar. */ top: 5px; right: 5px; display: block; clip: auto !important; width: auto; height: auto; padding: 15px 23px 14px; text-decoration: none; color: #21759b; border-radius: 3px; background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } /* Do not show the outline on the skip link target. */ #content[tabindex='-1']:focus { outline: 0; } /* Alignment */ .alignleft { float: right; margin: 0.4375rem 0 0.875rem 1.75rem; } .alignright { float: left; margin: 0.4375rem 1.75rem 0.875rem 0; } .aligncenter { display: block; clear: both; margin: 0 auto 1.75rem; } .alignnone { float: none; margin: 0 auto 1.75rem; } p .alignnone { margin: 0; } /* Gallery */ .entry-content .gallery { width: 100%; margin-bottom: 1.75rem; } .gallery:after { display: table; clear: both; content: ''; } .gallery-item { position: relative; display: block; float: right; width: 100%; margin: 0 0 6px; padding: 0 3px; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { display: block; max-width: 100%; background: none; box-shadow: none; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-item .gallery-icon { position: relative; } .gallery-item .gallery-icon a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .gallery-item .gallery-icon a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-item .gallery-icon img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-item .gallery-icon:after { display: block; width: 100%; padding-top: 66.666%; content: ''; } .square-grid .gallery-item .gallery-icon:after, .sfstrip .gallery-item .gallery-icon:after { padding-top: 100%; } .portrait-grid .gallery-item .gallery-icon:after, .pfstrip .gallery-item .gallery-icon:after { padding-top: 133%; } .gallery-caption { position: absolute; left: 0; bottom: 0; right: 0; overflow: auto; max-height: 50%; margin: 0 3px; padding: 0.875em; transition: opacity 0.25s ease; text-align: center; background: linear-gradient(to left, rgba(70, 70, 70, 0.6), rgba(70, 70, 70, 0.4) 85%); } .gallery-caption.wp-caption-text { color: #fff; } .gallery-item:hover .gallery-caption { opacity: 1; } .entry-content .gallery img { display: block; margin: 0; } .masonry .gallery { opacity: 0; } .masonry .gallery.gloaded { transition: opacity 0.45s ease-in-out; opacity: 1; } .masonry .gallery .gallery-item { margin: 0; padding: 3px; } .masonry .gallery .gallery-icon a, .masonry .gallery .gallery-icon img { position: static; display: block; } .masonry .gallery .gallery-icon:after { display: none; } .masonry.porlan .gallery .gallery-icon a, .masonry.porlan .gallery .gallery-icon img { position: absolute; display: block; } .masonry.porlan .gallery .gallery-icon:after { display: block; padding-top: 66.66%; } .masonry.porlan .gallery .gallery-icon.portrait:after { display: block; padding-top: calc( 133.33% + 6px); } /* Image */ img { max-width: 100%; height: auto; vertical-align: middle; } .entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img { display: block; } a:hover > img, a:focus > img { opacity: 0.8; } /* Captions */ .wp-caption { max-width: 100%; margin-bottom: 1.75rem; } .wp-caption img[class*='wp-image-'] { display: block; margin: 0; } .wp-caption-text { font-size: 0.7559rem; line-height: 2.31512; padding-top: 0.875em; color: #606060; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; margin-bottom: 1.75em; vertical-align: middle; } p > embed, figure embed, p > iframe, figure iframe, p > object, figure object, p > video, figure video { margin-bottom: 0; } /* WordPress media elements */ .page-content .wp-audio-shortcode, .entry-content .wp-audio-shortcode, .comment-content .wp-audio-shortcode { margin-top: 0; margin-bottom: 1.75em; } .page-content .wp-video, .entry-content .wp-video, .comment-content .wp-video { margin-top: 0; margin-bottom: 1.75em; } .page-content .wp-playlist.wp-audio-playlist, .entry-content .wp-playlist.wp-audio-playlist, .comment-content .wp-playlist.wp-audio-playlist { margin-top: 0; margin-bottom: 1.75em; padding-bottom: 0; } .page-content .wp-playlist .wp-playlist-tracks, .entry-content .wp-playlist .wp-playlist-tracks, .comment-content .wp-playlist .wp-playlist-tracks { margin-top: 0; } .page-content .wp-playlist-item .wp-playlist-caption, .entry-content .wp-playlist-item .wp-playlist-caption, .comment-content .wp-playlist-item .wp-playlist-caption { padding: 0.7em 0; border-bottom: 0; } .page-content .wp-playlist-item .wp-playlist-item-length, .entry-content .wp-playlist-item .wp-playlist-item-length, .comment-content .wp-playlist-item .wp-playlist-item-length { top: 0.7em; } .page-content .wp-playlist-caption:focus, .entry-content .wp-playlist-caption:focus, .comment-content .wp-playlist-caption:focus { outline: 0; } /* Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } /* Meta Js */ .page-content .mejs-container, .entry-content .mejs-container, .comment-content .mejs-container { margin-bottom: 1.75rem; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeinup { from { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeinup { from { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } /** * #.# Elements * * Styles for Core HTML elements. */ html { font-size: calc( 16px + 3 * ((100vw - 320px) / 1360)); } .ios-device * { cursor: pointer; } body { font-family: Montserrat, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.75; margin: 0; word-wrap: break-word; opacity: 0; color: #464646; background-color: #fcfcfc; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } body { -webkit-animation: fadein 0.5s ease-in-out; animation: fadein 0.5s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; font-weight: 700; margin: 0 0 1.75rem; letter-spacing: normal; color: #222; } h1 { font-size: 1.75rem; line-height: 1.15; } h2 { font-size: 1.75rem; line-height: 1.15; } h3 { font-size: 1.323rem; line-height: 1.32275; } h4 { font-size: 1.128em; line-height: 1.55142; } h5 { font-size: 1rem; line-height: 1.75; } h6 { font-size: 0.8865rem; line-height: 1.97406; } /* Links */ a { text-decoration: none; color: #dc1e21; } a:hover { text-decoration: underline; } a:focus { outline: thin dotted; outline-offset: -0.05em; } /* Lists */ ol, ul { margin: 0 0 1.75rem; padding: 0 1em 0 0; } ol ol, ol ul, ul ol, ul ul { font-size: 0.8865rem; line-height: 1.97406; margin: 0.875rem 0; padding: 0 1.75em 0 0; } ol li, ul li { margin-bottom: 0.4375rem; } /* Misc */ address, p { margin: 0 0 1.75rem; } hr { overflow: visible; height: 1px; margin-bottom: 1.75rem; border: 0; background-color: #e6e6e6; } abbr, dfn[title], acronym { cursor: help; border-bottom: 1px dotted #e6e6e6; } dfn, cite, em, i { font-style: italic; } mark, ins { color: #464646; background: #fafafa; } dl, dd { margin: 0 0 1.75rem; } dt { font-weight: 700; } figure { margin: 0; } /* Code */ code, kbd, tt, var, samp, pre { font-family: 'Andale Mono', AndaleMono, 'Lucida Console', monospace; font-size: 0.8865rem; line-height: 1.97406; } pre { overflow: auto; max-width: 100%; margin: 0 0 1.75rem; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; background-color: #f5f5f5; } code { padding: 0.125em 0.25em; background-color: #f5f5f5; } /* Blockquote */ blockquote { font-size: 1.323rem; line-height: 1.32275; position: relative; margin-top: 0; margin-bottom: 1.75rem; margin-right: 0; padding-right: 2.5em; color: #757575; } blockquote > p { margin-bottom: 0.875rem; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite { font-size: 0.7559rem; font-style: normal; line-height: 2.31512; display: block; margin-top: 0.4375rem; color: #757575; } blockquote:before { font-family: 'georgia'; font-size: 50px; line-height: 1; position: absolute; top: 0; right: 0; width: 30px; content: '\201C'; color: #464646; } .wp-block-pullquote { padding: 0; border-top-width: 0; border-bottom-width: 0; } .wp-block-pullquote blockquote, blockquote.wp-block-pullquote { margin-left: 0; margin-bottom: 0; padding: 3em 0; text-align: center; color: #757575; border-top: 4px solid currentColor; border-bottom: 4px solid currentColor; } .wp-block-pullquote blockquote > p, blockquote.wp-block-pullquote > p { font-size: 1.323rem; line-height: 1.32275; } .wp-block-pullquote blockquote cite, blockquote.wp-block-pullquote cite { font-size: 0.7559rem; font-style: normal; line-height: 2.31512; display: block; margin-top: 0.4375rem; color: #757575; } .wp-block-pullquote blockquote:before, blockquote.wp-block-pullquote:before { content: none; } /* Table */ table { width: 100%; margin-bottom: 1.75rem; border-spacing: 0; border-collapse: collapse; } table td, table th { padding: 0.4em; text-align: right; border-bottom: 0.1rem solid #e6e6e6; } table td:first-child, table th:first-child { padding-right: 0; } table td:last-child, table th:last-child { padding-left: 0; } p:empty { line-height: 0; margin: 0; padding: 0; } p > br:only-child { display: none; } /** * #.# Forms * * Styles for HTML form elements. */ input:focus, input[type='button'], input[type='reset'], input[type='submit'], select, textarea:focus { transition: all 0.15s ease-in-out; } a.button, button, input[type='button'], input[type='reset'], input[type='submit'] { font-size: 0.7862rem; line-height: 1; position: relative; display: inline-block; padding: 0.875em 1.3125em; transition: box-shadow 0.15s linear; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; color: #fff; border: none; border-radius: 8px; background-color: #dc1e21; } a.button:hover, a.button:focus, button:hover, button:focus, input[type='button']:hover, input[type='button']:focus, input[type='reset']:hover, input[type='reset']:focus, input[type='submit']:hover, input[type='submit']:focus { cursor: pointer; border: none; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } a.button:focus, button:focus, input[type='button']:focus, input[type='reset']:focus, input[type='submit']:focus { outline: thin dotted; outline-offset: -4px; } a.cta.button { background-color: #00804d; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='week'], input[type='month'], input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='tel'], input[type='number'], textarea, select { font-family: inherit; font-size: 0.7862rem; width: 100%; padding: 0.875em; color: #464646; border: 1px solid #e6e6e6; border-radius: 8px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); } input[type='date']:focus, input[type='time']:focus, input[type='datetime-local']:focus, input[type='week']:focus, input[type='month']:focus, input[type='text']:focus, input[type='email']:focus, input[type='url']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='number']:focus, textarea:focus, select:focus { outline: 0; box-shadow: inset 0 0 1px #dc1e21; } select { background: #fff url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAyAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAIBgYGBgYIBgYIDAgHCAwOCggICg4QDQ0ODQ0QEQwODQ0ODBEPEhMUExIPGBgaGhgYIyIiIiMnJycnJycnJycnAQkICAkKCQsJCQsOCw0LDhEODg4OERMNDQ4NDRMYEQ8PDw8RGBYXFBQUFxYaGhgYGhohISAhIScnJycnJycnJyf/wAARCAASAB4DASIAAhEBAxEB/8QAbwAAAgIDAAAAAAAAAAAAAAAAAAYBBQMEBwEBAQEAAAAAAAAAAAAAAAAAAQACEAABAgQDBwMFAAAAAAAAAAABAgQAEQMFIUESMVGhMhMzBrFiNJEiIxQ1EQADAQEBAAAAAAAAAAAAAAAAATEhcUH/2gAMAwEAAhEDEQA/AH1y7vfiN7qOXlWo+t71ZUpajzDIJGxC0DCQkCOD2zeNn7am7aVBUo1RNKh6HcRmIh6xbXFqtm7pipRqCRB2g5EHIiOf67p4HcVIkXVscTKATpCyBgZyOmonPeOGr0zODnfb60sTTr1/vrLmG7cGSlqHokZmEtrX8n/VfeWrcqpghHToFM6dRIqoEhTPLTSmeIx247Y2LJZXnk7036+klsT+KliAsA4ISMqaeP1h/wCmjR0tI6ctOiQ06ZSlLdFM9ZXXETFH5f8Awq3xuZHzO3zDZ7t0EECqFxlw2+NR5ORPZ7ewdv27oywQQCf/2Q==') left no-repeat; background-position: left 15px top 17px; background-size: 12px; -webkit-appearance: none; -moz-appearance: none; } label { font-weight: 700; display: block; margin-bottom: 0.4375em; color: #464646; } a.button:disabled, a.button.disabled, a.button:disabled[disabled], button.disabled, button[disabled], input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled] { opacity: 0.7; } a.button:disabled:hover, a.button.disabled:hover, a.button:disabled[disabled]:hover, button.disabled:hover, button[disabled]:hover, input[type='button'][disabled]:hover, input[type='reset'][disabled]:hover, input[type='submit'][disabled]:hover { cursor: not-allowed; } .search-form { position: relative; } .search-form label { margin-bottom: 0; } .search-field { padding-left: 50px; } button.search-submit { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; overflow: hidden; color: #464646; border-width: 0; background-color: transparent; box-shadow: none; } button.search-submit:hover, button.search-submit:focus { background-color: transparent; } .shadow-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .shadow-2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .shadow-3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .shadow-4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .no-scroll { position: fixed; overflow: scroll; width: 100%; } .italic { font-style: italic; } .wrapper { position: relative; display: block; width: 100%; margin: 0 auto; padding: 0 20px; } .flex-wrapper { position: relative; display: flex; width: 100%; margin: 0 auto; padding: 0 20px; flex: 0 0 100%; flex-wrap: wrap; } .flex-wrapper .flex-wrapper { padding: 0; } [class*='fw-tab-'], [class*='fw-lap-'], [class*='fw-tabr-'] { flex-basis: 100%; } .site-header { font-family: Poppins, sans-serif; position: relative; margin-bottom: 3.5rem; } .site-header a { text-decoration: none; } .home .site-header { margin-bottom: 0; } .home.has-header-image .site-header { margin-bottom: 1.75rem; } .header-items { position: relative; display: flex; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); background-color: #fff; flex-basis: 100%; align-items: center; justify-content: space-between; flex-wrap: wrap; } .header-image { position: relative; overflow: hidden; width: 100%; height: 200px; border-radius: 8px; } .header-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header-image-wrapper { position: relative; } .header-image:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ''; background: rgba(0, 0, 0, 0.2); } .site-description { font-size: 1.323rem; font-weight: bold; line-height: 1.32275; position: absolute; top: 50%; width: calc( 100% - 40px); height: auto; margin-top: 0; margin-bottom: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; text-shadow: 0 1px 0 #222; } .site-branding { position: relative; right: -1px; display: flex; align-items: center; } .custom-logo-link img { width: auto; height: 32px; margin-left: 0.7rem; padding: 5px 0; } .title-area { display: flex; align-items: center; } .site-title { font-size: 1.323rem; font-weight: 700; line-height: 1.32275; line-height: 1; margin-bottom: 0; } .site-title a { display: inline-block; color: #464646; } .site-title a:focus, .site-title a:hover { text-decoration: none; opacity: 0.7; } .header-widgets { position: relative; margin-left: -12px; } .header-widget-area, .header-search-wrapper { position: fixed; z-index: 199; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; overflow: hidden; overflow-y: scroll; width: 100%; height: 100%; padding: 3.5rem 5%; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(1.1); transform: scale(1.1); pointer-events: none; opacity: 0; background-color: #fff; } .admin-bar .header-widget-area, .admin-bar .header-search-wrapper { margin-top: 46px; } .header-widget-area.toggled-on, .header-search-wrapper.toggled-on { visibility: visible; -webkit-transform: none; transform: none; pointer-events: auto; opacity: 1; } .header-widget-area .header-widget-wrapper { max-width: 720px; margin: 0 auto; padding: 0 0 3.5rem; } .header-widget-area a:hover, .header-widget-area a:focus { text-decoration: underline; } .header-search-wrapper { z-index: 399; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .header-search-wrapper .header-search-container { max-width: 720px; margin: 0 auto; padding: 3.5rem 0; } .header-search-wrapper .header-search-container input[type='search'] { border-width: 0 0 1px 0; border-color: rgba(70, 70, 70, 0.4); border-radius: 0; box-shadow: none; } .menu-toggle, .action-toggle, .search-toggle { font-size: 20px; position: relative; z-index: 299; width: 40px; height: 40px; margin-top: 2px; padding: 0; color: currentColor; outline-offset: -0.05em; background-color: transparent; box-shadow: none; } .menu-toggle:hover, .menu-toggle:focus, .menu-toggle.toggled-btn, .action-toggle:hover, .action-toggle:focus, .action-toggle.toggled-btn, .search-toggle:hover, .search-toggle:focus, .search-toggle.toggled-btn { background-color: transparent; box-shadow: none; } .menu-toggle:focus, .action-toggle:focus, .search-toggle:focus { outline-color: #757575; } .search-toggle { z-index: 99; vertical-align: top; } .search-toggle .icon-close { font-size: 25px; display: none; margin: 5px auto 0; } .search-toggle.toggled-btn { z-index: 499; } .search-toggle.toggled-btn .icon-close { display: block; } .search-toggle.toggled-btn .icon-search { display: none; } .menu-toggle:before, .menu-toggle:after, .action-toggle:before, .action-toggle:after { display: block; content: ''; } .menu-toggle:before, .menu-toggle .bar, .menu-toggle:after, .action-toggle:before, .action-toggle .bar, .action-toggle:after { position: absolute; left: 10px; width: 20px; height: 2px; transition: 0.25s ease-in-out; background-color: #464646; } .menu-toggle:before, .action-toggle:before { top: 12px; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .menu-toggle .bar, .action-toggle .bar { top: 18px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .menu-toggle:after, .action-toggle:after { top: 24px; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .menu-toggle.toggled-btn:before, .action-toggle.toggled-btn:before { left: 7px; -webkit-transform: rotate(-45deg) scaleX(1.05); transform: rotate(-45deg) scaleX(1.05); } .menu-toggle.toggled-btn:after, .action-toggle.toggled-btn:after { top: 26px; left: 7px; -webkit-transform: rotate(45deg) scaleX(1.05); transform: rotate(45deg) scaleX(1.05); } .menu-toggle.toggled-btn .bar, .action-toggle.toggled-btn .bar { -webkit-transform: scaleX(0); transform: scaleX(0); opacity: 0; } .action-toggle:before, .action-toggle:after { width: 16px; } .action-toggle:hover:before, .action-toggle:hover:after, .action-toggle:focus:before, .action-toggle:focus:after, .action-toggle.toggled-btn:before, .action-toggle.toggled-btn:after { width: 20px; } .menu-toggle { z-index: 1; margin-right: -8px; order: -1; } .social-navigation { position: relative; display: inline-block; color: currentColor; } .social-navigation ul.nav-menu--social { margin: 0 -0.875rem; padding-left: 0; padding-right: 0; list-style: none; } .social-navigation ul.nav-menu--social li { display: inline-block; margin-top: 0; padding: 0.2625em 0; border-top-width: 0; } .social-navigation ul.nav-menu--social a { line-height: 1; display: block; padding: 0.6125em 0.875em; text-decoration: none; color: #464646; background-color: transparent; } .social-navigation ul.nav-menu--social a .icon { width: 16px; height: 16px; margin-left: 0; } .social-navigation ul.nav-menu--social a:hover, .social-navigation ul.nav-menu--social a:focus { color: #dc1e21; } .site-navigation { position: relative; padding: 0 20px; order: 3; flex: 0 0 100%; } .site-navigation ul { margin: 0; padding-right: 0; list-style: none; } .site-navigation ul li { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .site-navigation ul li:last-of-type { border-bottom-width: 0; } .site-navigation ul a { font-size: 0.7559rem; line-height: 2.31512; display: inline-block; padding: 0.875em 0 0.875em 1.1375em; letter-spacing: 0.125em; color: #222; background-color: transparent; } .site-navigation ul ul { padding: 0; } .site-navigation ul ul li { display: block; padding: 0; } .site-navigation ul ul ul { position: static; margin-top: 0; } .site-navigation ul ul ul a { padding-right: 10%; } .site-navigation ul ul ul ul a { padding-right: 15%; } .site-navigation ul ul ul ul ul a { padding-right: 20%; } .site-navigation ul ul ul ul ul ul a { padding-right: 25%; } .site-navigation ul ul a { margin-left: 0; padding-right: 5%; letter-spacing: 0.05em; } .site-navigation ul ul a:hover, .site-navigation ul ul a:focus { color: #dc1e21; } .site-navigation ul .toggled-on > ul { -webkit-transform: scaleY(1); transform: scaleY(1); } .site-navigation ul .toggled-on > ul > li { transition: opacity 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s; opacity: 1; } .sub-menu-toggle { font-size: 18px; position: relative; width: 40px; height: 40px; padding: 0; color: #464646; border: 1px solid #e6e6e6; border-radius: 2px; background-color: transparent; } .sub-menu-toggle:hover, .sub-menu-toggle:focus { border: 1px solid #e6e6e6; box-shadow: none; } .sub-menu-toggle .icon-angle-up { display: none; } .sub-menu-toggle.toggled-btn .icon-angle-up { display: block; } .sub-menu-toggle.toggled-btn .icon-angle-down { display: none; } .sub-menu-toggle .icon { position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .sub-menu-toggle .icon.icon-angle-up { -webkit-transform: translateX(50%, -100%); transform: translateX(50%, -100%); } /** * #.# Site Content Area * * Styles for site content structural components. */ .site-content { border-bottom: 1px solid #e6e6e6; } .index-view .site-content, .home .site-content { margin-top: 3.5rem; } .singular-view:not(.woocommerce-page) .site-main { max-width: 41rem; margin: 0 auto; } body:not(.error404) .page-header { margin-bottom: 3.5rem; } body:not(.error404) .page-header p:last-child { margin-bottom: 0; } body:not(.error404) .page-header h1.page-header-title { margin-bottom: 0; } body:not(.error404) .page-header-description { margin-right: 5px; } .page-header:not(.screen-reader-text) { width: 100%; } .blog-title { font-size: 1.323rem; font-weight: 700; line-height: 1.32275; margin-bottom: 1.75rem; padding-bottom: 0.875rem; color: #222; border-bottom: 1px solid #e6e6e6; } .blog-title .bt-2 { margin-right: 6px; color: #757575; } .entry { margin-bottom: 3.5rem; } .entry-index-wrapper { height: 100%; border: 1px solid #e6e6e6; border-top-width: 0; border-radius: 8px; background-color: #fff; } .sticky .entry-index-wrapper { position: relative; } .sticky .entry-index-wrapper:before, .sticky .entry-index-wrapper:after { position: absolute; z-index: -1; top: 80%; bottom: 15px; right: 10px; width: 50%; max-width: 200px; content: ''; -webkit-transform: rotate(3deg); transform: rotate(3deg); background: #777; box-shadow: 0 15px 10px #777; } .sticky .entry-index-wrapper:after { left: 10px; right: auto; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .index-view .entry-main-content { overflow: hidden; padding: 1.75em; } .entry-header { position: relative; } .index-view .entry-header .meta-categories { font-size: 0.7559rem; line-height: 2.31512; display: block; margin-bottom: 0; letter-spacing: 0.125em; } .entry-header-title-area { margin-bottom: 2.625rem; } .attachment .entry-header-title-area { text-align: center; } .entry-header-title-area .entry-thumbnail img { width: 100%; height: auto; margin: 0 auto; border-radius: 8px; } .entry-header-title { font-weight: 700; } .index-view .entry-header-title { font-size: 1rem; line-height: 1.75; margin-bottom: 0; } .index-view .entry-header-title a { color: currentColor; } .index-view .entry-header-title a:hover, .index-view .entry-header-title a:focus { color: #757575; } .singular-view .entry-header-title { font-size: 1.75rem; line-height: 1.15; margin-top: 0.4375rem; margin-bottom: 0.4375rem; } .singular-view .entry-thumbnail { text-align: center; } .singular-view .entry-thumbnail img { width: 100%; } .entry-featured-content { position: relative; width: calc(100% + 2px); margin-right: -1px; border-radius: 8px 8px 0 0; background: linear-gradient(-45deg, #808080 0%, #b3b3b3 25%, #e6e6e6 100%); } .entry-featured-content:after { position: relative; display: block; width: 100%; padding-top: 66.66%; content: ''; } .entry-featured-content .entry-thumbnail { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; overflow: hidden; border-radius: 8px 8px 0 0; } .entry-featured-content .entry-thumbnail img { width: 100%; height: 100%; transition: -webkit-transform 0.3s ease-in; transition: transform 0.3s ease-in; transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in; -o-object-fit: cover; object-fit: cover; } .entry-featured-content .entry-thumbnail:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; display: block; width: 100%; content: ''; background: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.05) 100%); } .entry-featured-content a.post-permalink { position: absolute; z-index: 9; top: 0; left: 0; bottom: 0; right: 0; display: block; transition: all 0.25s ease-in; border-radius: 8px 8px 0 0; } .entry-featured-content a.post-permalink:focus { outline-style: solid; outline-offset: 1px; } .entry-featured-content .quick-action { position: absolute; z-index: 10; left: 40px; bottom: -20px; width: 40px; height: 40px; cursor: pointer; color: #dc1e21; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .entry-featured-content .quick-action .icon { font-size: 20px; position: relative; top: 50%; right: 50%; display: block; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .entry-featured-content .quick-action .icon.icon-play { margin-right: 2px; } .entry-featured-content .quick-action:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .entry-featured-content .icon-sticky { font-size: 25px; position: absolute; z-index: 9; top: 20px; right: 20px; color: #fff; } .entry-attachment { margin-bottom: 20px; text-align: center; } .entry-attachment img { margin-bottom: 0.875rem; } .entry-meta { font-size: 0.8865rem; line-height: 1.97406; letter-spacing: 0.1em; color: #757575; } .entry-meta .modified-entry-date { display: none; } .entry-meta .meta-author { text-transform: capitalize; } .singular-view .entry-content { margin-bottom: 1.75rem; } .singular-view .entry-content:last-child { margin-bottom: 3.5rem; } .singular-view .entry-content > *:last-child { margin-bottom: 0; } .singular-view:not(.woocommerce-page) .entry-content a { transition: 0.15s ease-in; background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); } .singular-view:not(.woocommerce-page) .entry-content a:hover, .singular-view:not(.woocommerce-page) .entry-content a:focus { text-decoration: none; color: #00804d; } .singular-view:not(.woocommerce-page) .entry-content a.wp-playlist-caption { background-image: none; } .singular-view:not(.woocommerce-page) .entry-content a.wp-block-button__link, .singular-view:not(.woocommerce-page) .entry-content a.wp-block-button__link:not(.has-text-color) { background-image: none; } .singular-view:not(.woocommerce-page) .entry-content a.wp-block-button__link:hover, .singular-view:not(.woocommerce-page) .entry-content a.wp-block-button__link:focus, .singular-view:not(.woocommerce-page) .entry-content a.wp-block-button__link:not(.has-text-color):hover, .singular-view:not(.woocommerce-page) .entry-content a.wp-block-button__link:not(.has-text-color):focus { text-decoration: none; color: #fff; background-color: #464646; } .entry-content .video-container { position: relative; } .entry-content .video-container:after { display: block; width: auto; padding-top: 56.25%; content: ''; } .entry-content .video-container iframe, .entry-content .video-container object, .entry-content .video-container embed, .entry-content .video-container video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; } .entry-content:after { display: table; clear: both; content: ''; } .entry-footer { font-size: 0.7559rem; line-height: 2.31512; clear: both; margin: 0 auto 3.5rem; color: #464646; } .entry-footer .meta-categories, .entry-footer .meta-tags { display: block; } .entry-footer .meta-title { display: inline-block; margin-left: 10px; } .attachment .entry-footer { text-align: center; } .sticky { position: relative; } .error404 .error-404, .error404 .no-results, .search-no-results .error-404, .search-no-results .no-results { max-width: 600px; margin: 0 auto; padding: 4.375rem 0 8.75rem; text-align: center; } .error404 .error-404 .search-form, .error404 .no-results .search-form, .search-no-results .error-404 .search-form, .search-no-results .no-results .search-form { width: 300px; max-width: 100%; margin: 0 auto; } .error404 .content-area, .search-no-results .content-area { width: 100%; } .error404:not(.error404) .page-header, .search-no-results:not(.error404) .page-header { margin-bottom: 0; } .error404 .page-content h2, .search-no-results .page-content h2 { font-size: 1rem; line-height: 1.75; } .page-entry-header { margin-bottom: 2.625rem; } .page-entry-header-items { margin: 0 auto 2.625rem; } .page-entry-header-items .meta-categories { font-size: 0.8865rem; line-height: 1.97406; letter-spacing: 0.125em; } .page-entry-header-items .single-excerpt { margin-top: 0.875rem; color: #757575; } .page-entry-header .entry-thumbnail img { width: 100%; height: auto; margin: 0 auto; border-radius: 8px; } .entry-author { padding-top: 3.5rem; border-top: 1px solid #e6e6e6; } .entry-author p { margin-bottom: 0; } .entry-author-avatar { float: right; } .entry-author-avatar > img { width: 60px; height: auto; margin-left: 0.875rem; border-radius: 8px; } .entry-author-avatar-description { overflow: hidden; } .entry-author-title { font-size: 1.323rem; line-height: 1.32275; margin-bottom: 0; margin-bottom: 0.875rem; } .entry-author-name { text-transform: capitalize; } .pagination { margin-bottom: 3.5rem; padding: 0 20px; text-align: center; } .pagination a { text-decoration: none; } .pagination .nav-links { display: flex; justify-content: space-between; } .pagination .nav-links .next { margin-right: auto; } .pagination .page-numbers { font-size: 1em; display: none; color: #757575; } .pagination .page-numbers.prev, .pagination .page-numbers.next { display: inline-block; } .rtl .pagination .page-numbers.prev, .rtl .pagination .page-numbers.next { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .image-navigation, .comment-navigation, .post-navigation { margin: 0 auto 3.5rem; } .image-navigation a, .comment-navigation a, .post-navigation a { text-decoration: none; } .image-navigation .nav-links { display: flex; justify-content: space-between; } .image-navigation .nav-next .meta-nav { text-align: left; } .image-navigation .nav-next, .image-navigation .nav-previous { max-width: 50%; } .comment-navigation .nav-links, .post-navigation .nav-links { display: flex; flex-direction: row; justify-content: space-between; } .comment-navigation .nav-links a, .post-navigation .nav-links a { display: inline-block; } .comment-navigation .nav-next, .post-navigation .nav-next { margin-top: 0; margin-right: auto; } .comment-navigation .nav-next .meta-nav, .post-navigation .nav-next .meta-nav { text-align: left; } .comment-navigation .nav-next, .post-navigation .nav-next, .comment-navigation .nav-previous, .post-navigation .nav-previous { max-width: 50%; } .post-navigation { width: 100%; } .page-links { clear: both; padding-top: 1.75em; } .comments-area { font-size: 0.8865rem; line-height: 1.97406; width: 100%; } .page .comments-area { max-width: none; } .comments-area p.no-comments { margin-bottom: 3.5rem; } .js .comments-area { display: none; } .comments-title { font-size: 1.323rem; line-height: 1.32275; } .comments-list { margin: 0; padding-right: 0; list-style: none; } .comments-list .children { margin: 0 0 1.75rem; padding-right: 1.75em; list-style: none; } .comments-list .children .children { font-size: 0.8865rem; line-height: 1.97406; margin: 0.4375rem 0; } .comment-body { position: relative; margin-bottom: 3.5rem; padding-right: 3.5rem; } .pingback .comment-body { padding-right: 0; } .comment-body .reply { font-size: 0.7559rem; line-height: 2.31512; letter-spacing: 1px; text-transform: uppercase; } .comment-meta { margin-bottom: 0.875rem; } .comment-metadata { font-size: 0.7559rem; line-height: 2.31512; } .comment-metadata a { color: #757575; } .comment-metadata a:hover, .comment-metadata a:focus { color: #dc1e21; } .comment-author a { color: currentColor; } .comment-author a:hover, .comment-author a:focus { color: #dc1e21; } .comment-author > img { position: absolute; right: 0; padding: 3px; border: 1px solid #e6e6e6; border-radius: 50%; } .bypostauthor .comment-author b.fn { padding: 2px 8px; color: #fff; border-radius: 10px; background-color: #757575; } .comment-author .says { display: none; } .comment-content { font-size: 0.8865rem; line-height: 1.97406; margin-bottom: 0.875rem; } .comment-content p, .comment-content h1:first-child, .comment-content h2:first-child { margin-bottom: 0.525rem; } .comment-content p:last-child { margin-bottom: 0; } .comment-respond { margin-bottom: 3.5rem; padding: 20px; border: 1px solid #e6e6e6; border-radius: 8px; background-color: #fafafa; } .comment-respond p { margin-bottom: 0.875rem; } .comment-respond p.form-submit { margin-top: 1.75rem; margin-bottom: 0; } .comment-respond .comment-reply-title { font-size: 1.323rem; line-height: 1.32275; margin-bottom: 0.875rem; } .comment-form-cookies-consent input { float: right; height: 28px; margin: 0 0 0.4375rem 0.4375rem; } .comment-form-cookies-consent label { font-weight: 400; } .comments-toggle { font-size: 1rem; font-weight: 700; width: 100%; margin-bottom: 3.5rem; letter-spacing: 0; text-transform: capitalize; color: #464646; } .comments-toggle, .comments-toggle:hover, .comments-toggle:focus { border: 1px solid #e6e6e6; background-color: #fafafa; } .comments-toggle:hover, .comments-toggle:focus, .comments-toggle.toggled { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .comments-toggle .icon-angle-up { display: none; } .comments-toggle.toggled-btn .icon-angle-up { display: inline-block; } .comments-toggle.toggled-btn .icon-angle-down { display: none; } .footer-widget-area { padding-top: 3.5rem; } .footer-items { font-size: 0.7559rem; line-height: 2.31512; padding-top: 1.75rem; padding-bottom: 1.75rem; text-align: center; letter-spacing: 1px; } .scrl-to-top { font-size: 1rem; position: fixed; left: 20px; bottom: 100px; visibility: hidden; padding: 0.875em; transition: all 0.3s ease-in; opacity: 0; border-radius: 50%; } .scrl-to-top.makeitvisible { z-index: 499; visibility: visible; opacity: 1; } /** * #.# Font Icons * * Styling for SVG font icons and fallback style if browser does not support SVG. */ .icon { position: relative; top: -0.0625em; display: inline-block; width: 1em; height: 1em; vertical-align: middle; stroke-width: 0; stroke: currentColor; fill: currentColor; } .svg-fallback { display: none; } .no-svg .svg-fallback { display: inline-block; } .icon-sticky { -webkit-filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.8)); filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.8)); } .widget { margin-bottom: 3.5rem; } .sidebar-widget-area .widget, .header-widget-area .widget, .footer-widget-area .widget { font-size: 0.8865rem; line-height: 1.97406; } .widget ul { font-size: 0.7559rem; line-height: 2.31512; margin: 0; padding: 0; list-style: none; } .widget li { margin-top: 0.6125rem; padding-top: 0.6125rem; border-top: 1px dotted #e6e6e6; } .widget li:first-child { margin-top: 0; padding-top: 0; border-top: none; } .widget li li { margin-right: 0.875rem; } .widget li li:first-child { margin-top: 0.6125rem; padding-top: 0.6125rem; border-top: 1px dotted #e6e6e6; } .widget p:last-child, .widget img:last-child { margin-bottom: 0; } .widget-title { margin-bottom: 1.3125rem; } .sidebar-widget-area .widget-title, .header-widget-area .widget-title, .footer-widget-area .widget-title { font-size: 1rem; line-height: 1.75; margin-bottom: 1.3125rem; } .widget a.button { margin: 0 0 0.21875rem 0.4375rem; } .widget a.button:last-of-type { margin-left: 0; } .widget a.button.fwidth { width: 100%; margin: 1.3125rem 0 0; text-align: center; } .dp-grid { margin-bottom: -1.75rem; } .dp-entry:not(.podcast-feed) .dp-featured-content a.post-permalink, .entry-featured-content a.post-permalink { transition: all 0.25s ease-in; } .dp-entry:not(.podcast-feed) .dp-featured-content a.post-permalink:focus, .entry-featured-content a.post-permalink:focus { outline-style: solid; outline-offset: 1px; } .dp-featured-content { position: relative; background: linear-gradient(-45deg, #808080 0%, #b3b3b3 25%, #e6e6e6 100%); } .dp-featured-content:after { position: relative; display: block; width: 100%; content: ''; } .dp-featured-content .dp-thumbnail { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; overflow: hidden; border-radius: 8px 8px 0 0; } .dp-featured-content .dp-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .topleftcrop .dp-featured-content .dp-thumbnail { background-position: top right; } .topleftcrop .dp-featured-content .dp-thumbnail img { -o-object-position: top left; object-position: top left; } .topcentercrop .dp-featured-content .dp-thumbnail { background-position: top center; } .topcentercrop .dp-featured-content .dp-thumbnail img { -o-object-position: top center; object-position: top center; } .bottomleftcrop .dp-featured-content .dp-thumbnail { background-position: bottom right; } .bottomleftcrop .dp-featured-content .dp-thumbnail img { -o-object-position: bottom left; object-position: bottom left; } .bottomcentercrop .dp-featured-content .dp-thumbnail { background-position: bottom center; } .bottomcentercrop .dp-featured-content .dp-thumbnail img { -o-object-position: bottom center; object-position: bottom center; } .dp-featured-content .dp-thumbnail:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; display: block; width: 100%; content: ''; background: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, transparent 5%, transparent 95%, rgba(0, 0, 0, 0.05) 100%); } .dp-featured-content a.post-permalink { position: absolute; z-index: 9; top: 0; left: 0; bottom: 0; right: 0; display: block; } .dp-featured-content .quick-action { z-index: 1; color: #dc1e21; } .dp-featured-content .quick-action .icon { font-size: 20px; } .dp-list .dp-featured-content { width: 100%; height: auto; } .list-view1 .dp-featured-content:after { padding-top: 66.66%; } .dp-grid .dp-featured-content { width: calc(100% + 2px); margin-right: -1px; border-radius: 8px 8px 0 0; } .dp-grid .dp-featured-content:after { padding-top: 66.66%; } .dp-grid .dp-featured-content a.post-permalink { border-radius: 8px 8px 0 0; } .dp-list .dp-featured-content .quick-action, .dp-grid .dp-featured-content .quick-action { position: absolute; z-index: 25; left: 40px; bottom: -20px; width: 40px; height: 40px; cursor: pointer; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .dp-list .dp-featured-content .quick-action .icon, .dp-grid .dp-featured-content .quick-action .icon { position: relative; top: 50%; right: 50%; display: block; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .dp-list .dp-featured-content .quick-action .icon.icon-play, .dp-grid .dp-featured-content .quick-action .icon.icon-play { margin-right: 2px; } .dp-list .dp-featured-content .quick-action:hover, .dp-grid .dp-featured-content .quick-action:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } h2.dp-title { font-size: 1rem; font-weight: 700; line-height: 1.75; margin-bottom: 0; } h2.dp-title a { color: currentColor; } h2.dp-title a:focus, h2.dp-title a:hover { color: #757575; } .dp-meta { font-size: 0.7559rem; line-height: 2.31512; letter-spacing: 0.125em; color: #757575; } .dp-date, .dp-author { font-size: 0.7559rem; line-height: 2.31512; } .list-view1 .dp-entry { margin-bottom: 1.75rem; padding-bottom: 3.5rem; border-bottom: 1px solid #e6e6e6; } .list-view1 .dp-entry:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom-width: 0; } .list-view1 .dp-featured-content { margin-bottom: 1.75rem; } .list-view1 .dp-featured-content .quick-action .icon { transition: all 0.15s ease-in; } .list-view1 h2.dp-title { margin-bottom: 0.875rem; } .list-view1 .dp-excerpt { font-size: 0.7559rem; line-height: 2.31512; } .list-view1 .dp-link-more { margin-top: 0.875rem; } .list-view1 .dp-thumbnail { border-radius: 0; } .grid-view1 .dp-entry .sub-entry, .grid-view3 .dp-entry .sub-entry { padding: 1.75em; } .grid-view1 .dp-date, .grid-view1 .dp-author, .grid-view1 .dp-meta, .grid-view3 .dp-date, .grid-view3 .dp-author, .grid-view3 .dp-meta { display: inline; } .grid-view1 .dp-date, .grid-view3 .dp-date { margin-right: 5px; } .grid-view1 .dp-author, .grid-view3 .dp-author { margin-left: 5px; } .grid-view2 .entry-index-wrapper { border-width: 1px; } .grid-view2 .entry-index-wrapper .dp-featured-content { flex-basis: 50%; } .grid-view2 .entry-index-wrapper .dp-featured-content:after { padding-top: 75%; } .grid-view2 .entry-index-wrapper .sub-entry { padding: 1.75rem; flex-basis: 50%; } .grid-view2 .entry-index-wrapper h2.dp-title { font-size: 1rem; line-height: 1.75; } .grid-view3 .entry-index-wrapper { position: relative; } .grid-view3 .entry-index-wrapper .sub-entry { position: absolute; z-index: 20; bottom: 0; right: -1px; color: #fff; } .grid-view3 .dp-featured-content, .grid-view3 .dp-featured-content .dp-thumbnail { border-radius: 8px; } .grid-view3 .dp-featured-content:after { padding-top: 100%; } .grid-view3 .dp-categories a { color: #fff; } .grid-view3 h2.dp-title a, .grid-view3 h2.dp-title a:hover, .grid-view3 h2.dp-title a:focus { color: #fff; } .grid-view3.dp-grid a.post-permalink { border-radius: 0 0 8px 8px; background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, transparent 75%); } .dp-categories { font-size: 0.7559rem; line-height: 2.31512; display: block; margin-bottom: 0; letter-spacing: 0.125em; } .dp-term-links { font-size: 1rem; line-height: 1.75; float: left; } .slider1 .sub-entry { position: absolute; bottom: 0; width: 100%; height: auto; margin-top: 0; margin-bottom: 0; padding: 0.875rem; color: #fff; border-radius: 0 0 8px 8px; } .slider1 .sub-entry h2.dp-title { font-size: 1.323rem; line-height: 1.32275; margin: 0.875rem 0 1.3125rem; } .slider1 .sub-entry h2.dp-title a { color: #fff; } .slider1 .sub-entry .dp-more-link { font-size: 0.7559rem; line-height: 2.31512; padding: 8px 16px; color: #464646; border-radius: 2px; background-color: #fff; } .slider1 .sub-entry .dp-more-link:hover, .slider1 .sub-entry .dp-more-link:focus { text-decoration: none; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .slider1 .dp-featured-content, .slider1 .dp-featured-content .post-permalink, .slider1 .dp-featured-content .dp-thumbnail { border-radius: 8px; } .slider1 .dp-featured-content::after { padding-top: 100%; border-radius: 0 0 8px 8px; background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, transparent 75%); } .slider1 .dp-slide-navigate { position: absolute; z-index: 20; top: 20px; left: 20px; } .slider1 .dp-next-slide { margin-right: 10px; } .slider1 .dp-next-slide, .slider1 .dp-prev-slide { color: #464646; background-color: rgba(255, 255, 255, 0.95); } .slider1 .dp-categories { font-size: 0.8865rem; line-height: 1.97406; } .slider1 .dp-categories a { color: #fff; } .slider1 .dp-title-link:hover, .slider1 .dp-title-link:focus { color: #fff; } .slider2 .dp-entry > .sub-entry { position: relative; padding: 3.5rem 1.75rem; } .slider2 .dp-entry > .sub-entry .sub-entry { padding: 1.75rem; border-radius: 8px; background-color: rgba(255, 255, 255, 0.9); } .slider2 .dp-entry > .sub-entry .sub-entry .widget-title { margin-bottom: 0.875rem; } .slider2 .dp-featured-content { position: absolute; top: 0; bottom: 0; } .slider2 .dp-featured-content, .slider2 .dp-featured-content .post-permalink, .slider2 .dp-featured-content .dp-thumbnail { border-radius: 8px; } .slider2 .dp-featured-content .quick-action { left: 1.75rem; } .slider2 .dp-next-slide, .slider2 .dp-prev-slide { position: absolute; z-index: 2; top: 50%; padding: 1.75em 0.875em; transition: background-color 0.2s; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #464646; border-radius: 0; background-color: rgba(230, 230, 230, 0.8); } .slider2 .dp-next-slide:hover, .slider2 .dp-next-slide:focus, .slider2 .dp-prev-slide:hover, .slider2 .dp-prev-slide:focus { background-color: #e6e6e6; box-shadow: none; } .slider2 .dp-next-slide { left: 0; } .slider2 h2.dp-title { font-size: 1.5rem; line-height: 1.16667; margin-bottom: 0.4375rem; } .slider2 .dp-link-more { margin-top: 0.4375rem; } .slider2 .dp-excerpt { color: #757575; } .slider-wrapper { position: relative; } .slider-wrapper .dp-entry { transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; } .js .slider-wrapper .dp-entry { position: absolute; z-index: -1; top: 0; width: 100%; opacity: 0; } .js .slider-wrapper .dp-entry:not(.firstslide):first-of-type { position: relative; z-index: auto; opacity: 1; } .js .slider-wrapper .dp-entry > .sub-entry { transition: opacity 1s ease 0.5s, -webkit-transform 1s ease 0.5s; transition: opacity 1s ease 0.5s, transform 1s ease 0.5s; transition: opacity 1s ease 0.5s, transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .js .slider-wrapper .dp-entry .quick-action { transition: opacity 0.5s ease 1s, -webkit-transform 0.5s ease 1s; transition: opacity 0.5s ease 1s, transform 0.5s ease 1s; transition: opacity 0.5s ease 1s, transform 0.5s ease 1s, -webkit-transform 0.5s ease 1s; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .js .slider-wrapper .dp-entry.makeitvisible { position: relative; z-index: auto; opacity: 1; } .js .slider-wrapper .dp-entry.makeitvisible > .sub-entry { -webkit-transform: none; transform: none; opacity: 1; } .js .slider-wrapper .dp-entry.makeitvisible .quick-action { -webkit-transform: none; transform: none; opacity: 1; } .widgetlayer { overflow: hidden; margin: 0 auto; padding-top: 3.5rem; border-bottom: 1px solid #e6e6e6; flex-wrap: wrap; justify-content: center; } .widgetlayer .widget-title { font-size: 1.323rem; line-height: 1.32275; margin-bottom: 1.75rem; padding-bottom: 0.875rem; border-bottom: 1px solid #e6e6e6; } .widgetlayer.footer-widget-area .widget-title { font-size: 1rem; line-height: 1.75; margin-bottom: 1.3125rem; } .widgetlayer .only-title .widget-title, .widgetlayer.footer-widget-area .only-title .widget-title { margin-bottom: 0; } .widgetlayer .display_posts .widget-title, .widgetlayer .display_feeds .widget-title, .widgetlayer.footer-widget-area .display_posts .widget-title, .widgetlayer.footer-widget-area .display_feeds .widget-title { font-size: 1.323rem; line-height: 1.32275; } .widgetlayer .widget_text .widget-title, .widgetlayer.footer-widget-area .widget_text .widget-title { margin-bottom: 1.75rem; padding-bottom: 0; border-bottom-width: 0; } .widgetlayer .lg-title .widget-title, .widgetlayer.footer-widget-area .lg-title .widget-title { font-size: 1.75rem; line-height: 1.15; } .widgetlayer .lg-title .widget-title.widget-title, .widgetlayer.footer-widget-area .lg-title .widget-title.widget-title { line-height: 1.2; } .widgetlayer .sm-title .widget-title, .widgetlayer.footer-widget-area .sm-title .widget-title { font-size: 1rem; line-height: 1.75; } .has-ww-line, .has-fb-line { position: relative; } .entry-related-posts { padding: 3.5rem 0; border-bottom: 1px solid #e6e6e6; } h3.related-posts-title { margin-bottom: 1.75rem; padding-bottom: 0.875rem; border-bottom: 1px solid #e6e6e6; } .mc4wp-form { padding: 45px 45px 50px; border-radius: 8px; background: rgba(0, 0, 0, 0.04); } .mc4wp-form-fields p { margin-bottom: 20px; } .mc4wp-form-fields input { text-align: center; } .mc4wp-form-fields input[type='submit'] { line-height: initial; width: 100%; } .mc4wp-form-fields input[name='AGREE_TO_TERMS'] { position: relative; top: -2px; margin-left: 5px; } .mc4wp-form-fields label { font-weight: normal; } .mo-optin-form-inpost { margin: 3.5rem 0 1.75rem; } .mo-optin-form-inpost .mo-optin-form-wrapper.moEleganceModal { margin: 0 auto !important; border-width: 1px !important; } .mo-optin-form-inpost .mo-optin-form-wrapper.moEleganceModal input[type='text'], .mo-optin-form-inpost .mo-optin-form-wrapper.moEleganceModal input[type='email'] { font-size: 0.7862rem !important; padding: 0.875em !important; outline: none !important; } .mo-optin-form-inpost .mo-optin-form-wrapper.moEleganceModal a.button, .mo-optin-form-inpost .mo-optin-form-wrapper.moEleganceModal button, .mo-optin-form-inpost .mo-optin-form-wrapper.moEleganceModal input[type='submit'] { font-size: 0.7862rem !important; padding: 0.875em 1.3125em !important; border-width: 0 !important; border-radius: 8px !important; outline: none !important; } .wprm-recipe-template-compact.wprm-recipe-template-compact { font-size: 0.8865rem; line-height: 1.97406; max-width: none; margin: 0 0 1.75rem; padding: 1.75em; border-width: 0; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-recipe-name { font-size: 1.75rem; line-height: 1.15; margin-bottom: 0.4375em !important; } .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-recipe-header { font-size: 1.323rem; line-height: 1.32275; margin-top: 1.75rem !important; margin-bottom: 1.3125rem !important; } .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-recipe-ingredient-group-name, .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-recipe-instruction-group-name { margin-bottom: 0.8em !important; } .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-container-float-right { margin: 0 20px 10px 0; } .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-container-float-left { margin: 0 0 10px 20px; } .wprm-recipe-template-compact.wprm-recipe-template-compact .wprm-recipe-details-container-table { clear: both; width: 100%; } .singular-view:not(.woocommerce-page) .entry-content a.wprm-recipe-link { width: 150px; margin-left: auto; margin-right: auto; border-radius: 8px !important; background-image: none; } .singular-view:not(.woocommerce-page) .entry-content a.wprm-recipe-link:hover, .singular-view:not(.woocommerce-page) .entry-content a.wprm-recipe-link:focus { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } .index-view.post-type-archive-tribe_events .entry:not(.product) { max-width: none; flex-basis: 100%; } .index-view.post-type-archive-tribe_events .entry:not(.product) .entry-index-wrapper { padding: 1.75em; } .tribe-events-tooltip { padding: 20px; } .single-tribe_events .tribe-events-schedule h2 { font-size: 1rem; font-weight: normal; line-height: 1.75; } .single-tribe_events .tribe-events-schedule .tribe-events-cost, .single-tribe_events .tribe-events-schedule h3 { font-size: 0.8865rem; font-weight: normal; line-height: 1.97406; display: block; margin: 0; } .single-tribe_events h1.tribe-events-single-event-title { font-size: 1.75rem; line-height: 1.15; margin-bottom: 0.875rem; } .single-tribe_events #tribe-events-header { margin: 1.3125rem 0; } .single-tribe_events .tribe-events-venue-map { margin: 20px 0 20px 4%; } #tribe-events-content { margin-bottom: 0; } .entry-event { font-size: 0.8865rem; line-height: 1.97406; } .entry-event .event-schedule { font-style: normal; margin-bottom: 0.875rem; } .entry-event .event-venue { font-weight: 700; } .entry-event .events-address { font-style: normal; margin-bottom: 0; } #tribe-events .tribe-events-content p { margin-bottom: 1.75rem; } .has-featured-img { position: relative; } .has-featured-img .custom-widget-thumbnail { position: absolute; top: 0; bottom: 0; overflow: hidden; border-radius: 8px; } .has-featured-img .custom-widget-thumbnail .thumb-wrapper, .has-featured-img .custom-widget-thumbnail .thumb-wrapper img { width: 100%; height: 100%; } .has-featured-img .custom-widget-thumbnail .thumb-wrapper img { -o-object-fit: cover; object-fit: cover; } .has-featured-img .custom-widget-content { position: relative; padding: 1.75rem; } .has-featured-img .custom-widget-content .custom-content-wrapper { padding: 1.75rem; border-radius: 8px; background-color: rgba(255, 255, 255, 0.95); } .has-featured-img .custom-widget-content .custom-content-wrapper .mc4wp-form { padding: 0; background-color: transparent; } .has-featured-img .custom-widget-content .custom-content-wrapper .widget-title { margin-bottom: 0.875rem; } .widget_mo_optin_widgets .custom-content-wrapper { width: auto; padding: 0; background-color: transparent !important; } @media only screen and (min-width: 640px) { .gallery-item { width: 50%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .header-image { width: 100%; height: calc( 39.0625vw - ( 0.390625 * 40px )); } .custom-logo-link img { height: 56px; } .header-widgets { margin-right: initial; order: 2; } .social-navigation { display: block; margin-right: auto; } .social-navigation ul.nav-menu--social li:last-child a { margin-left: 0; } .index-view .site-main { display: flex; margin-bottom: 1.75rem; flex-wrap: wrap; } .index-view .entry:not(.product), .search .entry { margin: 0 0 1.75rem 20px; flex-basis: calc( 50% - 10px); } .index-view .entry:not(.product):nth-of-type(2n), .search .entry:nth-of-type(2n) { margin-left: 0; } .slider1 .dp-featured-content::after { padding-top: 300px; } } @media only screen and (min-width: 768px) { .gallery-item { width: 33.3333%; } .gallery-columns-3 .gallery-item { max-width: 33.3333%; } .wrapper { padding-left: 1.75rem; padding-right: 1.75rem; } .flex-wrapper { padding-left: 0.875rem; padding-right: 0.875rem; } .flex-wrapper .flex-wrapper { width: calc(100% + 1.75rem); margin-left: -0.875rem; margin-right: -0.875rem; flex-basis: calc( 100% + 1.75rem); } .fw-tab-1 { max-width: 8.3333%; flex-basis: 8.3333%; } .fw-tab-2 { max-width: 16.6666%; flex-basis: 16.6666%; } .fw-tab-3 { max-width: 25%; flex-basis: 25%; } .fw-tab-4 { max-width: 33.3333%; flex-basis: 33.3333%; } .fw-tab-5 { max-width: 41.6666%; flex-basis: 41.6666%; } .fw-tab-6 { max-width: 50%; flex-basis: 50%; } .fw-tab-7 { max-width: 58.3333%; flex-basis: 58.3333%; } .fw-tab-8 { max-width: 66.6666%; flex-basis: 66.6666%; } .fw-tab-9 { max-width: 75%; flex-basis: 75%; } .fw-tab-10 { max-width: 83.3333%; flex-basis: 83.3333%; } .fw-tab-11 { max-width: 91.6666%; flex-basis: 91.6666%; } .fw-tab-12 { max-width: 100%; flex-basis: 100%; } [class*='fw-tab-'], [class*='fw-tabr-'], [class*='fw-lap-'] { padding-left: 0.875rem; padding-right: 0.875rem; } .site-header + .widgetlayer { padding-top: 0.875rem; } .header-image { height: calc( 39.0625vw - ( 0.390625 * 3.5rem )); } .header-image:after { background: rgba(0, 0, 0, 0.2); } .site-description { font-size: 2.013rem; line-height: 1.3; right: 50%; width: 70%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .site-description .site-desc { -webkit-animation: fadein 1s ease-in-out; animation: fadein 1s ease-in-out; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .admin-bar .header-widget-area, .admin-bar .header-search-wrapper { margin-top: 32px; } .header-widget-area .widget { padding: 3.5rem; border: 5px solid #f5f5f5; } .site-navigation { padding: 0 1.75rem; } .sidebar-widget-area { max-width: 41rem; margin: 0 auto; } body:not(.error404) .page-header { padding: 0 0.875rem; } .index-view .entry:not(.product), .search .entry { margin: 0 0 1.75rem; flex-basis: 50%; } .single .page-entry-header-items { text-align: center; } .entry-author { font-size: 0.8865rem; line-height: 1.97406; margin-bottom: 20px; } .entry-author-avatar > img { width: 120px; margin-left: 1.75rem; } .pagination { padding-left: 3.5rem; padding-right: 3.5rem; } .pagination .nav-links { display: block; } .pagination .page-numbers { line-height: 36px; display: inline-block; width: 36px; } .pagination .page-numbers.current, .pagination .page-numbers.dots { color: rgba(117, 117, 117, 0.5); } .pagination .page-numbers.prev .post-pagi, .pagination .page-numbers.next .post-pagi { display: none; } .comment-respond { padding: 3.5rem; } .comment-form-author, .comment-form-email, .comment-form-url { width: 50%; } .footer-widget-area { padding-bottom: 3.5rem; } .footer-widget-area .widget { margin-bottom: 0; } .widget a.button { margin-bottom: 0; } .grid-view3 .entry-index-wrapper .sub-entry { min-height: 43.75%; } .slider1 .sub-entry { display: flex; overflow: hidden; flex-direction: column; width: 70%; height: 100%; padding: 1.75rem; border-radius: 0 8px 8px 0; justify-content: center; } .slider1 .sub-entry h2.dp-title { font-size: 2.013rem; line-height: 1.3; } .slider1 .dp-featured-content::after { padding-top: 500px; border-radius: 0 8px 8px 0; background: linear-gradient(to left, rgba(0, 0, 0, 0.63) 0%, transparent 85%); } .slider2.widescreen .dp-entry > .sub-entry:after { display: block; clear: both; content: ''; } .slider2.widescreen .dp-entry > .sub-entry .sub-entry { float: left; width: 50%; } .widgetlayer { padding-top: 1.75rem; padding-bottom: 1.75rem; } .widgetlayer .brick { margin: 0; padding-top: 0.875rem; padding-bottom: 0.875rem; } .has-ww-line:after, .has-fb-line:after { position: absolute; top: 50%; right: 50%; display: block; width: 100vw; height: 1px; content: ''; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); background-color: #e6e6e6; } .has-ww-line:after { width: calc( 100% - 1.75rem); } .has-featured-img .custom-widget-thumbnail { top: 0.875rem; left: 0.875rem; bottom: 0.875rem; right: 0.875rem; } .has-featured-img.widescreen .custom-widget-content:after { display: block; clear: both; content: ''; } .has-featured-img.widescreen .custom-widget-content .custom-content-wrapper { float: left; width: 50%; } } @media only screen and (min-width: 1024px) { .screen-reader-text:focus { font-size: 0.851rem; line-height: 2.0564; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.6666%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.1111%; } .gallery-caption { opacity: 0; } .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .wp-caption-text { font-size: 0.851rem; line-height: 2.0564; } h1 { font-size: 2.315rem; line-height: 1.51188; } blockquote cite { font-size: 0.851rem; line-height: 2.0564; } .wp-block-pullquote blockquote cite, blockquote.wp-block-pullquote cite { font-size: 0.851rem; line-height: 2.0564; } select { background-position: left 15px top 19px; } .fw-tabr-1 { max-width: 8.3333%; flex-basis: 8.3333%; } .fw-tabr-2 { max-width: 16.6666%; flex-basis: 16.6666%; } .fw-tabr-3 { max-width: 25%; flex-basis: 25%; } .fw-tabr-4 { max-width: 33.3333%; flex-basis: 33.3333%; } .fw-tabr-5 { max-width: 41.6666%; flex-basis: 41.6666%; } .fw-tabr-6 { max-width: 50%; flex-basis: 50%; } .fw-tabr-7 { max-width: 58.3333%; flex-basis: 58.3333%; } .fw-tabr-8 { max-width: 66.6666%; flex-basis: 66.6666%; } .fw-tabr-9 { max-width: 75%; flex-basis: 75%; } .fw-tabr-10 { max-width: 83.3333%; flex-basis: 83.3333%; } .fw-tabr-11 { max-width: 91.6666%; flex-basis: 91.6666%; } .fw-tabr-12 { max-width: 100%; flex-basis: 100%; } .singular-view:not(.home) .site-header { margin-bottom: 5.25rem; } .header-items { margin-top: 1.75rem; border-bottom-width: 0; background-color: transparent; } .site-branding { margin-left: 0; } .site-title { font-size: 1.75rem; line-height: 1.15; } .header-widget-area .header-widget-wrapper { padding: 3.5rem 0; } .header-search-wrapper .header-search-container { padding: 7rem 0; } .search-toggle { margin-top: 2px; } .menu-toggle { display: none; } .site-navigation { display: block !important; margin-right: auto; padding: 0; order: 1; flex: 0 1 auto; } .site-navigation ul li { position: relative; display: inline-block; border-bottom-width: 0; } .site-navigation ul li:hover > a:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .site-navigation ul a { font-size: 0.851rem; line-height: 2.0564; } .site-navigation ul a { font-weight: 700; display: block; padding: 0.875em 1.1375em; border-bottom-width: 0; } .site-navigation ul a:after { position: relative; top: 2px; display: block; width: 100%; height: 2px; margin-top: -2px; content: ''; transition: -webkit-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; background: currentColor; } .site-navigation ul ul { position: absolute; z-index: 199; top: calc( 100% + 3px); display: block !important; margin-right: 0; transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom-width: 0; background-color: #fff; will-change: transform; } .site-navigation ul ul li { transition: opacity 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s; opacity: 0; } .site-navigation ul ul ul { position: absolute; top: -1px; left: 229px; padding-right: 0; } .site-navigation ul ul ul a { padding: 0.7em 1.75em; } .site-navigation ul ul ul ul a { padding: 0.7em 1.75em; } .site-navigation ul ul ul ul ul a { padding: 0.7em 1.75em; } .site-navigation ul ul ul ul ul ul a { padding: 0.7em 1.75em; } .site-navigation ul ul a { font-weight: normal; width: 230px; padding: 0.7em 1.75em; border-bottom: 1px solid #f5f5f5; } .site-navigation ul ul a { color: #222; } .site-navigation ul ul a:hover, .site-navigation ul ul a:focus { background-color: #fafafa; } .site-navigation ul ul a:after { content: none; } .site-navigation ul .toggled-on > ul { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .site-navigation .nav-menu > li > ul { right: 50%; -webkit-transform: scaleY(0) translateX(50%); transform: scaleY(0) translateX(50%); } .site-navigation .nav-menu > .toggled-on > ul { -webkit-transform: scaleY(1) translateX(50%); transform: scaleY(1) translateX(50%); } .sub-menu-toggle { display: none; } .site-content { display: flex; justify-content: space-between; } .content-area { flex: 1; } .sidebar-widget-area { width: calc( 300px + 3.5rem); max-width: none; margin-right: 1.75rem; padding: 0; } .sidebar-left .sidebar-widget-area { margin-left: 1.75rem; margin-right: 0; order: -1; } .sidebar-widget-area .widget { margin-bottom: 1.75rem; padding: 1.75rem; border: 1px solid #e6e6e6; border-radius: 8px; } .sidebar-widget-area .widget:last-child { margin-bottom: 3.5rem; } .entry-header-title-area .entry-thumbnail { position: relative; right: 50%; max-width: 52.152rem; -webkit-transform: translateX(50%); transform: translateX(50%); } .no-sidebar .entry-header-title-area .entry-thumbnail { width: 52.152rem; } .singular-view .entry-header-title { font-size: 2.315rem; line-height: 1.51188; } .singular-view .entry-header-title { font-weight: 800; } .entry-footer { font-size: 0.851rem; line-height: 2.0564; } .page-entry-header .entry-thumbnail { position: relative; right: 50%; max-width: 52.152rem; -webkit-transform: translateX(50%); transform: translateX(50%); } .no-sidebar .page-entry-header .entry-thumbnail { width: 52.152rem; } .comment-body .reply { font-size: 0.851rem; line-height: 2.0564; } .comment-metadata { font-size: 0.851rem; line-height: 2.0564; } .footer-items { font-size: 0.851rem; line-height: 2.0564; } .footer-items { display: flex; justify-content: space-between; align-items: center; } .scrl-to-top { left: 40px; } .nav-menu .sub-menu .icon { position: absolute; top: 50%; left: 1em; right: auto; margin-top: -7px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dp-meta { font-size: 0.851rem; line-height: 2.0564; } .dp-date, .dp-author { font-size: 0.851rem; line-height: 2.0564; } .list-view1 .dp-entry { border: 1px solid #e6e6e6; border-radius: 8px; background-color: #fff; } .list-view1 .dp-entry > .sub-entry { overflow: hidden; } .list-view1 .dp-entry, .list-view1 .dp-entry:last-of-type { padding: 1.75rem; border-bottom-width: 1px; } .list-view1 .dp-entry::after { display: block; clear: both; content: ''; } .list-view1 .dp-featured-content { float: right; width: 33.33%; margin-left: 1.75rem; margin-bottom: 0; } .list-view1 .dp-excerpt { font-size: 0.851rem; line-height: 2.0564; } .grid-view2 .entry-index-wrapper { display: flex; } .grid-view2 .entry-index-wrapper .dp-featured-content { border-radius: 0 8px 8px 0; flex-basis: 50%; } .grid-view2 .entry-index-wrapper .dp-featured-content .dp-thumbnail { border-radius: 0 8px 8px 0; } .grid-view2 .entry-index-wrapper .dp-featured-content .quick-action { top: 50%; left: -20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .grid-view2 .entry-index-wrapper .sub-entry { display: flex; flex-direction: column; text-align: center; flex-basis: 50%; justify-content: center; } .grid-view2 .dp-entry:not(.no-zig):nth-of-type(4n-1) .dp-featured-content, .grid-view2 .dp-entry:not(.no-zig):nth-of-type(4n) .dp-featured-content { left: -1px; border-radius: 8px 0 0 8px; order: 2; } .grid-view2 .dp-entry:not(.no-zig):nth-of-type(4n-1) .dp-featured-content .dp-thumbnail, .grid-view2 .dp-entry:not(.no-zig):nth-of-type(4n) .dp-featured-content .dp-thumbnail { border-radius: 8px 0 0 8px; } .grid-view2 .dp-entry:not(.no-zig):nth-of-type(4n-1) .dp-featured-content .quick-action, .grid-view2 .dp-entry:not(.no-zig):nth-of-type(4n) .dp-featured-content .quick-action { right: -20px; } .slider1 .sub-entry { width: 55%; } .slider1 .sub-entry .dp-more-link { font-size: 0.851rem; line-height: 2.0564; } .slider2 .dp-entry > .sub-entry { padding: 4.375rem 3.5rem; } .slider2 .dp-featured-content .quick-action { left: 3.5rem; } .slider2.widescreen .dp-entry > .sub-entry .sub-entry { width: 40%; } .js .widgetlayer .brick, .js .widgetlayer .brick .dp-grid > .dp-entry, .js .widgetlayer .brick .podcast-details, .js .widgetlayer .brick .podcast-feeds { transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; opacity: 0; } .js .widgetlayer .brick.posts-grid, .js .widgetlayer .brick.display_feeds { opacity: 1; } .js .widgetlayer .brick.display_posts, .js .widgetlayer .brick.woo_products { -webkit-transform: scale(); transform: scale(); } .js .widgetlayer .brick .podcast-feeds { -webkit-transform: translateX(-3.5rem); transform: translateX(-3.5rem); } .js .widgetlayer .brick .podcast-details { -webkit-transform: translateX(1.75rem); transform: translateX(1.75rem); } .js .widgetlayer .brick.fadeInUp, .js .widgetlayer .brick.fadeInUp .dp-grid > .dp-entry, .js .widgetlayer .brick.fadeInUp .podcast-details, .js .widgetlayer .brick.fadeInUp .podcast-feeds { -webkit-transform: none; transform: none; opacity: 1; } .single-tribe_events .tribe-events-schedule { margin: 0 0 1.3125rem; padding: 0 0 0.4375em; border-bottom: 1px solid #e6e6e6; } .grid-view2 .dp-event .entry-index-wrapper .dp-featured-content { flex-basis: 40%; } .grid-view2 .dp-event .entry-index-wrapper .sub-entry { text-align: right; flex-basis: 60%; } .has-featured-img.widescreen .custom-widget-content { padding: 4.375rem 3.5rem; } .footer-widget-area .has-featured-img.widescreen .custom-widget-content { padding: 0.875rem; } .has-featured-img.widescreen .custom-widget-content .custom-content-wrapper { width: 40%; } .widget_mo_optin_widgets .custom-content-wrapper .mo-optin-form-wrapper { margin: 0 !important; } } @media only screen and (min-width: 1200px) { .post-navigation { margin-right: 0; } .comments-list .children { padding-right: 3.5em; } } @media only screen and (min-width: 1366px) { .fw-lap-1 { max-width: 8.3333%; flex-basis: 8.3333%; } .fw-lap-2 { max-width: 16.6666%; flex-basis: 16.6666%; } .fw-lap-3 { max-width: 25%; flex-basis: 25%; } .fw-lap-4 { max-width: 33.3333%; flex-basis: 33.3333%; } .fw-lap-5 { max-width: 41.6666%; flex-basis: 41.6666%; } .fw-lap-6 { max-width: 50%; flex-basis: 50%; } .fw-lap-7 { max-width: 58.3333%; flex-basis: 58.3333%; } .fw-lap-8 { max-width: 66.6666%; flex-basis: 66.6666%; } .fw-lap-9 { max-width: 75%; flex-basis: 75%; } .fw-lap-10 { max-width: 83.3333%; flex-basis: 83.3333%; } .fw-lap-11 { max-width: 91.6666%; flex-basis: 91.6666%; } .fw-lap-12 { max-width: 100%; flex-basis: 100%; } .site-description { font-size: 2.315rem; } .singular-view:not(.woocommerce-page) .site-main { width: 87.72%; } .sidebar-widget-area { margin-right: 3.5rem; } .sidebar-left .sidebar-widget-area { margin-left: 3.5rem; margin-right: 0; } .entry-header-title-area .entry-thumbnail { width: 114%; } .page-entry-header .entry-thumbnail { width: 114%; } .scrl-to-top { left: 60px; } } @media only screen and (min-width: 1400px) { .wrapper { padding-left: calc( 50vw - 640px); padding-right: calc( 50vw - 640px); } .flex-wrapper { padding-left: calc( 50vw - 640px - 0.875rem); padding-right: calc( 50vw - 640px - 0.875rem); } .header-image { height: 500px; } .slider1 .sub-entry { top: 0; padding: 3.5rem; } } @media only screen and (max-width: 600px) { .no-scroll .admin-bar #wpadminbar { position: fixed; } } @media only screen and (max-width: 1023px) { .site-navigation { position: absolute; z-index: 199; top: 100%; right: 0; width: 100%; transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; background-color: #fff; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5); will-change: transform; } .site-navigation .menu-container { transition: opacity 0.05s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s; opacity: 0; } .site-navigation.toggled-on { -webkit-transform: none; transform: none; } .site-navigation.toggled-on .menu-container { transition: opacity 0s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s; opacity: 1; } .site-navigation ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .site-navigation ul li a .icon { display: none; } .site-navigation ul li li { display: flex; } .site-navigation ul ul { display: none; flex-basis: 100%; } } @media print { body { font-family: sans-serif !important;/* Brute force since user agents all print differently. */ font-size: 11.25pt; background: none !important; } .header-items, .navigation, .site-navigation, .social-navigation, .sidebar-widget-area, .footer-widget-area, .page-links, .entry-footer, .edit-link, #reply-title, .comment-form, .comment-edit-link, .comment-list .reply a, button, input, textarea, select { display: none; } .site-header, .site-footer, .hentry, .entry-footer, .page-header, .page-content, .comments-area { background: none !important;/* Make sure color schemes dont't affect to print */ } body, blockquote, blockquote cite, blockquote small, label, a, .site-title a, .site-description, .post-title, .author-heading, .entry-footer, .entry-footer a, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .no-comments, .site-info, .site-info a, .wp-caption-text, .gallery-caption { color: #000 !important;/* Make sure color schemes don't affect to print */ } pre, abbr[title], table, th, td, .site-header, .site-footer, .hentry + .hentry, .author-info, .page-header, .comments-area, .comment-list + .comment-respond, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments { border-color: #eaeaea !important;/* Make sure color schemes don't affect to print */ } }