OwlCyberSecurity - MANAGER
Edit File: style.css
/* Author: wpbusinessthemes Theme Name: Business Architect Theme URI:https://wpbusinessthemes.com/product/agency-starter-theme/ Author URI: https://wpbusinessthemes.com/ Version: 1.2.4 Requires PHP: 5.6 Tested up to: 5.8 Description: Business Archit is a Responsive Agency WordPress Theme built with HTML5 & CSS3. It is perfect for corporate, agency, storefront, shopping cart and WooCommerce website. You will be amazed by the modern design and functionality of Business Theme and plus it could be easily edited and customized according to your needs. License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, e-commerce, theme-options, full-width-template Text Domain: business-architect */ /** * Table of Contents * * 1.0 - Normalize * 2.0 - FontAwesome * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigation * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Widgets * 11.0 - Content * 11.1 - Header * 11.2 - Posts and pages * 11.3 - Post Formats * 11.4 - Comments * 11.5 - Sidebar * 11.6 - Footer * 12.0 - Media * 12.1 - Captions * 12.2 - Galleries * 13.0 - Multisite * 14.0 - Media Queries * 14.1 - >= 710px * 14.2 - >= 783px * 14.3 - >= 910px * 14.4 - >= 985px * 14.5 - >= 1200px * 15.0 - Print */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } select { text-transform: none; } button { overflow: visible; } button, input, select, textarea { max-width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; opacity: .5; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; } input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-outer-spin-button, input[type="week"]::-webkit-inner-spin-button, input[type="week"]::-webkit-outer-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #d1d1d1; margin: 0 0 1.75em; min-width: inherit; padding: 0.875em; } fieldset > :last-child { margin-bottom: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } optgroup { font-weight: bold; } .no-border { border:0px ;} /** * 2.0 - FontAwesome */ .menu-item-has-children a:after, .social-navigation a:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "fontawesome"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } /** * 3.0 - Typography */ body, button, input, select, textarea { color: #1a1a1a; font-size: 16px; font-size: 1rem; line-height: 1.75; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 500; margin: 0; text-rendering: optimizeLegibility; } p { margin: 0 0 1.75em; } dfn, cite, em, i { font-style: italic; } blockquote { border: 0 solid #1a1a1a; border-left-width: 4px; color: #686868; font-size: 19px; font-size: 1.1875rem; font-style: italic; line-height: 1.4736842105; margin: 0 0 1.4736842105em; overflow: hidden; padding: 0 0 0 1.263157895em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin-bottom: 1.4736842105em; } blockquote cite, blockquote small { color: #1a1a1a; display: block; font-size: 16px; font-size: 1rem; line-height: 1.75; } blockquote cite:before, blockquote small:before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote > :last-child { margin-bottom: 0; } address { font-style: italic; margin: 0 0 1.75em; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { background-color: #d1d1d1; padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted #d1d1d1; cursor: help; } mark { background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } /** * 4.0 - Elements */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { background: #1a1a1a; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #d1d1d1; border: 0; height: 1px; margin: 0 0 1.75em; } ul, ol { margin: 0 0 1.75em 1.25em; padding: 0; } ul { list-style: no; } ol { list-style: decimal; margin-left: 1.5em; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } del { opacity: 0.8; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #686868; } :-moz-placeholder { color: #686868; } ::-moz-placeholder { color: #686868; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #686868; } /** * 5.0 - Forms */ input { line-height: normal; } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #007acc; border: 0; border-radius: 2px; color: #fff; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; padding: 0.84375em 0.875em 0.78125em; text-transform: uppercase; } 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 { background: #007acc; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: thin dotted; outline-offset: -4px; } 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 { background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #d1d1d1; border-radius: 2px; color: #888; padding: 0.55em 0.4375em; width: 100%; } 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 { background-color: #fff; border-color: #007acc; color: #1a1a1a; outline: 0; } .post { position: relative; border: 1px solid #e8e8e8; background: white; margin: 0 0 30px; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; padding:20px; } .archive-wrap .post { display: block; position: relative; background: var(--quaternary-color); border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; padding: 20px; adding-top: 20px; padding-top: 20px; border: 1px solid rgba(0,0,0,0.1); } .post-password-form { margin-bottom: 1.75em; } .post-password-form label { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 1.75em; text-transform: uppercase; } .post-password-form input[type="password"] { margin-top: 0.4375em; } .post-password-form > :last-child { margin-bottom: 0; } .search-form-container { overflow:hidden; } .search-form { position: relative; overflow:hidden; } input[type="search"].search-field { border-radius: 2px 0 0 2px; width: -webkit-calc(100% - 42px); width: calc(100% - 42px); } .woocommerce .widget_product_search input[type="search"].search-field { } .search-submit:before { content: "\f002"; font-size: 16px; line-height: 23px; position: relative; width: 40px; transform: rotate(5deg); } /** * 6.0 - Navigation */ /** * 6.1 - Links */ a { color: #007acc; text-decoration: none; } a:hover, a:focus, a:active { color: #686868; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover { box-shadow: 0 1px 0 0 currentColor; } .entry-content a:hover, .entry-content a:focus, .entry-summary a:hover, .entry-summary a:focus, .taxonomy-description a:hover, .taxonomy-description a:focus, .logged-in-as a:hover, .logged-in-as a:focus, .comment-content a:hover, .comment-content a:focus, .pingback .comment-body > a:hover, .pingback .comment-body > a:focus, .textwidget a:hover, .textwidget a:focus { box-shadow: none; } /** * 6.2 - Menus */ .site-header-menu { display: none; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } #woocommerce-layout-menu .site-header-menu { padding-left: 20px; padding-right: 20px; } .site-header-menu.toggled-on, .no-js .site-header-menu { display: block; } .main-navigation {} .menu-top-menu-container { padding:0px 10px; margin: 0 auto; } .site-footer .main-navigation { margin-bottom: 1.75em; } .main-navigation ul { list-style: none; margin: 0; } .main-navigation li { position: relative; } .main-navigation a { color: #1a1a1a; display: block; line-height: 1.3125; outline-offset: -1px; padding: 0.84375em 0; } .main-navigation ul a { } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { font-weight: 700; } .main-navigation ul ul { display: none; margin-left: 0.875em; } .no-js .main-navigation ul ul { display: block; } .main-navigation ul .toggled-on { display: block; } .main-navigation .primary-menu { } .main-navigation .primary-menu > li > a{ letter-spacing: 0.5px; } .main-navigation .menu-item-has-children > a { margin-right: 56px; } .dropdown-toggle { background-color: transparent; border: 0; border-radius: 0; content: ""; height: 48px; padding: 0; position: absolute; right: 0; text-transform: none; top: 0; width: 48px; } .dropdown-toggle:after { border: 0 solid; border-left-width: 1px; content: "\f078"; font-size: 21px; left: 1px; position: relative; width: 48px; } .dropdown-toggle:hover, .dropdown-toggle:focus { background-color: transparent; color: #007acc; } .dropdown-toggle:focus { outline: thin dotted; outline-offset: -1px; } .dropdown-toggle:focus:after { border-color: transparent; } .dropdown-toggle.toggled-on:after { content: "\f077"; } .site-header .main-navigation + .social-navigation { margin-top: 1.75em; } .site-footer .social-navigation { margin-bottom: 1.75em; } .social-navigation ul { list-style: none; margin: 0 0 -0.4375em; } .social-navigation li { float: left; margin: 0 0.4375em 0.4375em 0; } .social-navigation a { display: block; height: 35px; position: relative; width: 35px; border-radius: 24px; } .social-navigation a:before { content: "\f415"; height: 33px; line-height: 33px; text-align: center; width: 33px; } .social-navigation a:hover:before, .social-navigation a:focus:before { color: #007acc; } .social-navigation a[href*="codepen.io"]:before { content: "\f1cb"; } .social-navigation a[href*="yelp.com"]:before { content: "\f1e9"; } .social-navigation a[href*="digg.com"]:before { content: "\f1a6"; } .social-navigation a[href*="dribbble.com"]:before { content: "\f17d"; } .social-navigation a[href*="dropbox.com"]:before { content: "\f16b"; } .social-navigation a[href*="facebook.com"]:before { content: "\f230"; } .social-navigation a[href*="flickr.com"]:before { content: "\f16e"; } .social-navigation a[href*="foursquare.com"]:before { content: "\f180"; } .social-navigation a[href*="plus.google.com"]:before { content: "\f1a0"; } .social-navigation a[href*="github.com"]:before { content: "\f09b"; } .social-navigation a[href*="instagram.com"]:before { content: "\f16d"; } .social-navigation a[href*="linkedin.com"]:before { content: "\f08c"; } .social-navigation a[href*="path.com"]:before { content: "\f219"; } .social-navigation a[href*="pinterest.com"]:before { content: "\f0d3"; } .social-navigation a[href*="getpocket.com"]:before { content: "\f265"; } .social-navigation a[href*="polldaddy.com"]:before { content: "\f217"; } .social-navigation a[href*="reddit.com"]:before { content: "\f1a2"; } .social-navigation a[href*="skype.com"]:before { content: "\f17e"; } .social-navigation a[href*="stumbleupon.com"]:before { content: "\f223"; } .social-navigation a[href*="tumblr.com"]:before { content: "\f174"; } .social-navigation a[href*="twitter.com"]:before { content: "\f081"; } .social-navigation a[href*="vimeo.com"]:before { content: "\f194"; } .social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before { content: "\f19a"; } .social-navigation a[href*="youtube.com"]:before { content: "\f167"; } .social-navigation a[href^="mailto:"]:before { content: "\f003"; } .social-navigation a[href*="spotify.com"]:before { content: "\f1bc"; } .social-navigation a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-navigation a[href$="/feed/"]:before { content: "\f09e"; } .post-navigation { border-top: 0px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; clear: both; margin: 0 7.6923% 3.5em; } .post-navigation a { color: #1a1a1a; display: block; padding: 1.75em 0; } .post-navigation span { display: block; } .post-navigation .meta-nav { color: #686868; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 0.5384615385em; text-transform: uppercase; } .post-navigation .post-title { display: inline; font-size: 23px; font-size: 1.4375rem; font-weight: 700; line-height: 1.2173913043; text-rendering: optimizeLegibility; } .post-navigation a:hover .post-title, .post-navigation a:focus .post-title { color: #007acc; } .nav-previous { width: 50%; display: inline-block; float: left; } .nav-next { width: 50%; display: inline-block; text-align:right; float: right; } .pagination { font-size: 19px; font-size: 1.1875rem; margin: 0 7.6923% 2.947368421em; min-height: 56px; position: relative; } #primary .pagination { display:block; clear:both; margin:0 auto; } .pagination:before, .pagination:after { background-color: #1a1a1a; height: 52px; position: absolute; top:0; width: 52px; z-index: 0; } .pagination:before { right: 0; } .pagination:after { right: 54px; } .pagination a:hover, .pagination a:focus { color: #1a1a1a; } .pagination .nav-links { padding-right: 106px; position: relative; text-align:center; } .pagination .nav-links:before, .pagination .nav-links:after { color: #fff; font-size: 32px; line-height: 51px; opacity: 0.3; position: absolute; width: 52px; z-index: 1; } /* reset screen-reader-text */ .pagination .current .screen-reader-text { position: static !important; } .pagination .page-numbers { display: none; letter-spacing: 0.013157895em; line-height: 1; margin: 0 0.7368421053em 0 -0.7368421053em; padding: 0.8157894737em 0.7368421053em 0.3947368421em; text-transform: uppercase; } .pagination .current { display: inline-block; font-weight: 700; } .pagination .prev, .pagination .next { background-color: #1a1a1a; color: #fff; display: inline-block; height: 52px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 52px; z-index: 2; } .pagination .prev:before, .pagination .next:before { font-size: 32px; height: 53px; line-height: 52px; position: relative; width: 53px; } .pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus { background-color: #007acc; color: #fff; } .pagination .prev:focus, .pagination .next:focus { outline: 0; } .pagination .prev { right: 54px; } .pagination .next { right: 0; } .pagination .prev:before { content: "\f100"; left: -1px; top: -1px; font-family:"fontawesome"; } .pagination .next:before { content: "\f101"; right: -1px; top: -1px; font-family:"fontawesome"; } .image-navigation, .comment-navigation { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin: 0 7.6923% 2.1538461538em; padding: 1.0769230769em 0; } .comment-navigation { margin-right: 0; margin-left: 0; } .comments-title + .comment-navigation { border-bottom: 0; margin-bottom: 0; } .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty), .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) { display: inline-block; } .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } /** * 7.0 - Accessibility */ /* Text meant only for screen readers */ .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; /* many screen reader and browser combinations announce broken words as they would appear visually */ word-wrap: normal !important; } /* must have higher specificity than alternative color schemes inline styles */ .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); color: #21759b; display: block; font-size: 14px; font-weight: 700; left: -9999em; outline: none; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; } .logged-in .skip-link { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); font-family: "Open Sans", sans-serif; } .skip-link:focus { clip: auto; height: auto; left: 6px; top: 10px; width: auto; z-index: 100000; padding:10px 15px; background-color:#F2F2F2; } /** * 8.0 - Alignments */ .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } .floatright { float:right; } .floatleft { float:left; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } /* * 8.1 */ .text-uppercase { text-transform:uppercase; } /* margins and padding */ .padding-xs { padding: .25em; } .padding-sm { padding: .5em; } .padding-md { padding: 1em; } .padding-lg { padding: 1.5em; } .padding-xl { padding: 3em; } .padding-x-xs { padding: .25em 0; } .padding-x-sm { padding: .5em 0; } .padding-x-md { padding: 1em 0; } .padding-x-lg { padding: 1.5em 0; } .padding-x-xl { padding: 3em 0; } .padding-y-xs { padding: 0 .25em; } .padding-y-sm { padding: 0 .5em; } .padding-y-md { padding: 0 1em; } .padding-y-lg { padding: 0 1.5em; } .padding-y-xl { padding: 0 3em; } .padding-top-xs { padding-top: .25em; } .padding-top-sm { padding-top: .5em; } .padding-top-md { padding-top: 1em; } .padding-top-lg { padding-top: 1.5em; } .padding-top-xl { padding-top: 3em; } .padding-right-xs { padding-right: .25em; } .padding-right-sm { padding-right: .5em; } .padding-right-md { padding-right: 1em; } .padding-right-lg { padding-right: 1.5em; } .padding-right-xl { padding-right: 3em; } .padding-bottom-xs { padding-bottom: .25em; } .padding-bottom-sm { padding-bottom: .5em; } .padding-bottom-md { padding-bottom: 1em; } .padding-bottom-lg { padding-bottom: 1.5em; } .padding-bottom-xl { padding-bottom: 3em; } .padding-left-xs { padding-left: .25em; } .padding-left-sm { padding-left: .5em; } .padding-left-md { padding-left: 1em; } .padding-left-lg { padding-left: 1.5em; } .padding-left-xl { padding-left: 3em; } .margin-xs { margin: .25em; } .margin-sm { margin: .5em; } .margin-md { margin: 1em; } .margin-lg { margin: 1.5em; } .margin-xl { margin: 3em; } .margin-x-xs { margin: .25em 0; } .margin-x-sm { margin: .5em 0; } .margin-x-md { margin: 1em 0; } .margin-x-lg { margin: 1.5em 0; } .margin-x-xl { margin: 3em 0; } .margin-y-xs { margin: 0 .25em; } .margin-y-sm { margin: 0 .5em; } .margin-y-md { margin: 0 1em; } .margin-y-lg { margin: 0 1.5em; } .margin-y-xl { margin: 0 3em; } .margin-top-xs { margin-top: .25em; } .margin-top-sm { margin-top: .5em; } .margin-top-md { margin-top: 1em; } .margin-top-lg { margin-top: 1.5em; } .margin-top-xl { margin-top: 3em; } .margin-right-xs { margin-right: .25em; } .margin-right-sm { margin-right: .5em; } .margin-right-md { margin-right: 1em; } .margin-right-lg { margin-right: 1.5em; } .margin-right-xl { margin-right: 3em; } .margin-bottom-xs { margin-bottom: .25em; } .margin-bottom-sm { margin-bottom: .5em; } .margin-bottom-md { margin-bottom: 1em; } .margin-bottom-lg { margin-bottom: 1.5em; } .margin-bottom-xl { margin-bottom: 3em; } .margin-left-xs { margin-left: .25em; } .margin-left-sm { margin-left: .5em; } .margin-left-md { margin-left: 1em; } .margin-left-lg { margin-left: 1.5em; } .margin-left-xl { margin-left: 3em; } /* clear first in row in ie 8 or lower */ .multi-columns-row .first-in-row { clear: left; } /* clear the first in row for any block that has the class "multi-columns-row" */ .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; } @media (min-width: 768px) { /* reset previous grid */ .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; } /* clear first in row for small columns */ .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { /* reset previous grid */ .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; } /* clear first in row for medium columns */ .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { /* reset previous grid */ .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; } /* clear first in row for large columns */ .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; } } /** * 9.0 - Clearings */ .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } /** * 10.0 - Widgets */ .widget { margin-bottom: 1em; padding: 1em 0.6em 1em; } .footer-widget .widget { box-shadow: none; } .widget_search { box-shadow: none; } .widget_search #searchsubmit { padding: 0.5em 1em; position: absolute; right: 3px; height: 35px; } .widget-area > :last-child, .widget > :last-child { margin-bottom: 0; } .widget .widget-title { font-size: 21px; letter-spacing: 0; text-transform: capitalize; line-height: 24px; padding-bottom: 12px; margin-bottom: 10px; } .footer-widget .widget-title { border-bottom:none; } .footer-widget h2.widget-title { font-size:24px; } .widget .widget-title:empty { margin-bottom: 0; } .widget ul { list-style: none; } .widget ul li { margin-bottom:5px; } .widget-title a { color: #1a1a1a; } /* Calendar widget */ .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 2.5625; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 900; margin-bottom: 1.75em; } .widget_calendar tbody a { background-color: #007acc; color: #fff; display: block; font-weight: 700; } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #686868; color: #fff; } /* Recent Posts widget */ .widget_recent_entries .post-date { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.615384615; margin-bottom: 0.538461538em; } .widget_recent_entries li:last-child .post-date { margin-bottom: 0; } /* RSS widget */ .widget_rss .rsswidget img { margin-top: -0.375em; } .widget_rss .rss-date, .widget_rss cite { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: normal; line-height: 1.615384615; margin-bottom: 0.538461538em; } .widget_rss .rssSummary:last-child { margin-bottom: 2.1538461538em; } .widget_rss li:last-child :last-child { margin-bottom: 0; } /* Tag Cloud widget */ .tagcloud a { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; line-height: 1; margin: 0 0.1875em 0.4375em 0; padding: 0.5625em 0.4375em 0.5em; } .tagcloud ul { list-style-type: none; margin-left: 0; } .tagcloud ul li { display: inline-block; } .tagcloud a:hover, .tagcloud a:focus { border-color: #007acc; color: #007acc; outline: 0; } /** * 11.0 - Content */ .site { margin: 0px auto; } .site-inner { margin: 0 auto; position: relative; } .site-content { word-wrap: break-word; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .site-main, .woocommerce-custom-sidebar { margin-bottom: 3.5em; margin-top: 2em; } .site-main > :last-child { margin-bottom: 0; } /** * 11.1 - Header */ .site-header { } .site-header-main { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3px 15px; } .site-branding { margin: 0.4em auto 0.4em 0; max-width: 100%; min-width: 0; overflow: hidden; } .custom-logo-link { display: block; } .custom-logo { max-width: 180px; } .site-title { font-size: 23px; font-size: 1.4375rem; font-weight: 700; line-height: 1.2173913043; margin: 0; } .site-branding .site-title a { } .site-branding .site-title a:hover, .site-branding .site-title a:focus { color: #007acc; } .wp-custom-logo .site-title { margin-top: 0.608695652em; } .site-description { font-size: 13px; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; margin: 0.538461538em 0 0.3em; } .menu-toggle { background-color: transparent; border: 1px solid #d1d1d1; font-size: 13px; font-size: 0.8125rem; margin: 1.076923077em 0; padding: 0.769230769em; } .no-js .menu-toggle { display: none; } .menu-toggle:hover, .menu-toggle:focus { background-color: transparent; border-color: #007acc; color: #007acc; } .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .menu-toggle:focus { outline: 0; border:2px solid; border-color: #1a1a1a; } .menu-toggle.toggled-on:focus { outline: thin dotted; } .header-image { clear: both; margin: 0.875em 0; } .header-image .title { font-size: 56px; margin: 0 auto; color:#fff; } .header-image a { display: block; } .header-image a:hover img, .header-image a:focus img { opacity: 0.85; } /** * 11.2 - Posts and pages */ .site-main > article { margin-bottom: 3.5em; position: relative; } .entry-header, .entry-summary, .entry-content, .entry-footer, .page-content { margin-right: 7.6923%; margin-left: 7.6923%; } .entry-meta { padding-bottom: 15px; } .entry-title { font-size: 28px; font-size: 1.75rem; font-weight: 500; line-height: 1.25; margin-bottom: 1em; } .entry-title a { color: #1a1a1a; } .entry-title a:hover, .entry-title a:focus { color: #007acc; } .post-thumbnail { display: block; margin: 0 7.6923% 1.75em; } .post-thumbnail img { display: block; } .no-sidebar .post-thumbnail img { margin: 0 auto; } a.post-thumbnail:hover, a.post-thumbnail:focus { opacity: 0.85; } .entry-content, .entry-summary { border-color: #d1d1d1; } .entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 { font-size: 28px; font-size: 1.75rem; line-height: 1.25; margin-top: 2em; margin-bottom: 1em; } .entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 { font-size: 23px; font-size: 1.4375rem; line-height: 1.2173913043; margin-top: 2.4347826087em; margin-bottom: 1.2173913043em; } .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3 { font-size: 19px; font-size: 1.1875rem; line-height: 1.1052631579; margin-top: 2.9473684211em; margin-bottom: 1.4736842105em; } .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h4, .textwidget h5, .textwidget h6 { font-size: 16px; font-size: 1rem; line-height: 1.3125; margin-top: 3.5em; margin-bottom: 1.75em; } .entry-content h4, .entry-summary h4, .comment-content h4, .textwidget h4 { letter-spacing: 0.140625em; text-transform: uppercase; } .entry-content h6, .entry-summary h6, .comment-content h6, .textwidget h6 { font-style: italic; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 { font-weight: 900; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .comment-content h1:first-child, .comment-content h2:first-child, .comment-content h3:first-child, .comment-content h4:first-child, .comment-content h5:first-child, .comment-content h6:first-child, .textwidget h1:first-child, .textwidget h2:first-child, .textwidget h3:first-child, .textwidget h4:first-child, .textwidget h5:first-child, .textwidget h6:first-child { margin-top: 0; } .post-navigation .post-title, .entry-title, .comments-title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } body:not(.search-results) .entry-summary { color: #686868; font-size: 19px; font-size: 1.1875rem; line-height: 1.4736842105; margin-bottom: 1.4736842105em; } body:not(.search-results) .entry-header + .entry-summary { margin-top: -0.736842105em; } body:not(.search-results) .entry-summary p, body:not(.search-results) .entry-summary address, body:not(.search-results) .entry-summary hr, body:not(.search-results) .entry-summary ul, body:not(.search-results) .entry-summary ol, body:not(.search-results) .entry-summary dl, body:not(.search-results) .entry-summary dd, body:not(.search-results) .entry-summary table { margin-bottom: 1.4736842105em; } body:not(.search-results) .entry-summary li > ul, body:not(.search-results) .entry-summary li > ol { margin-bottom: 0; } body:not(.search-results) .entry-summary th, body:not(.search-results) .entry-summary td { padding: 0.3684210526em; } body:not(.search-results) .entry-summary fieldset { margin-bottom: 1.4736842105em; padding: 0.3684210526em; } body:not(.search-results) .entry-summary blockquote { border-color: currentColor; } body:not(.search-results) .entry-summary blockquote > :last-child { margin-bottom: 0; } body:not(.search-results) .entry-summary .alignleft { margin: 0.2631578947em 1.4736842105em 1.4736842105em 0; } body:not(.search-results) .entry-summary .alignright { margin: 0.2631578947em 0 1.4736842105em 1.4736842105em; } body:not(.search-results) .entry-summary .aligncenter { margin-bottom: 1.4736842105em; } .entry-content > :last-child, .entry-summary > :last-child, body:not(.search-results) .entry-summary > :last-child, .page-content > :last-child, .comment-content > :last-child, .textwidget > :last-child { margin-bottom: 0; } .more-link { white-space: nowrap; } .author-info { border-color: inherit; border-style: solid; border-width: 1px 0 1px 0; clear: both; padding-top: 1.75em; padding-bottom: 1.75em; } .author-avatar .avatar { float: left; height: 42px; margin: 0 1.75em 1.75em 0; width: 42px; } .author-description > :last-child { margin-bottom: 0; } .entry-content .author-title { clear: none; font-size: 16px; font-size: 1rem; font-weight: 900; line-height: 1.75; margin: 0; } .author-bio { color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin-bottom: 1.6153846154em; overflow: hidden; } .author-link { white-space: nowrap; } .entry-footer { color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin-top: 2.1538461538em; } .entry-footer:empty { margin: 0; } .entry-footer a { color: #686868; } .entry-footer a:hover, .entry-footer a:focus { color: #007acc; } .entry-footer > span:not(:last-child):after { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .entry-footer .avatar { height: 21px; margin: -0.1538461538em 0.5384615385em 0 0; width: 21px; } .sticky-post { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 0.5384615385em; text-transform: uppercase; } /** * IE8 and earlier will drop any block with CSS3 selectors. * Do not combine these styles with the next block. */ .updated:not(.published) { display: none; } .sticky .posted-on, .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-header { margin: 0 7.6923% 0.5em; padding-top: 1.75em; text-align:center; } body.error404 .page-header, body.search-no-results .page-header { border-top: 0; } .page-title { font-size: 2.0rem; line-height: 1.2; margin-bottom: 0.2em; } .taxonomy-description { color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; } .taxonomy-description p { margin: 0.5384615385em 0 1.6153846154em; } .taxonomy-description > :last-child { margin-bottom: 0; } .page-links { clear: both; margin: 0 0 1.75em; } .page-links a, .page-links > span { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; font-size: 13px; font-size: 0.8125rem; height: 1.8461538462em; line-height: 1.6923076923em; margin-right: 0.3076923077em; text-align: center; width: 1.8461538462em; } .page-links a { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .page-links a:hover, .page-links a:focus { background-color: #007acc; border-color: transparent; color: #fff; } .page-links > .page-links-title { border: 0; color: #1a1a1a; height: auto; margin: 0; padding-right: 0.6153846154em; width: auto; } .entry-attachment { margin-bottom: 1.75em; } .entry-caption { color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 1.0769230769em; } .entry-caption > :last-child { margin-bottom: 0; } .content-bottom-widgets { margin: 0 7.6923%; } .content-bottom-widgets .widget-area { margin-bottom: 3.5em; } /** * 11.3 - Post Formats */ .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 19px; font-size: 1.1875rem; line-height: 1.473684211; margin-bottom: 1.3em; } .blog .format-status .entry-title, .archive .format-status .entry-title { display: none; } /** * 11.4 - Comments */ .comments-area { margin: 0 7.6923% 3.5em; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 1.75em; } .comments-title, .comment-reply-title { font-size: 23px; font-size: 1.4375rem; font-weight: 700; line-height: 1.3125; padding-top: 1.217391304em; } .comments-title { margin-bottom: 1.217391304em; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid #d1d1d1; padding: 1.75em 0; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding-left: 0.875em; } .comment-author { color: #1a1a1a; margin-bottom: 0.4375em; } .comment-author .avatar { float: left; height: 28px; margin-right: 0.875em; position: relative; width: 28px; } .bypostauthor > article .fn:after { content: "\f304"; left: 3px; position: relative; top: 5px; } .comment-metadata, .pingback .edit-link { color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; } .comment-metadata { margin-bottom: 2.1538461538em; } .comment-metadata a, .pingback .comment-edit-link { color: #686868; } .comment-metadata a:hover, .comment-metadata a:focus, .pingback .comment-edit-link:hover, .pingback .comment-edit-link:focus { color: #007acc; } .comment-metadata .edit-link, .pingback .edit-link { display: inline-block; } .comment-metadata .edit-link:before, .pingback .edit-link:before { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.538461538em; } .comment-content ul, .comment-content ol { margin: 0 0 1.5em 1.25em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-reply-link { border-radius: 2px; color: #007acc; display: inline-block; font-size: 13px; font-size: 0.8125rem; line-height: 1; margin-top: 2.1538461538em; padding: 0.5384615385em 0.5384615385em 0.4615384615em; } .comment-reply-link:hover, .comment-reply-link:focus { border-color: currentColor; color: #007acc; outline: 0; } .comment-form { padding-top: 1.75em; } .comment-form label { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; letter-spacing: 0.076923077em; line-height: 1.6153846154; margin-bottom: 0.5384615385em; text-transform: uppercase; } .comment-list .comment-form { padding-bottom: 1.75em; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin-bottom: 2.1538461538em; } .no-comments { border-top: 1px solid #d1d1d1; font-weight: 700; margin: 0; padding-top: 1.75em; } .comment-navigation + .no-comments { border-top: 0; padding-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { margin-bottom: 0; } .required { color: #007acc; } .comment-reply-title small { font-size: 100%; } .comment-reply-title small a { border: 0; float: right; height: 32px; overflow: hidden; width: 26px; } .comment-reply-title small a:hover, .comment-reply-title small a:focus { color: #1a1a1a; } .comment-reply-title small a:before { content: "\f405"; font-size: 32px; position: relative; top: -5px; } .comment-form #wp-comment-cookies-consent { margin: 0 10px 0 0; } .comment-form .comment-form-cookies-consent label { display: inline; letter-spacing: 0; text-transform: none; } /** * 11.5 - Sidebar */ .sidebar { margin-bottom: 3.5em; margin-top: 2em; } /** * 11.6 - Footer */ .site-footer { padding: 1em 0 0.5em; } .site-info { font-size: 15px; font-size: 0.9999rem; line-height: 1.6153846154; text-align:center; } .site-info a:hover, .site-info a:focus { color: #007acc; } .site-footer .site-title { font-family: inherit; font-size: inherit; font-weight: 400; } .site-footer .site-title:after { content: "\002f"; display: inline-block; opacity: 0.7; padding: 0 0.307692308em 0 0.538461538em; } .site-footer span[role=separator] { opacity: 0.7; padding: 0 0.307692308em 0 0.538461538em; } .site-footer span[role=separator]::before { content: '\002f'; } .site-footer .footer-info { padding-top:5px; margin-top:5px; } /** * 12.0 - Media */ .site .avatar { border-radius: 50%; } .entry-content .wp-smiley, .entry-summary .wp-smiley, .comment-content .wp-smiley, .textwidget .wp-smiley { border: none; margin-top: 0; margin-bottom: 0; padding: 0; } .entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img { display: block; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { margin-bottom: 1.75em; max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } .entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a { box-shadow: none; } .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist { margin-top: 0; margin-bottom: 1.75em; } .wp-playlist.wp-audio-playlist { padding-bottom: 0; } .wp-playlist .wp-playlist-tracks { margin-top: 0; } .wp-playlist-item .wp-playlist-caption { border-bottom: 0; padding: 0.7142857143em 0; } .wp-playlist-item .wp-playlist-item-length { top: 0.7142857143em; } /** * 12.1 - Captions */ .wp-caption { margin-bottom: 1.75em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption .wp-caption-text { color: #686868; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } /** * 12.2 - Galleries */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .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.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 13.0 - Multisites */ .widecolumn { margin-bottom: 3.5em; padding: 0 7.6923%; } .widecolumn .mu_register { width: auto; } .widecolumn .mu_register .mu_alert { background: transparent; border-color: #d1d1d1; color: inherit; margin-bottom: 3.5em; padding: 1.75em; } .widecolumn form, .widecolumn .mu_register form { margin-top: 0; } .widecolumn h2 { font-size: 23px; font-size: 1.4375rem; font-weight: 900; line-height: 1.2173913043; margin-bottom: 1.2173913043em; } .widecolumn p { margin: 1.75em 0; } .widecolumn p + h2 { margin-top: 2.4347826087em; } .widecolumn label, .widecolumn .mu_register label { color: #686868; font-size: 13px; font-size: 0.8125rem; font-weight: 400; letter-spacing: 0.076923077em; line-height: 1.6153846154; text-transform: uppercase; } .widecolumn .mu_register label { margin: 2.1538461538em 0.7692307692em 0.5384615385em 0; } .widecolumn .mu_register label strong { font-weight: 400; } .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name { font-size: 16px; font-size: 1rem; width: 100%; } .widecolumn .mu_register #blogname { margin: 0; } .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name { margin: 0 0 0.375em; } .widecolumn #submit, .widecolumn .mu_register input[type="submit"] { font-size: 16px; font-size: 1rem; margin: 0; width: auto; } .widecolumn .mu_register .prefix_address, .widecolumn .mu_register .suffix_address { font-size: inherit; } .widecolumn .mu_register > :last-child, .widecolumn form > :last-child { margin-bottom: 0; } /* hero content */ .hero-content { clear:both; } /** * 14.0 - Media Queries */ /** * Does the same thing as <meta name="viewport" content="width=device-width">, * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 44.375em) { .site-branding { width:100%; text-align:center; } .menu-toggle { margin:15px auto 15px; } #toggle-container { width: 100%; text-align: center; } .header-image { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .header-image .title { font-size:36px; padding:0px 15px; } .main-navigation ul ul a {} select.header-search-select { font-size:14px; } } @media screen and (max-width: 56.875em) { .site-header .contact-info { text-align:center; } .menu-social-container { display: flex; justify-content: center; } .spicewpsearchform{ width:100%; } .woo-search { text-align:center; } .site-info { padding-bottom:20px; } .social-navigation ul { margin:0 auto; } .category-navigation ul li ul { left: 0%; top: 100%; width: 100%; } .category-navigation ul li ul li ul { left: 0%; top: 100%; width: 100%; } #toggle-container { padding-bottom: 10px; } } @media screen and (min-width: 44.375em) { .custom-logo-link, .site-info-container { display: inline-block; } .header-layout-2 .site-info-container { margin:0 auto; text-align:center} .header-layout-2 .custom-logo-link, .header-layout-2 .site-info-container {display:block; } .header-layout-2 .custom-logo-link { text-align:center; } .main-navigation ul ul a {} body:not(.custom-background-image):before, body:not(.custom-background-image):after { background: inherit; content: ""; display: block; left: 0; position: fixed; width: 100%; z-index: 99; } body:not(.custom-background-image):before { top: 0; } body:not(.custom-background-image).admin-bar:before { top: 46px; } body:not(.custom-background-image):after { bottom: 0; } .site { margin: 0px auto; } .site-main { margin-bottom: 5.25em; } .site-header { } .custom-logo { max-width: 210px; } .site-title { font-size: 28px; font-size: 1.75rem; line-height: 1.25; } .wp-custom-logo .site-title { margin-top: 0.5em; } .site-description { display: block; } .menu-toggle { font-size: 16px; font-size: 1.0rem; margin: 1.3125em auto; padding: 0.8125em 0.875em 0.6875em; display: flex; justify-content: center; } .site-header .main-navigation + .social-navigation { margin-top: 2.625em; } .header-image { margin: 1.3125em 0; } .pagination { margin: 0 23.0769% 4.421052632em 7.6923% } .post-navigation { margin-bottom: 5.25em; } .post-navigation .post-title { font-size: 28px; font-size: 1.75rem; line-height: 1.25; } /* restore screen-reader-text */ .pagination .current .screen-reader-text { position: absolute !important; } .pagination .page-numbers { display: inline-block; } .site-main > article { margin-bottom: 5.25em; } .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets { /*margin-right: 23.0769%;*/ } .entry-title { font-size: 33px; font-size: 2.0625rem; line-height: 1.2727272727; margin-bottom: 0.8484848485em; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); } .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote { margin-left: -0.472em; } .entry-content blockquote blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote blockquote, .comment-content blockquote blockquote { margin-left: 0; } .entry-summary ul, .comment-content ul, .entry-summary ol, .comment-content ol { margin-left: 0; } .entry-content li > ul, .entry-summary li > ul, .comment-content li > ul, .entry-content blockquote > ul, .entry-summary blockquote > ul, .comment-content blockquote > ul { margin-left: 1.25em; } .entry-content li > ol, .entry-summary li > ol, .comment-content li > ol, .entry-content blockquote > ol, .entry-summary blockquote > ol, .comment-content blockquote > ol { margin-left: 1.5em; } .comment-author { margin-bottom: 0; } .comment-author .avatar { height: 42px; position: relative; top: 0.25em; width: 42px; } .comment-list .children > li { padding-left: 1.75em; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 3.5em; } .comments-area, .widget, .content-bottom-widgets .widget-area { margin-bottom: 5.25em; } body:not(.search-results) .entry-summary li > ul, body:not(.search-results) .entry-summary blockquote > ul { margin-left: 1.157894737em; } body:not(.search-results) .entry-summary li > ol, body:not(.search-results) .entry-summary blockquote > ol { margin-left: 1.473684211em; } } /** * 14.2 - >= 783px */ @media screen and (min-width: 48.9375em) { body:not(.custom-background-image).admin-bar:before { top: 32px; } .social-navigation { float:right; } .social-navigation-container { margin-right: -15px; float: right; } } /** * 14.3 - >= 910px */ @media screen and (min-width: 56.875em) { .main-navigation ul { list-style: none; margin: 0; display: flex; justify-content: center; } .header-search-form { float:right; } .spicewpsearchform{ min-width:350px; } .site-header { } .site-header-main { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; align-items: flex-start; padding: 0px 15px; max-width: 1200px; margin: 0 auto; } .wp-custom-logo .site-header-main { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-header-menu { display: block; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .main-navigation { margin: 0 auto; } .main-navigation .primary-menu, .main-navigation .primary-menu > li { border: 0; } .main-navigation .primary-menu > li { float: left; } .main-navigation a { outline-offset: -8px; padding: 0.65625em 0.585em; white-space: nowrap; } .main-navigation li:hover > a, .main-navigation li.focus > a { color: #007acc; } .main-navigation ul ul { border-bottom: 1px solid #d1d1d1; display: block; left: -999em; margin: 0; position: absolute; z-index: 99999; } .main-navigation ul ul ul { top: -1px; } .main-navigation ul ul ul:before, .main-navigation ul ul ul:after { border: 0; } .main-navigation ul ul li { background-color: #fff; border: 1px solid #d1d1d1; border-bottom-width: 0; } .main-navigation ul ul a { white-space: normal; width: 12.6875em; color: #201f1f; } .main-navigation ul ul:before, .main-navigation ul ul:after { border-style: solid; content: ""; position: absolute; } .main-navigation ul ul:before { border-color: #d1d1d1 transparent; border-width: 0 10px 10px; right: 9px; top: -9px; } .main-navigation ul ul:after { border-color: #fff transparent; border-width: 0 8px 8px; right: 11px; top: -7px; } .main-navigation li:hover > ul, .main-navigation li.focus > ul { left: auto; right: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: auto; right: 100%; } .main-navigation .menu-item-has-children > a { margin: 0; padding-right: 2.25em; } .main-navigation .menu-item-has-children > a:after { content: "\f0d7"; position: absolute; right: 0.625em; top: 0.8125em; } .main-navigation ul ul .menu-item-has-children > a { padding-right: 2.0625em; } .main-navigation ul ul .menu-item-has-children > a:after { right: 0.5625em; top: 0.875em; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .menu-toggle, .site-footer .main-navigation { display: none; } .site-content { padding: 0 1em; max-width: 1200px; margin: 0 auto; } .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .pagination, .page-header, .page-content, .content-bottom-widgets { margin-right: 0; margin-left: 0; } .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) { float: left; margin-right: 7.1428571%; width: 46.42857145%; } .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type { margin-right: 0; } .site-footer { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-footer .social-navigation { margin: 0; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .site-info { margin: 0.537em auto 0.537em 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .content-area { } .sidebar { padding: 0; } .no-sidebar .content-area { float: none; margin: 0; width: 100%; } .widecolumn { padding-right: 15%; padding-left: 15%; } .sticky-nav { position: fixed; top: 0; width: 100%; box-shadow: 0 2px 6px -4px rgba(0,0,0,0.16); z-index: 170; left: 0; padding-top: 4px; padding-bottom: 5px; transition: all ease .8s; color:#FFFFFF; } .sticky-nav .menu-topest-container { margin:0 auto; } #site-navigation.sticky-nav { display: flex; align-items: center; margin-right:0px; z-index: 9999; } .sticky-nav .menu-main-menu-container { margin: 0 auto; } .main-navigation.sticky-nav { margin :0px 0px; } .main-navigation.sticky-nav ul a { color:#fff; } .main-navigation.sticky-nav .sub-menu a { color:#333; } .custom-logo-link { padding-right:12px; } } /** * 14.4 - >= 985px */ @media screen and (min-width: 61.5625em) { .site-header .contact-info div { float: left; } .site-header .contact-info { float: left; } .site-header .social-navigation { float:right; } .site-main { margin-bottom: 7.0em; } .site-header { } .header-image { margin-bottom: 0.4em; } .site-header-menu { } .custom-logo { max-width: 240px; } .image-navigation { margin-bottom: 3.23em; } .post-navigation { margin-bottom: 7.0em; } .pagination { margin-bottom: 5.80em; } .widget { margin-bottom: 1em; } .site-main > article { margin-bottom: 2.30em; } .entry-title { font-size: 2.0rem; line-height: 1.2; margin-bottom: 0.2em; } .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 23px; font-size: 1.4375em; line-height: 1.304347826; margin-bottom: 1.5em; } .post-thumbnail { margin-bottom: 2.625em; margin-top: 1em; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 33px; font-size: 2.0625rem; line-height: 1.2727272727; margin-top: 1.1em; margin-bottom: 0.8484848485em; } .entry-content h2, .entry-summary h2, .comment-content h2 { font-size: 28px; font-size: 1.75rem; line-height: 1.25; margin-top: 0.9em; margin-bottom: 1em; } .entry-content h3, .entry-summary h3, .comment-content h3 { font-size: 23px; font-size: 1.4375rem; line-height: 1.2173913043; margin-top: 2.4347826087em; margin-bottom: 1.2173913043em; } .entry-content h4, .entry-summary h4, .entry-intro h4, .comment-content h4 { letter-spacing: 0.131578947em; } .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6 { font-size: 19px; font-size: 1.1875rem; line-height: 1.1052631579; margin-top: 2.9473684211em; margin-bottom: 1.473684211em; } .author-info { border-bottom-width: 0; padding-bottom: 0; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 5.25em; } .comments-area, .sidebar, .content-bottom-widgets .widget-area, .widecolumn { margin-bottom: 7.0em; } body:not(.search-results) .entry-summary { margin-bottom: 2.210526316em; } body:not(.search-results) .entry-header + .entry-summary { margin-top: -1.105263158em; } body:not(.search-results) article:not(.type-page) .entry-content { width: 100%; } body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta { margin-left: -40%; width: -webkit-calc(60% - 1.4736842105em); width: calc(60% - 1.4736842105em); } body:not(.search-results) article:not(.type-page) img.below-entry-meta, body:not(.search-results) article:not(.type-page) figure.below-entry-meta { clear: both; display: block; float: none; margin-right: 0; margin-left: -40%; max-width: 140%; } body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta, body:not(.search-results) article:not(.type-page) table figure.below-entry-meta, body:not(.search-results) article:not(.type-page) table img.below-entry-meta { margin: 0; max-width: 100%; } body:not(.search-results) article:not(.type-page) .entry-footer { margin-top: 1.15em; width: 100%; } body:not(.search-results) article:not(.type-page) .entry-footer > .byline:after { display: none; } .single .byline, .full-size-link, body:not(.search-results).group-blog .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link { margin-bottom: 0.5384615385em; } body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child { } body:not(.search-results) article:not(.type-page) .entry-footer .avatar { display: block; height: auto; margin: 0 0 0.5384615385em; width: 49px; } body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content { /*float: left; margin-right: -100%; margin-left: 34.99999999%; width: 50.00000001%;*/ } body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer { /*margin-right: -100%; margin-left: 15%; width: 15%;*/ } } /** * 14.5 - >= 1200px */ @media screen and (min-width: 75em) { body:not(.search-results) .entry-summary { font-size: 23px; font-size: 1.4375rem; line-height: 1.5217391304; margin-bottom: 1.826086957em; } body:not(.search-results) .entry-header + .entry-summary { margin-top: -0.913043478em; } body:not(.search-results) .entry-summary p, body:not(.search-results) .entry-summary address, body:not(.search-results) .entry-summary hr, body:not(.search-results) .entry-summary ul, body:not(.search-results) .entry-summary ol, body:not(.search-results) .entry-summary dl, body:not(.search-results) .entry-summary dd, body:not(.search-results) .entry-summary table { margin-bottom: 1.5217391304em; } body:not(.search-results) .entry-summary li > ul, body:not(.search-results) .entry-summary blockquote > ul { margin-left: 0.956521739em; } body:not(.search-results) .entry-summary li > ol, body:not(.search-results) .entry-summary blockquote > ol { margin-left: 1.52173913em; } body:not(.search-results) .entry-summary blockquote { font-size: 23px; font-size: 1.4375rem; line-height: 1.5217391304; margin: 0 0 1.5217391304em; padding-left: 1.347826087em; } body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) { margin-left: -1.52173913em; } body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) { margin-left: 0; } body:not(.search-results) .entry-summary blockquote cite, body:not(.search-results) .entry-summary blockquote small { font-size: 19px; font-size: 1.1875rem; line-height: 1.8421052632; } body:not(.search-results) .entry-summary th, body:not(.search-results) .entry-summary td { padding: 0.3043478261em; } body:not(.search-results) .entry-summary pre { font-size: 16px; font-size: 1rem; line-height: 1.75; margin-bottom: 1.75em; padding: 1.75em; } body:not(.search-results) .entry-summary fieldset { margin-bottom: 1.5217391304em; padding: 0.3043478261em; } body:not(.search-results) .entry-summary h1 { margin-top: 2.121212121em; margin-bottom: 1.060606061em; } body:not(.search-results) .entry-summary h2 { margin-top: 2.5em; margin-bottom: 1.25em; } body:not(.search-results) .entry-summary h3 { margin-top: 3.043478261em; margin-bottom: 1.52173913em; } body:not(.search-results) .entry-summary h4, body:not(.search-results) .entry-summary h5, body:not(.search-results) .entry-summary h6 { margin-top: 3.684210526em; margin-bottom: 1.842105263em; } body:not(.search-results) .entry-summary h1:first-child, body:not(.search-results) .entry-summary h2:first-child, body:not(.search-results) .entry-summary h3:first-child, body:not(.search-results) .entry-summary h4:first-child, body:not(.search-results) .entry-summary h5:first-child, body:not(.search-results) .entry-summary h6:first-child { margin-top: 0; } body:not(.search-results) .entry-summary .alignleft { margin: 0.2608695652em 1.5217391304em 1.5217391304em 0; } body:not(.search-results) .entry-summary .alignright { margin: 0.2608695652em 0 1.5217391304em 1.5217391304em; } body:not(.search-results) .entry-summary .aligncenter { margin-bottom: 1.5217391304em; } } /** * 15.0 - Print */ @media print { form, button, input, select, textarea, .navigation, .main-navigation, .social-navigation, .sidebar, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link { display: none; } body, blockquote cite, blockquote small, pre, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content .author-title { font-size: 12pt; } blockquote { font-size: 14.25pt; } .site-title, .page-title, .comments-title, .entry-content h2, .entry-summary h2, .comment-content h2, .widecolumn h2 { font-size: 17.25pt; } .site-description { display: block; } .entry-title { font-size: 24.75pt; line-height: 1.2727272727; margin-bottom: 1.696969697em; } .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 17.25pt; line-height: 1.304347826; margin-bottom: 1.826086957em; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 21pt; } .entry-content h3, .entry-summary h3, .comment-content h3, body:not(.search-results) .entry-summary { font-size: 14.25pt; } .site-description, .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .site-info, .wp-caption .wp-caption-text, .gallery-caption { font-size: 9.75pt; } body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, blockquote cite, blockquote small, .site-branding .site-title a, .entry-title a, .comment-author { color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ } blockquote, .page-header, .comments-title { border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ } blockquote, .site-description, body:not(.search-results) .entry-summary, body:not(.search-results) .entry-summary blockquote, .author-bio, .entry-footer, .entry-footer a, .sticky-post, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .site-info, .site-info a, .wp-caption .wp-caption-text, .gallery-caption { color: #686868 !important; /* Make sure color schemes don't affect to print */ } code, hr { background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } pre, abbr, acronym, table, th, td, .author-info, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments { border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } a { color: #007acc !important; /* Make sure color schemes don't affect to print */ } .entry-content a, .entry-summary a, .taxonomy-description a, .comment-content a, .pingback .comment-body > a { box-shadow: none; border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */ } .site { margin: 5%; } .site-inner { max-width: none; } .site-header { padding: 0 0 1.75em; } .site-branding { margin-top: 0; margin-bottom: 1.75em; } .site-main { margin-bottom: 3.5em; } .entry-header, .entry-footer, .page-header, .page-content, .entry-content, .entry-summary, .post-thumbnail, .comments-area { margin-right: 0; margin-left: 0; } .post-thumbnail, .site-main > article { margin-bottom: 3.5em; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); } body:not(.search-results) .entry-header + .entry-summary { margin-top: -1.473684211em; } .site-footer, .widecolumn { padding: 0; } } @media screen and (min-width:48em) { .vertical-center { display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center } } /* custom css */ .entry-format, .post-edit-link, .cat-links, .tags-links, .entry-footer .posted-on { padding-left:5px; } .author.vcard { padding-right:15px; } /** * Slider section */ #featured_slider .custom-settings { color: #FFF; z-index: 0; bottom: unset; padding: 5px 25px 20px; top: 25%; border-radius: 6px; max-width: 100%; } #featured_slider .custom-settings .slider-title { margin-bottom: 15px; color: #FFFFFF; margin-top: 5px; font-size: 36px; text-transform: capitalize; } #featured_slider .custom-settings p { margin-bottom:15px; } .call-to-action { color: #FFF; padding: 12px 25px; text-shadow: none; -webkit-border-radius: 55px; display: inline-block; } .call-to-action:hover, .call-to-action:focus { background-color: #ffffffdb; transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; text-shadow:none; } #featured_slider .carousel-indicators { z-index:15; justify-content:flex-start; bottom: 12px; } #featured_slider { margin: 0px auto; max-width: 1600px; } #featured_slider .carousel-navigation .carousel-prev { left: 24px; } #featured_slider .carousel-navigation .carousel-next { right: 24px; } #featured_slider .carousel-indicators li { border:0px; background-color:#FFF; } #featured_slider .carousel-indicators li.active { border:0px; } #featured_slider .carousel-indicators .active { width: 22px; } #featured_slider .previous { content:'\f15b'; font-family: "FontAwesome"; padding-right: 15px; color: #e0dee0; } .carousel-fade .carousel-inner .item { opacity: 0.2; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; background-color: #090909ad; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } #featured_slider .carousel-navigation { list-style-type: none; margin: 0px; } #featured_slider .carousel-navigation a { text-decoration: none; display: block; width:39px; height:39px; background-color:#1515155e; margin: -20px 0 0; position: absolute; top: 50%; overflow: hidden; opacity: 0; cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #featured_slider .carousel-navigation .carousel-prev { left: 1px; opacity: 1; padding-right:4px; } #featured_slider .carousel-navigation .carousel-next { right: 1px; text-align: center; opacity: 1; } #featured_slider .carousel-navigation :hover .carousel-prev { opacity: 0.6; } #featured_slider .carousel-navigation :hover .carousel-next { opacity:0.6; } #featured_slider .carousel-navigation :hover .carousel-next:hover, #featured_slider .carousel-navigation :hover .carousel-prev:hover { color:#fff !important; } #featured_slider .carousel-navigation .carousel-disabled { opacity: 0!important; filter: opacity(0); cursor: default; } #featured_slider .carousel-navigation a:before { font-family: "FontAwesome"; color:#e3e3e3; font-size:29px; line-height:39px; display: inline-block; content: '\f104'; } #featured_slider .carousel-navigation a.carousel-next:before { content: '\f105'; } /* box layout style */ .box-layout-style { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); max-width:1240px; margin:0px auto; } /*********************** * carousel navigation * ***********************/ .carousel-indicators li { border:2px; background-color: rgba(0, 0, 0, 0.2); } .carousel-navigation { list-style-type: none; margin: 0px; } .carousel-navigation a { text-decoration: none; display: block; width:35px; height:35px; background-color:#3ba0f4; margin: -20px 0 0; position: absolute; bottom: 20px; overflow: hidden; opacity: 0; cursor: pointer; text-align: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; border-radius: 0; } .carousel-navigation :hover .carousel-prev { opacity: 0.6; } .carousel-navigation :hover .carousel-next { opacity:0.6; } .carousel-navigation :hover .carousel-next:hover, .carousel-navigation :hover .carousel-prev:hover { color:#fff !important; } .carousel-navigation .carousel-disabled { opacity: 0!important; filter: opacity(0); cursor: default; } .carousel-navigation a:before { font-family: "FontAwesome"; color:#fff; font-size:26px; line-height:35px; display: inline-block; content: '\f104'; } .carousel-navigation a.carousel-next:before { content: '\f105'; } /* slider caption */ .product-slider-caption.on-left { right: 0%; left: 0px; text-align: left; } .product-slider-caption { position: absolute; bottom: 0%; left: 0%; right: 0; text-align: center; line-height: 1; -webkit-transition: all 2000ms; -moz-transition: all 2000ms; -ms-transition: all 2000ms; -o-transition: all 2000ms; transition: all 2000ms; z-index: 1; padding: 20px; } .product-slider-caption p { line-height: normal; font-size: 20px; } .product-slider-caption .price { color: #515050; padding-bottom: 10px; text-shadow: 2px 2px #eaeaea; font-size: 18px; } .caption-heading .cap-title { font-size: 45px; font-weight: 700; line-height: normal; text-transform: capitalize; margin: 0; margin-bottom: 0px; margin-bottom: 10px; } .caption-heading .cap-title a, .product-slider-caption .content-desc h4 { color: #353434; text-shadow: 1px 2px #ece9e9; } .product-slider-caption .caption-heading { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .product-slider-caption ins, .product-slider-caption a { background-color:transparent; color:#3e3d3d; } /** * header ribbon */ #woocommerce-layout-menu .site-header-menu { margin:0px; } #woocommerce-layout-menu, .sticky-nav { } .contact-ribbon { clear:both; } .site-header .contact-ribbon { min-height: 34px; } .contact-info-container { margin-left: -14px; } .social-navigation-container { margin-right: -15px; } .site-header .contact-info { padding: 4px 0px 3px; } .site-header .contact-info a { } .site-header .contact-info div { margin-right: 10px; } .site-header .contact-info .fa { font-size: 1.2em; margin-right: 5px; vertical-align: middle; } .site-header .contact-info .phone .fa { font-size: 1.2em; } .site-header .contact-info .address { display: inline-block; font-style: normal; margin-right: 9px; } .site-header .social-navigation a { border-color: transparent; } .site-header .social-navigation li { margin-right:0px; margin-bottom: 0px; } .contact-ribbon .fa, .site-footer .fa { font-family: "FontAwesome"; } .menu-social-links-container { display:flex; } /** * Woocommecr sidebar */ .woocommerce-sidebar .sidebar { float: none; margin-left: unset; padding: 0; width: unset; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; } /*********************** * Product Navigation * ***********************/ .category-navigation { padding: 0; margin: 0; border: 0; line-height: 1; } #secondary .widget_product_menu_widget { margin-top:2em; } .category-navigation ul, .category-navigation ul li, .category-navigation ul ul { list-style: none; margin: 0; padding: 0; } .category-navigation ul { position: relative; z-index: 500; float: left; background-color:#fff; background-color: #fff; } .category-navigation ul li { float: left; min-height: 0.05em; line-height: 1em; vertical-align: middle; position: relative; border-bottom: 1px dotted #e4e4e4; padding-left:15px; } .category-navigation ul li:not(:last-child) { border-bottom: 1px dotted #e4e4e4; } #secondary .widget .category-navigation ul li { padding-left: 10px; } #secondary .widget .category-navigation ul li::before { padding-right:unset; padding-left:unset; } .category-navigation ul li ul { position:absolute; box-shadow: 0 2px 4px rgba(0,0,0,.07); } .category-navigation ul li.hover, .category-navigation ul li:hover { position: relative; z-index: 510; cursor: default; } .category-navigation ul ul { visibility: hidden; position: absolute; top: 100%; left: 0px; z-index: 520; width: 100%; background-color: #fff; } .category-navigation ul ul li { float: none; } .category-navigation ul ul ul { top: 0; right: 0; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.07) } .category-navigation ul li:hover > ul { visibility: visible; } .category-navigation ul ul { top: 0; left: 100%; } .category-navigation ul li { float: none; } .category-navigation > ul > li > a::before { font-family: 'fontawesome'; content: " "; font-size: 8px; font-style: normal; font-weight: 400; margin-right: 7px; vertical-align:top; } .category-navigation .navigation-name a::before { content: ""; font-size: 17px; font-style: normal; font-weight: 400; margin-right: 7px; } a.category-menu::before { content: "\f0c9"; font-size: 17px; font-style: normal; font-weight: 400; margin-right: 7px; font-family: 'fontawesome'; } .category-navigation ul ul { margin-top: 0.05em; } .category-navigation { background: #fff; zoom: 1; /*box-shadow: 0px 0px 10px 5px rgba(222,219,222,0.39);*/ } .category-navigation:before { content: ''; display: block; } .category-navigation:after { content: ''; display: table; clear: both; } .category-navigation a { display: block; padding: 0.8em 1.3em 0.8em 0.2em; text-decoration: none; text-transform: uppercase; } .category-navigation > ul { width: 100%; } .category-navigation ul ul { width: 13em; } .widget .category-navigation ul ul li { padding-left:0px; border-bottom: 1px solid #e4e4e4; } .category-navigation li { position: relative; } .category-navigation ul li.has-sub > a:after { content: "\f105"; font-family:'FontAwesome'; position: absolute; right: 1em; } .category-navigation ul ul li.first { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .category-navigation ul ul li.last { -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; border-bottom: 0; } .category-navigation ul ul { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .category-navigation.align-right { float: right; } .category-navigation.align-right li { text-align: right; } .category-navigation.align-right ul li.has-sub > a:before { content: '+'; position: absolute; top: 50%; left: 15px; margin-top: -6px; } .category-navigation.align-right ul li.has-sub > a:after { content: none; } .category-navigation.align-right ul ul { visibility: hidden; position: absolute; top: 0; left: -100%; z-index: 598; width: 100%; } .category-navigation.align-right ul ul li.first { -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } .category-navigation.align-right ul ul li.last { -webkit-border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; } .category-navigation.align-right ul ul { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } /* WooCommerce CSS */ .woocommerce-product-search { border-radius: 3px; overflow: hidden; display: flex; } .woocommerce-product-search input { border-left: 0 } /* header full-width */ .header-full-width { width:100%; } input[type="search"].search-field { border-radius: 2px 0 0 2px; border: 1px solid rgba( 26, 26, 26, 0.2); } /******************* * WooCommerce Css * ******************/ .woocommerce ul.products li.product .product-categories a { font-size: 13px; color: #acacac; } .woocommerce div.product form.cart { margin-bottom: 1em; } .woocommerce-product-details__short-description { display: none; } .woocommerce #content div.product div.summary .woocommerce-product-details__short-description, #tf-product-loop-container.product-view-list .woocommerce-product-details__short-description { display: block; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { border-radius: 2px; left: 10px; right: auto; top: 10px; padding: 0; line-height: 23px; margin: 0; display: inline-block; width: 60px; height: 23px; min-height: auto; background-color: #008040; } .woocommerce ul.products li.product .price { color: #555555; font-size: 1.125rem; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: .9375rem; font-weight: 400; line-height: 1.35; color: #2f3440; } .woocommerce ul.products li.product .star-rating { font-size: 12px; letter-spacing: 0.1em; margin: 5px auto; } .woocommerce .star-rating::before { content: "\f005 \f005 \f005 \f005 \f005"; color: #b9aeb7; float: left; top: 0; left: 0; position: absolute; font-family: "FontAwesome"; color: #d6d6d6; } .woocommerce .star-rating span::before { content: "\f005 \f005 \f005 \f005 \f005"; top: 0; position: absolute; left: 0; font-family: "FontAwesome"; color: #ffd227; } .woocommerce-widget.widget .product_list_widget li ins { text-decoration: none; } .front-page-widget li.product .product-inner, .woocommerce-page ul.products li.product .product-inner { padding-bottom: 12px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, .1); text-align: center; background-color: #FFF; } .front-page-widget li.product:hover .product-inner, .woocommerce-page ul.products li.product:hover .product-inner { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1); } .woocommerce-container main#main.site-main { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .woocommerce-container aside#secondary.sidebar-widget-area.widget-area { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .product_type_variable.add_to_cart_button:before { font-family: "FontAwesome"; content: "\f291"; font-family: 'FontAwesome'; font-size: 15px; margin-right: 7px; display: inline-block; } select#woocommerce_product_count_select { width: 80px; min-width: 80px; background-position: 80% center; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; padding: 10px; border-radius: 2px; text-align: center; color:#fff; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } /* single product */ .woocommerce .woocommerce-product-rating .star-rating { margin-top: 10px; } .woocommerce .woocommerce-product-rating .review-link, .woocommerce .woocommerce-product-rating .review-link a { color: #bdbdbd; display: inline-block; vertical-align: bottom; font-size: 16px; line-height: 27px; } a.woocommerce-review-link { padding-right: 5px; } a.woocommerce-write-review-link { padding-left: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active {} .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after { content: none; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: #FFF; border: none; margin: 0; margin-right: 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin-bottom: 30px; /* border: none !important; */ } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid #000; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { content: none; } .woocommerce-tabs .woocommerce-Tabs-panel>h2:first-child { display: none; } .woocommerce div.product .woocommerce-tabs .panel { padding: 0 0 30px; margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 80px; height: auto; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 110px; background-color: #f5f5f5; border-radius: 0; position: relative; } strong.woocommerce-review__author { font-size: 16px; font-weight: 800; padding-right: 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text:before { content: ""; position: absolute; width: 21px; height: 31px; background-color: #f5f5f500; left: -25px; top: -1px; border-right: 36px solid #f5f5f5; border-top: 25px solid transparent; border-bottom: 25px solid #53484800; } .woocommerce #reviews #comments ol.commentlist li .comment-text:after { content: ""; position: absolute; width: 21px; height: 31px; background-color: #f5f5f500; left: -26px; top: -1px; border-right: 36px solid #e4e1e3; border-top: 25px solid transparent; border-bottom: 25px solid #53484800; z-index: -1; } .woocommerce #reviews #comments .woocommerce-Reviews-title { font-size: 18px; margin-bottom: 30px; } .woocommerce #reviews #comments .woocommerce-Reviews-title span { font-weight: bold; } .woocommerce #reviews #comments ol.commentlist { padding: 0; } .woocommerce ins { text-decoration:none; } .summary.entry-summary .product_meta { margin-top: 15px; padding: 5px; border: 1px solid #f7f7f7; } .summary.entry-summary .compare.button { margin-top: 15px; } /* hide button text */ .widget_product_search { overflow: auto; } .widget_product_search #searchform { float: left; } .widget_product_search input[type="text"], .widget_product_search button[type="submit"] { border-radius: 0; padding: 6px; } .widget_product_search input[type="text"] { width: 200px; float: right; padding: 6px; } .widget_product_search button[type="submit"] { float: right; } .search-submit { border-radius: 0 2px 2px 0; bottom: 0; overflow: hidden; padding: 0; position: absolute; right: 2px; width: 42px; height:43px; } /************* * WooSearch * *************/ .header-search-form { position: relative; display: inline-block; width: 100%; border: 1px solid; border-radius: 3px; border-color:#d9d9d9; height: 42px; background-color: #fff; max-width:550px; } .header-myaccount .fa { color:#000000; } select.header-search-select { width: 35%; display: inline-block; border: none; float: left; border-right: 0px solid #FBFBFB; border-radius: 0; border-color:#d9d9d9; height: 40px; background: transparent url("images/arrow.png") no-repeat scroll 95% 18px; -webkit-appearance: none; -moz-appearance: none; text-overflow: initial; padding-left: 4px; } /* For IE10 */ select.header-search-select::-ms-expand { display: none; } input.header-search-input { width: 65%; display: inline-block; border: none; float: left; height: 40px; border-radius: 0; right: 0; position: relative; min-width:40px; text-align:center; } button.header-search-button { border: none; color: inherit; position: absolute; right: 0; padding: 0 15px; font-size: 15px; line-height: 40px; top: 0; border-left: 1px solid; border-color: #d9d9d9; height: 40px; border-radius: 0; background-color: transparent; } .header-search-button .fa { color: #aeaeae; } .header-search-button:hover .fa { color:#FFFFFF; } /* popup cart */ #woo-popup-cart { text-align: center; border:1px solid #ECECEC; z-index: 1; background-color:#fff; display: none; /* Hidden by default */ position: absolute; } #woo-popup-cart .cart-img-thumb-container { display: inline-block; float: left; } #woo-popup-cart .cart-item-data { display: inline-block; } .woo-cart-wrap { text-align:center } .woo-cart-wrap:hover #woo-popup-cart { display:block; opacity: 1; right: 0px; min-width: 320px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 5px; padding: 10px; z-index: 9999; animation: showup 0.5s; -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18); } /* cart icon */ .cart-contents-count.fa:before { font-size:17px; } .cart-contents-count span { color: #fff; padding: 2px 4px; border-radius: 24px; position: absolute; top: 2px; font-size: 14px; } .scroll-to-top { bottom: 15px; display: none; height: 40px; width: 40px; opacity: 1; position: fixed; right: 10px; text-align: center; overflow: hidden; z-index: 9999; border-radius:4px; } .scroll-to-top i { font-size: 22px; line-height: 40px; color: #fff !important; } /* search form styles */ #booking-shortcode { margin-top: 15px; margin-bottom: 15px; background-color:transparent; margin: 0px auto 15px; } #booking-shortcode .mphb_sc_search-wrapper { padding: 10px; } #booking-shortcode .mphb_sc_search-form { box-shadow: 0 0 20px 0 #eaeaea; max-width: 750px; margin: 0 auto; background-color:#FFFFFF; padding:0 15px 0; } #booking-shortcode p {display: inline-block;} #booking-shortcode .mphb-required-fields-tip { display:none; } #booking-shortcode .mphb_sc_search-check-in-date label { display:none; } .mphb_sc_search-check-out-date label { display:none; } /**************** * Callout Area * ****************/ .hero-callout { text-align:center; position:relative; display:block; padding: 60px 10px 80px; } .hero-callout .callout-title { font-size: 48px; text-transform: capitalize; } .hero-callout .callout-section-desc { font-size: 26px; padding: 15px 0px; color:#FFFFFF; text-transform: capitalize; } .hero-callout .call-to-action { border-radius: 0px 0px 0px 0px; padding: 12px 24px; background-color:#f733af; clear: both; display: inline-block; margin-top:10px; } .hero-callout a { color:#ffffff; font-size: 16px; letter-spacing: 3.5px; } #header-hero-section { width:100%; margin-top: 20px; } .sidebar.woocommerce { padding: 5px 0px; } .site-main.woocommerce { padding-left:10px; padding-right:10px; } /* parallax */ .section_divider{ display: block; width: 100%; height: 60px; max-height: 60px; margin: 0; z-index:5; bottom:0; position:absolute; left:0px; float:left; } .section_divider_parallax > use { animation: move-forever4 4s linear infinite; &:nth-child(1) { animation-delay: -2s; } } @keyframes move-forever4 { 0% { transform: translate(-90px, 0%); } 100% { transform: translate(85px, 0%); } } /* rellax */ .rellax img { opacity: 1; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; margin-left: -1px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%); } /**************** * search form * ****************/ .menu-search-popup { margin-left:6px; } .spicewpsearchform{ position: absolute; right: 0; top: 100%; margin-top: 1px; z-index: 9999; background: #fff; padding: 20px; box-shadow: 2px 1px 4px #eee; border-radius: 6px; display:none; } #spicewpsearchform input[type="text"] { width: 78%; height: auto; border: 1px solid #5ca2df; padding: 11px 12px; border-radius: 0px !important; } #spicewpsearchform input[type="submit"] { line-height: 1; padding: 14px 20px; border-radius: 0px; height: auto; font-size: 15px; display: inline-block; border: 1px solid #5ca2df; } #spicewpsearchform:before { border-color: transparent transparent #d05353; border-style: solid; border-width: 0.5em; content: ""; display: block; position: absolute; right: 22px; top: -20px; z-index: 10; } /**Css for image search icon**/ .spicewpsearch_icon { background-image: url('images/search-icon.png'); background-repeat: no-repeat; padding: 0 0 0 36px; background-position: 5px center; background-color: transparent; background-size: 18px 18px; } .menu-search-popup:hover .spicewpsearchform, .menu-search-popup:focus-within .spicewpsearchform { display:block; } .products .button.yith-wcqv-button { margin-left:2px; } /* * Footer menu */ .footer-social-menu { display:flex; } .footer-social-menu .social-navigation { margin: 0 auto; }