@charset "UTF-8"; :root { --bloglo-black: #000000; --bloglo-white: #ffffff; --bloglo-gray: #c2c2c2; --bloglo-gray-light: #f3f3f3; --bloglo-primary: #0554f2; --bloglo-secondary: #232323; --bloglo-secondary_38: #383838; --bloglo-gradient: linear-gradient(220deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); --bloglo-full-radius: 10rem; --bloglo-normal-radius: 0.3rem; --bloglo-font-awesome: "Font Awesome 5 Free"; --bloglo-font-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --bloglo-transition-primary: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .page-links em, .post_format-post-format-quote .bloglo-blog-entry-content .quote-inner .author, .bloglo-btn.btn-uppercase, .site-content .page-links em, .widget.widget_calendar table>caption { text-transform: uppercase; letter-spacing: 0.16rem; } .clearfix:after, .clearfix:before, .entry-meta:after, .entry-meta:before, .navigation:after, .navigation:before, .page-links:after, .page-links:before, .bloglo-entry:after, .bloglo-entry:before, .bloglo-hover-slider:after, .bloglo-hover-slider:before, .single .post-tags .cat-links:after, .single .post-tags .cat-links:before, .single .post-tags:after, .single .post-tags:before, .site-content .page-links:after, .site-content .page-links:before, .tagcloud:after, .tagcloud:before, .wp-block-tag-cloud:after, .wp-block-tag-cloud:before, .widget:after, .widget:before { content: ""; display: table; clear: both; } .bloglo-header-widgets .bloglo-search-simple { position: absolute; right: -1.5rem; top: 100%; z-index: 9; border-top-width: 0.2rem; border-top-style: solid; } .bloglo-header-widgets .bloglo-search-simple:after { bottom: 100%; right: 1.6rem; content: ""; width: 0; height: 0; margin-left: -0.7rem; border: 0.7rem solid transparent; position: absolute; pointer-events: none; z-index: -1; } #bloglo-copyright .bloglo-copyright-widget__text a, #bloglo-topbar .bloglo-topbar-widget__text a, .bloglo-breadcrumbs a, .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a>span, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a>span, .widget.widget_icon_list ul li a, .widget.widget_meta ul li a { display: inline-block; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } #bloglo-copyright .bloglo-copyright-widget__text a:before, #bloglo-topbar .bloglo-topbar-widget__text a:before, .bloglo-breadcrumbs a:before, .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a>span:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a>span:before, .widget.widget_icon_list ul li a:before, .widget.widget_meta ul li a:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2rem; background: currentColor; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1) translateZ(0.1rem); transform: scale(0, 1) translateZ(0.1rem); backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: scale; } .using-keyboard #bloglo-copyright .bloglo-copyright-widget__text a:focus:before, .using-keyboard #bloglo-topbar .bloglo-topbar-widget__text a:focus:before, .using-keyboard .bloglo-breadcrumbs a:focus:before, .using-keyboard.bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a:focus>span:before, .using-keyboard.bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a:focus>span:before, .using-keyboard .widget.widget_icon_list ul li a:focus:before, .using-keyboard .widget.widget_meta ul li a:focus:before, #bloglo-copyright .bloglo-copyright-widget__text a:hover:before, #bloglo-topbar .bloglo-topbar-widget__text a:hover:before, .bloglo-breadcrumbs a:hover:before, .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a>span:hover:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a>span:hover:before, .widget.widget_icon_list ul li a:hover:before, .widget.widget_meta ul li a:hover:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1) translateZ(0.1rem); transform: scale(1, 1) translateZ(0.1rem); } #colophon:after, #bloglo-preloader, #bloglo-scroll-top .bloglo-icon, #bloglo-scroll-top .bloglo-scroll-icon, #bloglo-scroll-top:before, #bloglo-header-inner:after, .entry-media>a .entry-media-icon .entry-media-icon-wrapper, .entry-media>a .entry-media-icon .bloglo-icon, .entry-media>a .entry-media-icon:before, .entry-media>a .entry-media-icon svg, .page-header.bloglo-page-title-has-bg-img:after, .page-header:after, .post_format-post-format-quote .bloglo-blog-entry-content .entry-content .quote-link, .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg, .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg:after, .preloader-1, .bloglo-hover-slider .hover-slide-bg, .bloglo-hover-slider .hover-slider-backgrounds, .bloglo-hover-slider.slider-overlay-1 .hover-slider-backgrounds:after, .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer:after, .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer:before, .bloglo-spinner>div, .bloglo-tsp-header.bloglo-single-title-in-page-header #masthead:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #comments .comment-body, #comments .comment_container, .author-box, .bloglo-layout__boxed #page, .bloglo-layout__boxed-separated #content, .bloglo-layout__boxed-separated.author .author-box, .bloglo-layout__boxed-separated.archive .bloglo-article, .bloglo-layout__boxed-separated.blog .bloglo-article, .bloglo-layout__boxed-separated.category .bloglo-article, .bloglo-layout__boxed-separated.search-results .bloglo-article, .bloglo-layout__boxed-separated .pyml-slider-items, .bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget { border-radius: 0; border: 0.1rem solid rgba(190, 190, 190, 0.3); } #comments .bypostauthor-badge, #infinite-handle span.disabled, #infinite-handle span:disabled, .error-404 .page-header h1, .bloglo-btn.disabled, .bloglo-btn:disabled, .site-main .woocommerce #respond input#submit.disabled, .site-main .woocommerce #respond input#submit:disabled, .site-main .woocommerce a.button.disabled, .site-main .woocommerce a.button:disabled, .site-main .woocommerce button.button.disabled, .site-main .woocommerce button.button:disabled, .site-main .woocommerce input.button.disabled, .site-main .woocommerce input.button:disabled, .woocommerce #review_form #respond .form-submit input.disabled, .woocommerce #review_form #respond .form-submit input:disabled, .woocommerce div.product form.cart .button.disabled, .woocommerce div.product form.cart .button:disabled, .woocommerce ul.products li.product .added_to_cart.disabled, .woocommerce ul.products li.product .added_to_cart:disabled, .woocommerce ul.products li.product .button.disabled, .woocommerce ul.products li.product .button:disabled, body:not(.wp-customizer) input.disabled[type="submit"], body:not(.wp-customizer) input[type="submit"]:disabled { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #comments .comments-title-wrapper .comments-title, #comments .comments-title-wrapper p, #main .entry-header .entry-title, #respond .comment-reply-title, #bloglo-pre-footer .h1, #bloglo-pre-footer .h2, #bloglo-pre-footer .h3, .error-404 .page-header, .error-404 .page-header h1, .error-404 .page-header p, .navigation, .navigation .nav-links .page-numbers, .page-links span, .post_format-post-format-quote .bloglo-blog-entry-content .entry-content h3, .bloglo-breadcrumbs p, .bloglo-form-label, .bloglo-hover-slider .slide-inner h3, .bloglo-nav>ul, .bloglo-social-nav>ul, .site-content .page-links span, .widget-title, button.bloglo-animate-arrow, dl, figure, ol, ul { margin: 0; padding: 0; } #comments .bypostauthor-badge, #comments .comment-actions, #comments .comment-header, #main>.bloglo-container, #page .gallery, #respond .comment-reply-title, #bloglo-scroll-top, #bloglo-scroll-top .bloglo-icon, #bloglo-copyright>.bloglo-container>.bloglo-flex-row>div, #bloglo-header-inner .bloglo-widget-wrapper, #bloglo-header-inner>.bloglo-container, #bloglo-topbar .bloglo-topbar-left, #bloglo-topbar .bloglo-topbar-right, #bloglo-topbar>.bloglo-container>.bloglo-flex-row>div, .author-box, .comment-form, .entry-media>a .entry-media-icon, .entry-media>a .entry-media-icon .bloglo-icon, .entry-media>a .entry-media-icon svg, .entry-meta .entry-meta-elements, .error404 #primary, .mejs-container .mejs-inner .mejs-controls .mejs-button, .mejs-container .mejs-inner .mejs-controls .mejs-time, .page-header .bloglo-page-header-wrapper, .page-header>.bloglo-container, .preloader-1, .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper, .bloglo-header-element, .bloglo-header-widgets, .bloglo-header-widgets .bloglo-cart, .bloglo-header-widgets .bloglo-header-widget, .bloglo-header-widgets .bloglo-search, .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form button, .bloglo-hover-slider .hover-slide-item, .bloglo-input-supported .comment-form-cookies-consent, .bloglo-has-comments-toggle #bloglo-comments-toggle, .bloglo-header-layout-3 .bloglo-logo-container .bloglo-logo>.logo-inner, .bloglo-header-layout-3 .bloglo-logo-container>.bloglo-container, .bloglo-header-layout-3 .bloglo-nav-container>.bloglo-container, .bloglo-logo a, .single .entry-footer, .single .post-nav, .single .post-nav .nav-content { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #comments .comment-list, #comments .comment-list ol, #comments .comment-list ul, #bloglo-copyright .bloglo-copyright-widget:not(.bloglo-copyright-widget__nav) ul, #bloglo-topbar .bloglo-topbar-widget__text ul, .bloglo-breadcrumbs ol, .bloglo-breadcrumbs ul, .bloglo-nav .children li, .bloglo-nav .sub-menu li, .bloglo-nav>ul, .bloglo-social-nav>ul { padding: 0; margin: 0; list-style: none; } #infinite-handle span, #main .entry-header .entry-title a, #bloglo-scroll-top, #bloglo-copyright .bloglo-copyright-widget:not(.bloglo-copyright-widget__text) a, #bloglo-topbar .bloglo-topbar-widget:not(.bloglo-topbar-widget__text) a, .entry-meta a, .navigation .nav-links .page-numbers, .page-links a, .post_format-post-format-quote .bloglo-blog-entry-content .entry-content a, .bloglo-breadcrumbs a, .bloglo-btn, .bloglo-header-widgets a:not(.bloglo-btn), .bloglo-hover-slider .slide-inner .read-more, .bloglo-hover-slider .slide-inner h3 a, .bloglo-logo a, .bloglo-nav .children li a, .bloglo-nav .sub-menu li a, .bloglo-nav>ul>li>a, .bloglo-social-nav>ul>li>a, .single .post-tags a, .site-content .page-links a, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .tagcloud a, .wp-block-tag-cloud a, .woocommerce #review_form #respond .form-submit input, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, a, body:not(.wp-customizer) input[type="submit"] { text-decoration: none; } #add_payment_method table.cart td.actions .coupon .input-text, #comments a, #infinite-handle span, #bloglo-topbar a, .page-links span, .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg, .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg:after, .bloglo-btn, .bloglo-input-supported input[type="checkbox"], .bloglo-input-supported input[type="checkbox"]:before, .bloglo-input-supported input[type="radio"], .bloglo-input-supported input[type="radio"]:before, .bloglo-nav .children li a, .bloglo-nav .sub-menu li a, .single .post-tags a, .site-content .page-links span, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .tagcloud a, .wp-block-tag-cloud a, .widget .wp-block-archives li>span, .widget .wp-block-categories li>span, .widget.widget_archive li>span, .widget.widget_categories li>span, .woocommerce #review_form #respond .form-submit input, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, body:not(.wp-customizer) input[type="submit"], input[type="reset"], input[type="date"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, a { -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } #add_payment_method table.cart td.actions .coupon .input-text, #colophon .search-form .search-submit, #infinite-handle span, #main .search-form .search-submit, .bloglo-btn, .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form button, .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form input, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce #review_form #respond .form-submit input, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, body:not(.wp-customizer) input[type="submit"], input[type="reset"], input[type="date"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea { outline: none; border: none; margin: 0; padding: 0; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .bloglo-icon { display: inline-block; fill: currentColor; width: auto; } .breadcrumb-trail .trail-items li:after, .widget.widget_icon_list ul li:before, .widget.widget_meta ul li:before, .widget.widget_recent_entries .post-date:before { -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: currentColor; width: 1.6rem; height: 1.6rem; } /*****************************************/ /* Responsive styles. /*****************************************/ /* ##Device = Most of the smartphones (portrait) ##Screen = 480px and under. */ @media screen and (max-width: 480px) {} /* ##Device = Most of the tablets (portrait) ##Screen = Between 481px and 768px. */ @media screen and (min-width: 481px) and (max-width: 768px) {} /* ##Device = Most of the tablets and smartphones ##Screen = 768px and under. */ @media screen and (max-width: 768px) {} /* ##Device = Desktops and landscape tablets ##Screen = 769px and upper. */ @media screen and (min-width: 769px) {} /* ##Device = Large desktops and upper (incl. iPad Pro in landscape mode) ##Screen = 1281px and upper. */ @media screen and (min-width: 1281px) {} td, th { text-align: left; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { overflow-x: hidden; line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; background-color: #f2f2f2; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 3.2rem; margin: 1.1rem 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1.6rem; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 600; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1.6rem; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.4rem; } sup { top: -0.8rem; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 0.1rem dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.56rem 1.2rem 1rem; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -0.2rem; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*****************************************/ /* General base styles /*****************************************/ html { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; max-width: 100%; /*font-size: 62.5%;*/ } /* ##Device = Large desktops and upper (big screen & landscape mode) ##Screen = 1921px and upper. */ /*@media (min-width: 120.063em) { html { font-size: 75%; } }*/ /* ##Device = Most of the screen ##Screen = 1200px and under. */ /*@media only screen and (max-width: 75em) { html { font-size: 56.25%; } }*/ /* ##Device = Most of the tablets ##Screen = 960px and under. */ /*@media screen and (max-width: 60em) { html { font-size: 53%; } }*/ /* ##Device = Most of the smartphones (portrait) ##Screen = 480px and under. */ /*@media screen and (max-width: 30em) { html { font-size: 50%; } }*/ *, *::before, *::after { box-sizing: inherit; -webkit-box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } .using-keyboard a:not(.bloglo-btn, .elementor-button, .button):focus { outline: 0; text-underline-offset: 0.3rem; text-decoration-skip-ink: none; text-decoration: underline 0.1rem dotted currentColor; } .using-keyboard :focus, .using-keyboard .bloglo-logo a:focus, .bloglo-is-mobile #bloglo-header-inner .bloglo-nav>ul>li>a:focus { outline: thin dotted; outline-offset: -0.3rem; } .using-keyboard .bloglo-btn:not(.btn-white):focus { outline-color: var(--bloglo-gray); } .using-keyboard .bloglo-btn.btn-white:focus { outline-color: var(--bloglo-secondary); } .using-keyboard #bloglo-copyright .bloglo-copyright-widget__text a:focus, .using-keyboard #bloglo-topbar .bloglo-topbar-widget__text a:focus, .using-keyboard .bloglo-breadcrumbs a:focus, .using-keyboard.bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a:focus, .using-keyboard.bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a:focus, .using-keyboard .widget.widget_icon_list ul li a:focus, .using-keyboard .widget.widget_meta ul li a:focus { text-decoration: none; } .bloglo-entry .elementor p, .elementor p, .elementor h1, .elementor h2, .elementor h3, .elementor h4, .elementor h5, .elementor h6 { margin: 0; } .sup-sub b { position: relative; z-index: 0; } .sup-sub b:before { content: ""; display: block; width: 100%; height: 2.1rem; position: absolute; bottom: 0px; left: 1.2rem; background-color: rgba(255, 255, 255, 0.25); z-index: 0; } p { margin-top: 1.6rem; margin-bottom: 1.6rem; } q { font-style: italic; } mark, span.highlight { color: inherit; position: relative; padding: 0 0.3rem 0.2rem 0.3rem; border-radius: var(--bloglo-normal-radius); } svg:not(:root) { overflow: hidden; } p:empty { display: none; } p a, .content-area a:not(.bloglo-btn, .wp-block-button__link, .page-numbers, [rel^=category]):hover, .content-area .bloglo-entry a, .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus, #main .content-area .entry-meta a:hover { text-decoration: underline; text-underline-offset: 0.1rem; } .content-area .bloglo-entry a:hover, .content-area .bloglo-entry a:focus, p a:hover:hover, p a:focus:focus { text-decoration: none; } a { color: inherit; -webkit-text-decoration-skip: objects; } hr { margin-top: 3.2rem; margin-bottom: 3.2rem; border: 0; border-top: 0.1rem solid rgba(0, 0, 0, 0.2); } table:not(.variations):not(.shop_table) { border-collapse: collapse; width: 100%; margin: 2rem auto; border-radius: 0; background-color: rgba(190, 190, 190, 0.2); } table:not(.variations):not(.shop_table) tbody, table:not(.variations):not(.shop_table) tfoot, table:not(.variations):not(.shop_table) thead { border: 0.1rem solid rgba(190, 190, 190, 0.3); color: inherit; } table:not(.variations):not(.shop_table) caption, table:not(.variations):not(.shop_table) td, table:not(.variations):not(.shop_table) tr { text-align: left; } table:not(.variations):not(.shop_table) th { font-weight: 600; } table:not(.variations):not(.shop_table) td, table:not(.variations):not(.shop_table) th { padding: 1rem; } table:not(.variations):not(.shop_table) tbody tr:nth-child(odd) { border-bottom: 0; background-color: var(--bloglo-white); } table:not(.variations):not(.shop_table) thead tr, table:not(.variations):not(.shop_table) tfoot tr { background: transparent; } table:not(.variations):not(.shop_table) tfoot td, table:not(.variations):not(.shop_table) tfoot th, table:not(.variations):not(.shop_table) thead td, table:not(.variations):not(.shop_table) thead th { font-weight: 500; text-align: left; } table:not(.variations):not(.shop_table) caption { font-weight: 500; } .wp-block-calendar tbody td, .wp-block-calendar th { border-color: rgba(190, 190, 190, 0.3); } .wp-block-calendar table th { background: rgba(190, 190, 190, 0.3); } dt:before { content: ""; display: block; } dd:before { content: " "; } /*****************************************/ /* Typography /*****************************************/ .bloglo-logo .site-title { line-height: 1.25; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 2rem; margin-bottom: 1.2rem; } .h4, h4, h5, h6 { margin-top: 2.4rem; margin-bottom: 0.8rem; } .error-404 .page-header h1, .h1, .h2, .h3, .h4, .bloglo-logo .site-title, h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; } figure { max-width: 100%; } code, kbd, pre, samp, tt, var { font-family: Menlo, Monaco, Consolas, Courier New, monospace; } code, kbd, samp, tt, var { font-style: normal; padding: 0.16rem 0.48rem; font-size: 90%; border-radius: var(--bloglo-normal-radius); overflow-wrap: break-word; word-wrap: break-word; } code.block { margin: 2rem 0; display: block; padding: 2.5rem 4rem; border-radius: var(--bloglo-normal-radius); } .wp-block-code code { background: none; } pre { display: block; page-break-inside: avoid; overflow: auto; word-break: break-all; word-wrap: break-word; } pre>h2:first-child { margin-top: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; vertical-align: baseline; } cite:before { content: "—"; display: inline-block; margin-right: 0.6rem; } .bloglo-entry .wp-block-quote, blockquote { margin: 2rem 0; padding: 0.8rem 2.4rem; border-style: none; border-left-style: solid; border-width: 0.4rem; font-size: 1.6rem; line-height: inherit; position: relative; border-radius: var(--bloglo-normal-radius); background-color: rgba(0, 0, 0, 0.04); } .bloglo-entry .wp-block-quote>p, blockquote>p { font-size: inherit; line-height: inherit; font-style: normal; } .bloglo-entry .wp-block-quote>p:first-child, blockquote>p:first-child { margin-top: 0; margin-bottom: 1.6rem; } .bloglo-entry .wp-block-quote>p:last-child, blockquote>p:last-child { margin-bottom: 0; } .bloglo-entry .wp-block-quote.has-text-align-center, blockquote.has-text-align-center { border: none; } .bloglo-entry .wp-block-quote.has-text-align-right, blockquote.has-text-align-right { border-left-style: none; border-right-style: solid; } .bloglo-entry .wp-block-quote cite, blockquote cite { display: block; margin-top: 1.6rem; text-align: inherit; font-size: 1.4rem; } .bloglo-entry .wp-block-quote.is-large, .bloglo-entry .wp-block-quote.is-style-large { font-size: 1.8rem; line-height: 1.5; position: relative; background-color: rgba(35, 35, 35, 0.04); padding: 3rem 4rem; } .bloglo-entry .wp-block-quote.is-large cite, .bloglo-entry .wp-block-quote.is-style-large cite { font-size: 1.333rem; } .bloglo-entry .wp-block-quote.is-large:before, .bloglo-entry .wp-block-quote.is-style-large:before { content: ""; position: absolute; width: 3.2rem; height: 3.2rem; top: 1.2rem; left: 2rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.961 123.961'%3E%3Cpath d='M49.8,29.032c3.1-1.3,4.4-5,3-8l-4.9-10.3c-1.4-2.899-4.8-4.2-7.8-2.899c-8.5,3.6-15.8,8.3-21.6,14 C11.4,28.532,6.6,36.232,4,44.732c-2.6,8.601-4,20.3-4,35.2v30.7c0,3.3,2.7,6,6,6h39.3c3.3,0,6-2.7,6-6v-39.3c0-3.301-2.7-6-6-6 H26.5c0.2-10.101,2.6-18.2,7-24.301C37.1,36.133,42.5,32.133,49.8,29.032z'/%3E%3Cpath d='M120.4,29.032c3.1-1.3,4.399-5,3-8l-4.9-10.199c-1.4-2.9-4.8-4.2-7.8-2.9c-8.4,3.6-15.601,8.3-21.5,13.9 c-7.101,6.8-12,14.5-14.601,23c-2.6,8.399-3.899,20.1-3.899,35.1v30.7c0,3.3,2.7,6,6,6H116c3.3,0,6-2.7,6-6v-39.3 c0-3.301-2.7-6-6-6H97.1c0.2-10.101,2.601-18.2,7-24.301C107.7,36.133,113.1,32.133,120.4,29.032z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 3.2rem; pointer-events: none; opacity: 0.1; } .bloglo-entry p.has-background { padding: 3rem 3.5rem; border-radius: var(--bloglo-normal-radius); } .wp-block-quote[style*="text-align:center"], .wp-block-quote[style*="text-align: center"] { border: 0 !important; padding-left: 3rem; padding-right: 3rem; } .wp-block-quote[style*="text-align:center"] cite, .wp-block-quote[style*="text-align: center"] cite { text-align: center; } .bloglo-entry .wp-block-quote[style*='text-align:right'], .bloglo-entry .wp-block-quote[style*='text-align: right'] { border-left: none; border-right-style: solid; padding: 0.6rem 4rem 0.6rem 0; } .bloglo-entry .wp-block-quote[style*='text-align:right'] cite, .bloglo-entry .wp-block-quote[style*='text-align: right'] cite { text-align: right; } .bloglo-entry .wp-block-pullquote.is-style-solid-color { border-radius: var(--bloglo-normal-radius); } .bloglo-entry .wp-block-pullquote blockquote { padding: 0; border: 0; margin-top: 0 !important; margin-bottom: 0 !important; } .bloglo-entry .wp-block-pullquote blockquote p { font-size: 2.4rem; line-height: 1.4; } .bloglo-entry .wp-block-pullquote cite { margin-top: 3.2rem; color: inherit !important; opacity: 0.75; } .has-drop-cap:not(:focus)::after { padding-top: 0; } [type="checkbox"], [type="radio"] { margin-right: 1rem; } #page .aligncenter, #page .alignleft, #page .alignright, #page .bypostauthor, #page .sticky, #page .gallery-caption, #page .wp-caption { color: inherit; } #page .alignright { float: right; margin: 0.6rem 0 1.6rem 3.2rem; } #page .alignleft { float: left; margin: 0.6rem 3.2rem 1.6rem 0; } #page .aligncenter img, #page .alignleft img, #page .alignright img { max-width: 100%; } #page img.center { margin: 0 auto; display: block; } #page img.full { width: 100%; } #page .aligncenter { clear: both; margin-left: auto; margin-right: auto; } body:not(.elementor-page) #page .wp-caption { max-width: 100% !important; } body:not(.elementor-page) #page .wp-caption .wp-caption-text { display: block; margin: 0.6rem 0 0 0; font-size: 1.4rem; text-align: center; } #page .gallery { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; float: none; /*margin-left: -rem(4px); margin-right: -rem(4px);*/ clear: both; } .bloglo-iflex-center { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloglo-flex-center { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloglo-flex-justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .bloglo-flex-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-flex-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloglo-text-align-left { text-align: left; } .bloglo-text-align-center { text-align: center; } .bloglo-text-align-right { text-align: right; } /*.gallery .wp-caption-text { text-align: center; font-size: 1.4rem; line-height: 1.5; margin-top: 0.7rem; margin-bottom: 1.4rem; }*/ .gallery figure { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: 100%; /*padding: 0 0.4rem 0.8rem;*/ margin: 0 !important; } .gallery figure img { display: block; border-radius: var(--bloglo-normal-radius); } .gallery.gallery-columns-1 figure { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .gallery.gallery-columns-2 figure { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .gallery.gallery-columns-3 figure { max-width: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } .gallery.gallery-columns-4 figure { max-width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .gallery.gallery-columns-5 figure { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .gallery.gallery-columns-6 figure { max-width: 16.66%; -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; } .gallery.gallery-columns-7 figure { max-width: 14.285%; -ms-flex-preferred-size: 14.285%; flex-basis: 14.285%; } .gallery.gallery-columns-8 figure { max-width: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; } .gallery.gallery-columns-9 figure { max-width: 11.11%; -ms-flex-preferred-size: 11.11%; flex-basis: 11.11%; } /*****************************************/ /* General /*****************************************/ img { vertical-align: middle; max-width: 100%; height: auto; } textarea { resize: vertical; } .bloglo-hide { display: none !important; } /*****************************************/ /* WordPress specific /*****************************************/ .screen-reader-text { border: 0; clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 0.1rem; margin: -0.1rem; overflow: hidden; padding: 0; position: absolute !important; width: 0.1rem; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: var(--bloglo-normal-radius); -webkit-box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 1.4rem; font-size: 0.875rem; font-weight: 700; height: auto; right: 0.5rem; line-height: normal; padding: 1.5rem 2.3rem 1.4rem; text-decoration: none; top: 0.5rem; width: auto; z-index: 100000; } .skip-link { top: 4rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 0.6rem; top: 0.7rem; font-size: 1.4rem; font-weight: 600; text-decoration: none; line-height: normal; padding: 1.5rem 2.3rem 1.4rem; z-index: 100000; right: auto; } .wp-smiley { margin-bottom: 0 !important; } .has-text-align-left { text-align: left !important; } .has-text-align-center { text-align: center !important; } .has-text-align-right { text-align: right !important; } /*****************************************/ /* Visibility classes /*****************************************/ /*****************************************/ /* Layout /*****************************************/ #page { position: relative; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .admin-bar #page { min-height: calc(100vh - 32px); } .alignfull.bloglo-contained.has-background { padding-left: 0; padding-right: 0; } .alignfull.bloglo-wrap-content>div, .bloglo-container, .bloglo-container-fluid, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul { padding: 0 5rem; margin: 0 auto; width: 100%; } .alignfull.bloglo-stretch>div, .alignfull>.wp-block-embed__wrapper { max-width: 100% !important; } .bloglo-container__wide.bloglo-container, .bloglo-container__wide .bloglo-header-container, .bloglo-container__wide .bloglo-logo-container>.bloglo-container, .bloglo-container__wide .bloglo-nav-container>.bloglo-container, .bloglo-container__wide>.bloglo-container, .bloglo-layout__fw-stretched.bloglo-container, .bloglo-layout__fw-stretched .bloglo-container, .bloglo-layout__fw-stretched .bloglo-header-container, .bloglo-layout__fw-stretched .bloglo-logo-container>.bloglo-container, .bloglo-layout__fw-stretched .bloglo-nav-container>.bloglo-container, .bloglo-layout__fw-stretched>.bloglo-container { max-width: 100%; } .bloglo-layout__boxed #page, .bloglo-layout__boxed-separated #page { margin: 0 auto; } .bloglo-layout__boxed #page { border: 0; -webkit-box-shadow: 0 0 3rem rgba(50, 52, 54, 0.06); box-shadow: 0 0 3rem rgba(50, 52, 54, 0.06); border-radius: 0; } .bloglo-layout__boxed-separated #primary, .bloglo-layout__boxed-separated #secondary { margin-top: 3rem; margin-bottom: 3rem; } @media only screen and (min-width: 961px) { .bloglo-layout__boxed-separated #primary, .bloglo-layout__boxed-separated #secondary { margin-top: 5rem; margin-bottom: 5rem; } } .bloglo-layout__boxed-separated.bloglo-sidebar-position__right-sidebar #primary { padding-right: 5rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-position__right-sidebar.bloglo-sidebar-style-3 #primary { padding-right: 3.5rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-position__left-sidebar #primary { padding-left: 5rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-position__left-sidebar.bloglo-sidebar-style-3 #primary { padding-left: 3.5rem; } .bloglo-layout__boxed-separated #page { background: none; } .bloglo-layout__boxed-separated #content { padding: 3rem; } .bloglo-layout__boxed-separated #content .entry-content>.alignfull:first-child { margin-top: -3rem; } .bloglo-layout__boxed-separated:not(.comments-open) #content .entry-content>.alignfull:last-child { margin-bottom: -3rem; } .bloglo-layout__boxed-separated.archive #content, .bloglo-layout__boxed-separated.blog #content, .bloglo-layout__boxed-separated.category #content, .bloglo-layout__boxed-separated.search-results #content { padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: none; } .bloglo-layout__boxed-separated .pyml-slider-items, .bloglo-layout__boxed-separated.archive .bloglo-article, .bloglo-layout__boxed-separated.blog .bloglo-article, .bloglo-layout__boxed-separated.category .bloglo-article, .bloglo-layout__boxed-separated.search-results .bloglo-article { padding: 2.2rem; transition: var(--bloglo-transition-primary); } .bloglo-layout__boxed-separated.archive .bloglo-article, .bloglo-layout__boxed-separated.blog .bloglo-article, .bloglo-layout__boxed-separated.category .bloglo-article, .bloglo-layout__boxed-separated.search-results .bloglo-article { margin-bottom: 3rem; } .bloglo-layout__boxed-separated.archive.bloglo-blog-horizontal .bloglo-pagination, .bloglo-layout__boxed-separated.blog.bloglo-blog-horizontal .bloglo-pagination, .bloglo-layout__boxed-separated.category.bloglo-blog-horizontal .bloglo-pagination, .bloglo-layout__boxed-separated.search-results.bloglo-blog-horizontal .bloglo-pagination { margin-top: 4rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget { margin-bottom: 2rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget.widget_media_image { padding: 0; overflow: hidden; } .bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .widget_media_image .widget-title { padding-left: 2.5rem; margin-left: 0; margin-top: 2rem; } /*****************************************/ /* Layout Shadow /*****************************************/ .bloglo-article.post.sticky { outline: 3px solid var(--bloglo-primary_15); } .bloglo-layout-shadow #comments .comment-body, .bloglo-layout-shadow #comments .comment_container, .bloglo-layout-shadow .author-box, .bloglo-layout-shadow.bloglo-layout__boxed #page, .bloglo-layout-shadow.bloglo-layout__boxed-separated:not(.archive, .blog, .category, .search-results) #content, .bloglo-layout-shadow.bloglo-layout__boxed-separated.author .author-box, .bloglo-layout-shadow.bloglo-layout__boxed-separated.blog .bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.category .bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.search-results .bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget, .bloglo-layout-shadow.bloglo-layout__boxed-separated .pyml-slider-items, .bloglo-layout-shadow.bloglo-layout__boxed-separated .ticker-slider-items, .bloglo-layout-shadow.bloglo-layout__boxed-separated.archive article.bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.blog article.bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.category article.bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.search-results article.bloglo-article { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); border-color: transparent; } .bloglo-layout-shadow.bloglo-layout__boxed-separated .pyml-slider-items:hover, .bloglo-layout-shadow.bloglo-layout__boxed-separated.archive article.bloglo-article:hover, .bloglo-layout-shadow.bloglo-layout__boxed-separated.blog article.bloglo-article:hover, .bloglo-layout-shadow.bloglo-layout__boxed-separated.category article.bloglo-article:hover, .bloglo-layout-shadow.bloglo-layout__boxed-separated.search-results article.bloglo-article:hover { box-shadow: rgba(0, 0, 0, 0.14) 0 0 2.5rem 0; } .bloglo-layout-shadow.bloglo-layout__boxed-separated.archive .col-xs-12>.bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.blog .col-xs-12>.bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.category .col-xs-12>.bloglo-article, .bloglo-layout-shadow.bloglo-layout__boxed-separated.search-results .col-xs-12>.bloglo-article { margin-bottom: 0; } .bloglo-layout__framed #page { z-index: 0; margin: 3rem 4.5rem 0; overflow: hidden; border-radius: 1rem 1rem 0 0; background-color: var(--bloglo-white); -webkit-box-shadow: 0 0 3rem rgba(50, 52, 54, 0.18); box-shadow: 0 0 3rem rgba(50, 52, 54, 0.18); } .bloglo-layout__framed.bloglo-sticky-header #page #bloglo-header-inner { margin: 0 5rem 0; } #main iframe { max-width: 100%; } .wp-block-embed__wrapper { overflow: hidden; border-radius: var(--bloglo-normal-radius); } .wp-block-embed__wrapper.alignfull { border-radius: 0; } /*****************************************/ /* Flexbox Grid /*****************************************/ .bloglo-flex-row { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; --bloglo-gutter-x: 2.4rem; --bloglo-gutter-y: 0; margin-top: calc(var(--bloglo-gutter-y) * -1); margin-right: calc(var(--bloglo-gutter-x) / -2); margin-left: calc(var(--bloglo-gutter-x) / -2); } .bloglo-flex-row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .bloglo-flex-row div[class^="col-"], .bloglo-flex-row div[class*="col-"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding-right: calc(var(--bloglo-gutter-x) / 2); padding-left: calc(var(--bloglo-gutter-x) / 2); margin-top: var(--bloglo-gutter-y); } .g-0, .gx-0 { --bloglo-gutter-x: 0; } .g-0, .gy-0 { --bloglo-gutter-y: 0; } .g-1, .gx-1 { --bloglo-gutter-x: 0.4rem; } .g-1, .gy-1 { --bloglo-gutter-y: 0.4rem; } .g-2, .gx-2 { --bloglo-gutter-x: 0.8rem; } .g-2, .gy-2 { --bloglo-gutter-y: 0.8rem; } .g-3, .gx-3 { --bloglo-gutter-x: 1.6rem; } .g-3, .gy-3 { --bloglo-gutter-y: 1.6rem; } .g-4, .gx-4 { --bloglo-gutter-x: 2.4rem; } .g-4, .gy-4 { --bloglo-gutter-y: 2.4rem; } .g-5, .gx-5 { --bloglo-gutter-x: 4.8rem; } .g-5, .gy-5 { --bloglo-gutter-y: 4.8rem; } .g-6, .gx-6 { --bloglo-gutter-x: 6.5rem; } .g-6, .gy-6 { --bloglo-gutter-y: 6.5rem; } /*****************************************/ /* Extra Small (599px and less) /*****************************************/ .site .bloglo-flex-row .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .bloglo-flex-row .col-xs.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloglo-flex-row .col-xs-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloglo-flex-row .col-xs-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloglo-flex-row .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloglo-flex-row .col-xs-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloglo-flex-row .col-xs-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloglo-flex-row .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloglo-flex-row .col-xs-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloglo-flex-row .col-xs-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloglo-flex-row .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloglo-flex-row .col-xs-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloglo-flex-row .col-xs-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloglo-flex-row .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloglo-flex-row .col-xs-offset-0 { margin-left: 0%; } .site .bloglo-flex-row .col-xs-offset-1 { margin-left: 8.33333%; } .site .bloglo-flex-row .col-xs-offset-2 { margin-left: 16.66667%; } .site .bloglo-flex-row .col-xs-offset-3 { margin-left: 25%; } .site .bloglo-flex-row .col-xs-offset-4 { margin-left: 33.33333%; } .site .bloglo-flex-row .col-xs-offset-5 { margin-left: 41.66667%; } .site .bloglo-flex-row .col-xs-offset-6 { margin-left: 50%; } .site .bloglo-flex-row .col-xs-offset-7 { margin-left: 58.33333%; } .site .bloglo-flex-row .col-xs-offset-8 { margin-left: 66.66667%; } .site .bloglo-flex-row .col-xs-offset-9 { margin-left: 75%; } .site .bloglo-flex-row .col-xs-offset-10 { margin-left: 83.33333%; } .site .bloglo-flex-row .col-xs-offset-11 { margin-left: 91.66667%; } .site .bloglo-flex-row .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloglo-flex-row .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloglo-flex-row.start-xs, .site .bloglo-flex-row .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .bloglo-flex-row.center-xs, .site .bloglo-flex-row .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloglo-flex-row.end-xs, .site .bloglo-flex-row .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloglo-flex-row.top-xs, .site .bloglo-flex-row .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloglo-flex-row.middle-xs, .site .bloglo-flex-row .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloglo-flex-row.bottom-xs, .site .bloglo-flex-row .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloglo-flex-row.stretch-xs, .site .bloglo-flex-row .stretch-xs { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloglo-flex-row.around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloglo-flex-row.between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site .bloglo-flex-row>div:not(.col-xs-12), .site .bloglo-flex-row>iframe { width: 100%; } /*****************************************/ /* Small (600px +) /*****************************************/ /*****************************************/ /* Medium (782px +) /*****************************************/ /*****************************************/ /* Large (1200px +) /*****************************************/ /*****************************************/ /* Gutenberg specific styles /*****************************************/ /* Columns */ .wp-block-columns { margin-bottom: 0; } .wp-block-columns .wp-block-column { margin-bottom: 3.2rem; } .wp-block-columns .wp-block-column:empty { margin-bottom: 0; } /* 781 and up */ /* Buttons */ #main .wp-block-buttons { margin-bottom: -0.8rem; } .wp-block-button__link { line-height: 1.4; font-size: inherit; padding: 1.2rem 3.2rem; min-height: 5rem; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-button__link, .content-area .bloglo-entry a.wp-block-button__link { text-decoration: none; border: 0.2rem solid; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { border-color: transparent !important; background-color: var(--bloglo-secondary) !important; color: var(--bloglo-white) !important; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } .alignwide { margin-right: -3rem; margin-left: -3rem; max-width: unset; width: unset; } .alignfull, .alignwide { max-width: unset; width: unset; } .alignfull, .alignwide, .wp-block-cover { margin-top: 3.2rem; margin-bottom: 3.2rem; } .has-medium-font-size { line-height: 1.5; } .has-huge-font-size, .has-large-font-size { line-height: 1.25; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: var(--bloglo-normal-radius); border: 0.1rem solid rgba(0, 0, 0, 0.12); } .wp-block-media-text { margin-top: 2rem; margin-bottom: 2rem; } .wp-block-media-text__content p:first-child { margin-top: 0; } .wp-block-media-text__content p:last-child { margin-bottom: 0; } .wp-block-media-text__content p.has-large-font-size { margin-bottom: 1.6rem; } /* Social links */ #page .wp-block-social-links { margin-top: 3.2rem; margin-bottom: 3.2rem; margin-left: 0; } #page .wp-block-social-links .wp-social-link a, #page .wp-block-social-links .wp-social-link a:hover { color: inherit; } /*****************************************/ /* Animations and keyframes /*****************************************/ @-webkit-keyframes slideToLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideToLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideToRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideToRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideFromLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideFromLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideFromRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideFromRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideFromRightToLeft { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideFromRightToLeft { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes ai_bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ai_bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bloglo-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes bloglo-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /*****************************************/ /* Button styles. /*****************************************/ #infinite-handle span, .bloglo-btn, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce #review_form #respond .form-submit input, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, body:not(.wp-customizer) input[type="submit"], input[type="reset"] { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; max-width: 100%; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-style: solid; -ms-flex-negative: 0; flex-shrink: 0; font-size: inherit; min-height: 5rem; padding: 1rem 3.2rem; } input[type="reset"] { background: var(--bloglo-secondary); color: #ffffff; border-color: var(--bloglo-secondary); } input[type="reset"]:hover, .using-keyboard input[type="reset"]:focus { border-color: var(--bloglo-primary); } /* max-width > 782px */ @media (max-width: 48.875em) { #infinite-handle span, .bloglo-btn, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce #review_form #respond .form-submit input, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, body:not(.wp-customizer) input[type="submit"], input[type="reset"] { padding: 0.99rem 2.3rem; min-height: 4.5rem; } } #infinite-handle span span, .bloglo-btn span, .site-main .woocommerce #respond input#submit span, .site-main .woocommerce a.button span, .site-main .woocommerce button.button span, .site-main .woocommerce input.button span, .woocommerce #review_form #respond .form-submit input span, .woocommerce div.product form.cart .button span, .woocommerce ul.products li.product .added_to_cart span, .woocommerce ul.products li.product .button span, body:not(.wp-customizer) input[type="submit"] span { z-index: 2; position: relative; } #infinite-handle span.disabled, #infinite-handle span:disabled, .bloglo-btn.disabled, .bloglo-btn:disabled, .site-main .woocommerce #respond input#submit.disabled, .site-main .woocommerce #respond input#submit:disabled, .site-main .woocommerce a.button.disabled, .site-main .woocommerce a.button:disabled, .site-main .woocommerce button.button.disabled, .site-main .woocommerce button.button:disabled, .site-main .woocommerce input.button.disabled, .site-main .woocommerce input.button:disabled, .woocommerce #review_form #respond .form-submit input.disabled, .woocommerce #review_form #respond .form-submit input:disabled, .woocommerce div.product form.cart .button.disabled, .woocommerce div.product form.cart .button:disabled, .woocommerce ul.products li.product .added_to_cart.disabled, .woocommerce ul.products li.product .added_to_cart:disabled, .woocommerce ul.products li.product .button.disabled, .woocommerce ul.products li.product .button:disabled, body:not(.wp-customizer) input[type="submit"].disabled, body:not(.wp-customizer) input[type="submit"]:disabled { cursor: not-allowed !important; } #infinite-handle span.disabled>span, #infinite-handle span.disabled>svg, #infinite-handle span:disabled>span, #infinite-handle span:disabled>svg, .bloglo-btn.disabled>span, .bloglo-btn.disabled>svg, .bloglo-btn:disabled>span, .bloglo-btn:disabled>svg, .site-main .woocommerce #respond input#submit.disabled>span, .site-main .woocommerce #respond input#submit.disabled>svg, .site-main .woocommerce #respond input#submit:disabled>span, .site-main .woocommerce #respond input#submit:disabled>svg, .site-main .woocommerce a.button.disabled>span, .site-main .woocommerce a.button.disabled>svg, .site-main .woocommerce a.button:disabled>span, .site-main .woocommerce a.button:disabled>svg, .site-main .woocommerce button.button.disabled>span, .site-main .woocommerce button.button.disabled>svg, .site-main .woocommerce button.button:disabled>span, .site-main .woocommerce button.button:disabled>svg, .site-main .woocommerce input.button.disabled>span, .site-main .woocommerce input.button.disabled>svg, .site-main .woocommerce input.button:disabled>span, .site-main .woocommerce input.button:disabled>svg, .woocommerce #review_form #respond .form-submit input.disabled>span, .woocommerce #review_form #respond .form-submit input.disabled>svg, .woocommerce #review_form #respond .form-submit input:disabled>span, .woocommerce #review_form #respond .form-submit input:disabled>svg, .woocommerce div.product form.cart .button.disabled>span, .woocommerce div.product form.cart .button.disabled>svg, .woocommerce div.product form.cart .button:disabled>span, .woocommerce div.product form.cart .button:disabled>svg, .woocommerce ul.products li.product .added_to_cart.disabled>span, .woocommerce ul.products li.product .added_to_cart.disabled>svg, .woocommerce ul.products li.product .added_to_cart:disabled>span, .woocommerce ul.products li.product .added_to_cart:disabled>svg, .woocommerce ul.products li.product .button.disabled>span, .woocommerce ul.products li.product .button.disabled>svg, .woocommerce ul.products li.product .button:disabled>span, .woocommerce ul.products li.product .button:disabled>svg, body:not(.wp-customizer) input[type="submit"].disabled>span, body:not(.wp-customizer) input[type="submit"].disabled>svg, body:not(.wp-customizer) input[type="submit"]:disabled>span, body:not(.wp-customizer) input[type="submit"]:disabled>svg, button.bloglo-btn:disabled { opacity: 0.5; } #secondary .woocommerce a.button, #secondary .woocommerce button.button, #secondary .woocommerce input.button, .btn-small, .site-main .woocommerce #respond input#submit, .site-main .woocommerce .shipping-calculator-form .button, .site-main .woocommerce .woocommerce-orders-table a.button, .site-main .woocommerce .woocommerce-Pagination a.button, .site-main .woocommerce .woocommerce-table a.button, .woocommerce #secondary .widget_price_filter .price_slider_amount .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button { font-size: 90% !important; min-height: 4rem; padding: 0.8rem 2.4rem; } #place_order, .btn-large { min-height: 5.7rem; font-size: 108% !important; } .btn-xlarge { font-size: 130% !important; min-height: 6.9rem; font-weight: 600; } .btn-fw { width: 100%; text-align: center; } .btn-large-radius { border-radius: 5rem; } .btn-left-icon, .btn-right-icon { position: relative; } .btn-left-icon>svg, .btn-right-icon>svg { height: 1.76rem; } .btn-left-icon.btn-reveal>svg, .btn-right-icon.btn-reveal>svg { -webkit-transition: opacity 0.1s ease, -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.1s ease, -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.1s ease; transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.1s ease, -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .btn-left-icon.btn-reveal>span, .btn-right-icon.btn-reveal>span { -webkit-transition: padding 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: padding 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: padding, margin; } .btn-left-icon.btn-svg>svg, .btn-right-icon.btn-svg>svg { height: 1.6rem !important; width: auto !important; vertical-align: middle; fill: currentColor; } .btn-left-icon>svg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 1.04em; margin-left: -1.04em; } .btn-left-icon>span { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .btn-left-icon.btn-reveal>svg { left: 0.8em; -webkit-transform: translate3d(1rem, -50%, 0); transform: translate3d(1rem, -50%, 0); margin-left: 0; margin-right: 0; } .btn-left-icon.btn-reveal:hover>span { padding-left: 1.6rem; margin-right: -1.6rem; } .btn-left-icon.btn-reveal:hover>svg { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .btn-right-icon>svg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 10.4rem; margin-right: -10.4rem; } .btn-right-icon.btn-reveal>svg { right: 1.28rem; -webkit-transform: translate3d(-1rem, -50%, 0); transform: translate3d(-1rem, -50%, 0); margin-left: 0; margin-right: 0; } .btn-right-icon.btn-reveal:hover>span { padding-right: 1.6rem; margin-left: -1.6rem; } .btn-right-icon.btn-reveal:hover>svg { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .bloglo-btn.btn-white { background: var(--bloglo-white); border-color: var(--bloglo-white); color: var(--bloglo-secondary); } .bloglo-btn.btn-white:hover, .bloglo-btn.btn-white:focus, .using-keyboard .bloglo-btn.btn-white:focus { color: var(--bloglo-primary); background: var(--bloglo-white); } .bloglo-btn.btn-white.btn-outline { border-color: var(--bloglo-white); color: var(--bloglo-white); } .bloglo-btn.btn-white.btn-outline:hover, .using-keyboard .bloglo-btn.btn-white.btn-outline:focus { background: var(--bloglo-white); color: var(--bloglo-secondary); } .bloglo-btn.btn-outline, .bloglo-btn.btn-secondary.btn-outline { background-color: transparent; } .bloglo-btn.btn-secondary.btn-outline { border-color: var(--bloglo-secondary); color: var(--bloglo-secondary); } .bloglo-btn.btn-secondary.btn-outline:hover, .using-keyboard .bloglo-btn.btn-secondary.btn-outline:focus { background: var(--bloglo-secondary); color: #ffffff; } .bloglo-btn.btn-with-shadow { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .bloglo-btn.btn-with-shadow:hover { -webkit-box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.175); -webkit-transform: translateY(-0.2rem); -ms-transform: translateY(-0.2rem); transform: translateY(-0.2rem); } .bloglo-btn.btn-text-1 { padding: 0 !important; min-height: 0; height: auto; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; font-weight: 500; } .bloglo-btn.btn-text-1 span { padding: 0; } .bloglo-btn.btn-text-1 span:before { content: ""; position: absolute; bottom: -0.1rem; left: 0; width: 100%; height: 0.1rem; border-radius: 0; } .bloglo-btn.btn-text-1 span:before { background: currentColor; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: scale; z-index: 1; } .bloglo-btn.btn-text-1:hover>span:before, .using-keyboard .bloglo-btn.btn-text-1:focus-within>span:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .bloglo-btn.btn-text-1.btn-left-icon>span, .bloglo-btn.btn-text-1.btn-right-icon>span { padding-left: 0 !important; padding-right: 0 !important; } /*****************************************/ /* Form Styles /*****************************************/ #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, input[type=date], input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea { font-size: inherit; font-weight: 400; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border: 0.2rem solid rgba(190, 190, 190, 0.3); background-color: var(--bloglo-white); padding: 0.9rem 1.6rem; color: #66717f; width: 100%; border-radius: var(--bloglo-normal-radius); line-height: 1 !important; min-height: 5rem; } #add_payment_method table.cart td.actions .coupon .input-text:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce-checkout table.cart td.actions .coupon .input-text:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus { color: var(--bloglo-black); } #add_payment_method table.cart td.actions .coupon .input-text.bloglo-invalid, .woocommerce-cart table.cart td.actions .coupon .input-text.bloglo-invalid, .woocommerce-checkout table.cart td.actions .coupon .input-text.bloglo-invalid, input[type="date"].bloglo-invalid, input[type="email"].bloglo-invalid, input[type="password"].bloglo-invalid, input[type="search"].bloglo-invalid, input[type="tel"].bloglo-invalid, input[type="text"].bloglo-invalid, input[type="url"].bloglo-invalid, textarea.bloglo-invalid { border-color: #f33; } fieldset { border: 0.1rem solid rgba(190, 190, 190, 0.3); margin: 2.4rem 0.2rem; padding: 1rem 2.5rem 2rem; border-radius: var(--bloglo-normal-radius); } fieldset legend+p { margin-top: 0; } fieldset p:last-child { margin-bottom: 0; } legend { font-size: inherit; display: table; max-width: 100%; padding-left: 1.6rem; padding-right: 1.6rem; white-space: normal; font-weight: 400; } .select2-container .select2-selection--single { height: 4.5rem; border: 0.2rem solid rgba(190, 190, 190, 0.3); border-radius: var(--bloglo-normal-radius); margin-bottom: 0.2rem; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 4.4rem; color: #66717f; padding-left: 1.5rem; padding-right: 3rem; } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 3rem; height: 4.5rem; } .select2-container--default .select2-search--dropdown { padding: 1rem 1rem 0.5rem 1rem; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 0.8rem 1.6rem; border-color: rgba(190, 190, 190, 0.3); border-radius: var(--bloglo-normal-radius); background-color: rgba(190, 190, 190, 0.2); } .select2-container--default .select2-results>.select2-results__options { padding-bottom: 1rem; } .select2-container--default .select2-results__option[data-selected="true"] { background-color: rgba(190, 190, 190, 0.2); } .select2-dropdown { border-color: rgba(190, 190, 190, 0.3); border-width: 0.2rem; border-radius: var(--bloglo-normal-radius); top: -0.2rem; } .select2-container--open .select2-dropdown { -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15); box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15); } .select2-results__option { padding: 0.6rem 1.5rem; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; margin: 0 1rem; border-radius: var(--bloglo-normal-radius); } label { display: inline-block; font-weight: 600; /*margin-bottom: 3rem;*/ } .nsu-checkbox label, input[type="checkbox"]+label, input[type="radio"]+label { display: inline; margin-bottom: 0; font-weight: 400; } textarea { line-height: 1.5 !important; min-height: 18.72rem; max-height: 60rem; } select { line-height: 1.2; height: 4.5rem; padding: 1rem 1.8rem; background: none; border: 0.2rem solid rgba(190, 190, 190, 0.3); -o-border-image: initial; border-image: initial; border-radius: var(--bloglo-normal-radius); font-size: inherit; color: inherit; font-family: inherit; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1em; } select:focus { outline: none; } [data-theme="dark"] select { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-color: var(--bloglo-white); color: var(--bloglo-secondary); } input:-webkit-autofill { animation-name: autofill; -webkit-animation-name: autofill; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .bloglo-input-supported input[type="checkbox"], .bloglo-input-supported input[type="radio"] { position: relative; border: 0.2rem solid currentColor; border-radius: var(--bloglo-normal-radius); background: none; clear: none; cursor: pointer; display: inline-block !important; line-height: 0; margin: 0 0.96em 0 0; outline: 0; padding: 0 !important; text-align: center; vertical-align: text-top; height: 2rem; width: 2rem; min-width: 2rem; -webkit-appearance: none; -moz-appearance: none; opacity: 0.5; } .bloglo-input-supported input[type="checkbox"]+label, .bloglo-input-supported input[type="radio"]+label { cursor: pointer; font-weight: 400; font-size: 1.5rem; } .bloglo-input-supported input[type="checkbox"]:not([id^='wpforms-']):before, .bloglo-input-supported input[type="radio"]:not([id^='wpforms-']):before { content: ""; opacity: 0; position: absolute; } .bloglo-input-supported input[type="checkbox"]:checked, .bloglo-input-supported input[type="checkbox"]:checked:before, .bloglo-input-supported input[type="checkbox"]:focus, .bloglo-input-supported input[type="checkbox"]:hover, .bloglo-input-supported input[type="radio"]:checked, .bloglo-input-supported input[type="radio"]:checked:before, .bloglo-input-supported input[type="radio"]:focus, .bloglo-input-supported input[type="radio"]:hover { opacity: 1; } .bloglo-input-supported input[type="checkbox"] { -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; } .bloglo-input-supported input[type="checkbox"]:not([id^='wpforms-']):before { left: 0.6rem; top: 0.2rem; width: 0.5rem; height: 1rem; border: solid var(--bloglo-white); border-width: 0 0.2rem 0.2rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 2; } .bloglo-input-supported input[type="checkbox"]:focus, .bloglo-input-supported input[type="checkbox"]:hover { -webkit-box-shadow: inset 0 0 0 0.2rem; box-shadow: inset 0 0 0 0.2rem; } .bloglo-input-supported input[type="checkbox"]:not([id^='wpforms-']):checked { opacity: 1; -webkit-box-shadow: none !important; box-shadow: none !important; } .bloglo-input-supported input[type="checkbox"]:not([id^='wpforms-']):checked:before { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .bloglo-input-supported input[type="radio"] { border-radius: 50%; } .bloglo-input-supported input[type="radio"]:not([id^='wpforms-']):before { width: 1rem; height: 1rem; top: 50%; left: 0.3rem; margin-top: -0.5rem; border-radius: 50%; } .bloglo-input-supported .comment-subscription-form #subscribe_blog, .bloglo-input-supported .comment-subscription-form #subscribe_comments { -webkit-appearance: none !important; -moz-appearance: none !important; } .bloglo-input-supported .comment-form-cookies-consent { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*****************************************/ /* Social links styles. /*****************************************/ .bloglo-social-nav { -ms-flex-align: center; align-items: center; } .bloglo-social-nav, .bloglo-social-nav>ul { height: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .bloglo-social-nav>ul { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .bloglo-social-nav>ul>li { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; } .bloglo-social-nav>ul>li:last-child>a { margin-right: 0; } .bloglo-social-nav>ul>li>a { display: block; margin-right: 1.6rem; } .bloglo-social-nav>ul>li>a>span:not(.screen-reader-text) { display: block; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; color: inherit; font-weight: 400; overflow-y: hidden; -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .bloglo-social-nav>ul>li>a .bloglo-icon { padding-left: 0.2rem; padding-right: 0.2rem; } .bloglo-social-nav>ul>li>a:before { display: none !important; } .bloglo-social-nav>ul>li>a:hover .bloglo-icon, .bloglo-social-nav>ul>li>a:focus-within .bloglo-icon { -webkit-transform: translateY(-225%); -ms-transform: translateY(-225%); transform: translateY(-225%); } .bloglo-social-nav>ul>li>a:hover .bloglo-icon.bottom-icon, .bloglo-social-nav>ul>li>a:focus-within .bloglo-icon.bottom-icon { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bloglo-social-nav>ul>li>a .bloglo-icon { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.22s; transition: -webkit-transform 0.22s; transition: transform 0.22s; transition: transform 0.22s, -webkit-transform 0.22s; opacity: 1; will-change: transform; } .bloglo-social-nav>ul>li>a .bloglo-icon.bottom-icon { position: absolute; -webkit-transform: translate3d(0, 225%, 0); transform: translate3d(0, 225%, 0); } .bloglo-social-nav>ul>li>a span { position: relative; } .bloglo-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloglo-social-nav.rounded>ul>li>a>span:not(.screen-reader-text) { margin-right: 0.8rem; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; padding: 0; } .bloglo-social-nav.rounded-fill>ul>li>a .bloglo-icon, .bloglo-social-nav.rounded>ul>li>a .bloglo-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-social-nav.rounded-fill>ul>li>a, .bloglo-social-nav.rounded>ul>li>a, .bloglo-social-nav.rounded-fill>ul>li:last-child>a, .bloglo-social-nav.rounded>ul>li:last-child>a { margin-right: 0; } .bloglo-social-nav>ul>li>a .bloglo-icon { height: 1.6rem; } .bloglo-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloglo-social-nav.rounded>ul>li>a>span:not(.screen-reader-text) { width: 3.6rem; height: 3.6rem; } .bloglo-social-nav.bloglo-small>ul>li>a .bloglo-icon { height: 1.4rem; } .bloglo-social-nav.bloglo-small.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloglo-social-nav.bloglo-small.rounded>ul>li>a>span:not(.screen-reader-text) { width: 3.2rem; height: 3.2rem; } .bloglo-social-nav.bloglo-large>ul>li>a .bloglo-icon { height: 2rem; } .bloglo-social-nav.bloglo-large.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloglo-social-nav.bloglo-large.rounded>ul>li>a>span:not(.screen-reader-text) { width: 4.4rem; height: 4.4rem; } .bloglo-social-nav.bloglo-xlarge>ul>li>a .bloglo-icon { height: 2.8rem; } .bloglo-social-nav.bloglo-xlarge.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloglo-social-nav.bloglo-xlarge.rounded>ul>li>a>span:not(.screen-reader-text) { width: 5.1rem; height: 5.1rem; } .bloglo-social-nav.minimal-fill>ul>li>a>span.dribbble { color: #d97aa6; } .bloglo-social-nav.minimal-fill>ul>li>a>span.facebook { color: #175beb; } .bloglo-social-nav.minimal-fill>ul>li>a>span.stackoverflow { color: #e77b23; } .bloglo-social-nav.minimal-fill>ul>li>a>span.github { color: #0d1117; } .bloglo-social-nav.minimal-fill>ul>li>a>span.twitter { color: #000000; } .bloglo-social-nav.minimal-fill>ul>li>a>span.instagram { color: #ef00a2; } .bloglo-social-nav.minimal-fill>ul>li>a>span.linkedin { color: #0077b5; } .bloglo-social-nav.minimal-fill>ul>li>a>span.pinterest { color: #ee3e52; } .bloglo-social-nav.minimal-fill>ul>li>a>span.tumblr { color: #5f7990; } .bloglo-social-nav.minimal-fill>ul>li>a>span.youtube { color: #fb5555; } .bloglo-social-nav.minimal-fill>ul>li>a>span.flickr { color: #ef3998; } .bloglo-social-nav.minimal-fill>ul>li>a>span.twitch { color: #8551e6; } .bloglo-social-nav.minimal-fill>ul>li>a>span.vk { color: #6299dc; } .bloglo-social-nav.minimal-fill>ul>li>a>span.telegram { color: #08c; } .bloglo-social-nav.minimal-fill>ul>li>a>span.discord { color: #5865f2; } .bloglo-social-nav.minimal-fill>ul>li>a>span.wechat { color: #09B83E; } .bloglo-social-nav.minimal-fill>ul>li>a>span.qq { color: #09f; } .bloglo-social-nav.minimal-fill>ul>li>a>span.bilibili { color: #06B6F2; } .bloglo-social-nav.minimal-fill>ul>li>a>span.threads { color: #101010; } .bloglo-social-nav.minimal-fill>ul>li>a>span.rss { color: #f59f23; } .bloglo-social-nav.minimal-fill>ul>li>a>span.tiktok { color: #010101; } .bloglo-social-nav.minimal-fill>ul>li>a>span.linktree { color: #4ae767; } .bloglo-social-nav.minimal-fill>ul>li>a>span.rumble { color: #85c742; } .bloglo-social-nav.minimal-fill>ul>li>a>span.mastodon { color: #6364ff; } .bloglo-social-nav.minimal-fill>ul>li>a>span.bluesky { color: #1185fe; } .bloglo-social-nav.minimal-fill>ul>li>a>span.gemspace { color: #FF4545; } .bloglo-social-nav.minimal-fill>ul>li>a>span.lifegroupchat { color: #E76F0E; } .bloglo-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text) { margin-right: 0.8rem; border-radius: 50%; padding: 0; } .bloglo-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloglo-social-nav.rounded-fill>ul>li>a .bloglo-icon.bottom-icon { color: #fff; } .bloglo-social-nav.rounded-fill>ul>li>a>span.dribbble { background-color: #d97aa6; } .bloglo-social-nav.rounded-fill>ul>li>a>span.facebook { background-color: #175beb; } .bloglo-social-nav.rounded-fill>ul>li>a>span.stackoverflow { background-color: #e77b23; } .bloglo-social-nav.rounded-fill>ul>li>a>span.github { background-color: #0d1117; outline: 1px solid rgba(190, 190, 190, 0.3); } .bloglo-social-nav.rounded-fill>ul>li>a>span.twitter { background-color: #000000; outline: 1px solid rgba(190, 190, 190, 0.3); } .bloglo-social-nav.rounded-fill>ul>li>a>span.instagram { background-color: #ef00a2; } .bloglo-social-nav.rounded-fill>ul>li>a>span.linkedin { background-color: #0077b5; } .bloglo-social-nav.rounded-fill>ul>li>a>span.pinterest { background-color: #ee3e52; } .bloglo-social-nav.rounded-fill>ul>li>a>span.tumblr { background-color: #5f7990; } .bloglo-social-nav.rounded-fill>ul>li>a>span.youtube { background-color: #fb5555; } .bloglo-social-nav.rounded-fill>ul>li>a>span.flickr { background-color: #ef3998; } .bloglo-social-nav.rounded-fill>ul>li>a>span.twitch { background-color: #8551e6; } .bloglo-social-nav.rounded-fill>ul>li>a>span.vk { background-color: #6299dc; } .bloglo-social-nav.rounded-fill>ul>li>a>span.telegram { background-color: #08c; } .bloglo-social-nav.rounded-fill>ul>li>a>span.discord { background-color: #5865f2; } .bloglo-social-nav.rounded-fill>ul>li>a>span.wechat { background-color: #09B83E; } .bloglo-social-nav.rounded-fill>ul>li>a>span.qq { background-color: #09f; } .bloglo-social-nav.rounded-fill>ul>li>a>span.bilibili { background-color: #06B6F2; } .bloglo-social-nav.rounded-fill>ul>li>a>span.threads { background-color: #101010; outline: 1px solid rgba(190, 190, 190, 0.3); } .bloglo-social-nav.rounded-fill>ul>li>a>span.rss { background-color: #f59f23; } .bloglo-social-nav.rounded-fill>ul>li>a>span.tiktok { background-color: #010101; outline: 1px solid rgba(190, 190, 190, 0.3); } .bloglo-social-nav.rounded-fill>ul>li>a>span.linktree { background-color: #4ae767; } .bloglo-social-nav.rounded-fill>ul>li>a>span.rumble { background-color: #85c742; } .bloglo-social-nav.rounded-fill>ul>li>a>span.mastodon { background-color: #6364ff; } .bloglo-social-nav.rounded-fill>ul>li>a>span.bluesky { background-color: #1185fe; } .bloglo-social-nav.rounded-fill>ul>li>a>span.gemspace { background-color: #FF4545; } .bloglo-social-nav.rounded-fill>ul>li>a>span.lifegroupchat { background-color: #E76F0E; } /*****************************************/ /* Topbar layout styles /*****************************************/ #bloglo-topbar { border-style: solid; border-left: none; border-right: none; border-width: 0; font-size: 1.3rem; z-index: 6; } #bloglo-topbar, #bloglo-topbar>.bloglo-container { position: relative; } #bloglo-topbar>.bloglo-container>.bloglo-flex-row { position: relative; margin-top: 0; margin-bottom: 0; min-height: 5rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #bloglo-topbar>.bloglo-container>.bloglo-flex-row>div { width: auto; max-width: 100%; } #bloglo-topbar>.bloglo-container>.bloglo-flex-row>div:empty { display: none; } #bloglo-topbar .bloglo-topbar-left, #bloglo-topbar .bloglo-topbar-right { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } #bloglo-topbar .bloglo-topbar-right { margin-left: auto; } #bloglo-topbar .bloglo-topbar-right .bloglo-topbar-widget:first-child { margin-left: 0; } #bloglo-topbar .bloglo-topbar-widget { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 1rem; padding-right: 1rem; position: relative; z-index: 5; } #bloglo-topbar .bloglo-topbar-widget:first-child { padding-left: 0; border-left: 0; } #bloglo-topbar .bloglo-topbar-widget:last-child { padding-right: 0; border-right: 0 !important; } #bloglo-topbar .bloglo-topbar-widget:last-child:after { display: none !important; } #bloglo-topbar .bloglo-topbar-widget__text .bloglo-icon { margin: 0 0.7rem 0 0; height: 1.84rem; position: relative; vertical-align: middle; } #bloglo-topbar .bloglo-social-nav>ul>li>a .bloglo-icon { height: 1.4rem; } .bloglo-topbar__separators-regular #bloglo-topbar .bloglo-topbar-widget:after, .bloglo-topbar__separators-slanted #bloglo-topbar .bloglo-topbar-widget:after { content: ""; width: 0.1rem; height: 1.6rem; display: inline-block; position: relative; right: -0.5rem; margin: -1.6rem 0 -1.6rem 1rem; } .bloglo-topbar__separators-slanted #bloglo-topbar .bloglo-topbar-widget:after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .bloglo-topbar__separators-slanted #bloglo-topbar .bloglo-topbar-widget.bloglo-topbar-widget__socials { padding-left: 0.5rem; } .bloglo-topbar-widget:after { background-color: rgba(190, 190, 190, 0.3); } /*****************************************/ /* Header layout styles /*****************************************/ #bloglo-header { position: relative; } #bloglo-header-inner { border-style: solid; border-left: none; border-right: none; border-width: 0; } #bloglo-header-inner:after { content: ""; } #bloglo-header-inner>.bloglo-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #bloglo-header-inner .bloglo-widget-wrapper { position: relative; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloglo-header-element:not(.bloglo-mobile-nav) { position: relative; } .bloglo-header-element { z-index: 99; } .bloglo-header-element>.bloglo-header-widget:first-child { margin-left: 1.8rem; } .bloglo-header-element.bloglo-header-widgets { z-index: 5; } .bloglo-header-element:empty, .bloglo-header-element:first-child { margin-left: 0; } /*****************************************/ /* Sticky Header /*****************************************/ .bloglo-sticky-header.bloglo-tsp-header #bloglo-header, .bloglo-sticky-header.bloglo-tsp-header .bloglo-header-widgets a:not(.bloglo-btn), .bloglo-sticky-header.bloglo-tsp-header .bloglo-logo a, .bloglo-sticky-header.bloglo-tsp-header .bloglo-hamburger, .bloglo-sticky-header.bloglo-tsp-header #bloglo-header-inner .bloglo-nav>ul>li>a { color: inherit; } .bloglo-sticky-header.bloglo-tsp-header .bloglo-header-widgets a:not(.bloglo-btn):hover, .bloglo-sticky-header.bloglo-tsp-header .bloglo-logo a:hover, .bloglo-sticky-header.bloglo-tsp-header .bloglo-hamburger:hover, .bloglo-sticky-header.bloglo-tsp-header #bloglo-header-inner .bloglo-nav>ul>li.hovered>a, .bloglo-sticky-header.bloglo-tsp-header #bloglo-header-inner .bloglo-nav>ul>li.current_page_item>a, .bloglo-sticky-header.bloglo-tsp-header #bloglo-header-inner .bloglo-nav>ul>li>a:hover { color: var(--bloglo-primary); } .bloglo-sticky-header.bloglo-is-mobile #bloglo-header-inner, .bloglo-sticky-header:not(.bloglo-header-layout-3, .bloglo-header-layout-4) #bloglo-header-inner, .bloglo-sticky-header:not(.bloglo-is-mobile).bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav-container>.bloglo-container, .bloglo-sticky-header:not(.bloglo-is-mobile).bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav-container>.bloglo-container { position: fixed; left: 0; right: 0; top: 0; z-index: 999; margin: 0 auto; background-color: var(--bloglo-white); -webkit-box-shadow: 0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08); -webkit-animation: 1s ease-in-out normal none 1 running fadeInDown; animation: 1s ease-in-out normal none 1 running fadeInDown; } .bloglo-sticky-header.bloglo-header-layout-4:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav-container>.bloglo-container, .bloglo-sticky-header.bloglo-header-layout-3:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav-container>.bloglo-container { background-color: inherit; border: inherit; } .bloglo-sticky-header.bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav-container>.bloglo-container, .bloglo-sticky-header.bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav-container>.bloglo-container { max-width: 100%; } .bloglo-sticky-header.admin-bar.bloglo-is-mobile #bloglo-header-inner, .bloglo-sticky-header.admin-bar:not(.bloglo-header-layout-3, .bloglo-header-layout-4) #bloglo-header-inner, .bloglo-sticky-header.admin-bar:not(.bloglo-is-mobile).bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav-container>.bloglo-container, .bloglo-sticky-header.admin-bar:not(.bloglo-is-mobile).bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav-container>.bloglo-container { top: 32px; } /*****************************************/ /* Header Widgets /*****************************************/ .bloglo-header-widgets .bloglo-header-widget .bloglo-darkmode input { display: none !important; } .bloglo-header-widgets .bloglo-header-widget .bloglo-darkmode input::before { opacity: 0; visibility: hidden; } .bloglo-header-widgets .bloglo-header-widget .bloglo-darkmode .bloglo-darkmode-toogle { --size: 1.8rem; appearance: none; outline: none; cursor: pointer; width: var(--size); height: var(--size); box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; border-radius: 100rem; color: var(--bloglo-secondary); border: none; margin: 0 0 1px; min-width: unset; opacity: 1; vertical-align: middle; -webkit-transition: all 500ms; transition: all 500ms; } html[data-theme="dark"] .bloglo-header-widgets .bloglo-header-widget .bloglo-darkmode .bloglo-darkmode-toogle { --size: 1.375em; --ray-size: calc(var(--size) * -0.4); --offset-orthogonal: calc(var(--size) * 0.65); --offset-diagonal: calc(var(--size) * 0.45); transform: scale(0.75); color: var(--bloglo-primary); box-shadow: inset 0 0 0 var(--size), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), var(--offset-orthogonal) 0 0 var(--ray-size), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), 0 var(--offset-orthogonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size) !important; } .bloglo-header-widgets .bloglo-header-widget .bloglo-darkmode input:hover+.bloglo-darkmode-toogle { color: var(--bloglo-primary); } .bloglo-header-widgets a:not(.bloglo-btn) { color: inherit; } .bloglo-header-widgets .bloglo-header-widget { height: 100%; max-height: 9rem; position: relative; padding-left: 0.8rem; padding-right: 0.8rem; } .bloglo-header-widgets .bloglo-header-widget.bloglo-header-widget__button { padding-left: 1.6rem; padding-right: 1.6rem; } .bloglo-header-widgets .bloglo-header-widget.dropdown-visible .dropdown-item:not(.bloglo-search-container), .bloglo-header-widgets .bloglo-header-widget .bloglo-widget-wrapper.dropdown-visible .dropdown-item, .bloglo-header-widgets .bloglo-header-widget>.bloglo-widget-wrapper:hover .dropdown-item:not(.bloglo-search-container) { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; pointer-events: auto; } .bloglo-header-widgets .bloglo-header-widget:not(.bloglo-header-widget__button, .bloglo-header-widget__socials) .bloglo-icon { height: 2.057rem; width: auto; } .bloglo-header-widgets .bloglo-header-widget:not(.bloglo-header-widget__button, .bloglo-header-widget__socials) .bloglo-icon path { fill: currentColor; fill-rule: evenodd; } body header.site-header div:not(.bloglo-header-widget__button) .bloglo-empty-cart svg.bloglo-icon { width: 100%; height: 8rem; clear: both; } .bloglo-header-widgets .bloglo-cart, .bloglo-header-widgets .bloglo-search { position: relative; } .bloglo-header-widgets .bloglo-cart .bloglo-cart-count { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -webkit-box-sizing: content-box; box-sizing: content-box; font-size: 1.1rem; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 1.9rem; width: 1.9rem; margin-left: -0.6rem; margin-right: -0.6rem; margin-top: -1.5rem; border-radius: 50%; position: relative; line-height: 1; color: var(--bloglo-white); font-weight: 500; letter-spacing: 0; } .bloglo-header-widgets .dropdown-item { width: 28rem; background-color: var(--bloglo-white); -webkit-box-shadow: 0 1rem 3.5rem -0.3rem rgba(0, 0, 0, 0.12); box-shadow: 0 1rem 3.5rem -0.3rem rgba(0, 0, 0, 0.12); border-radius: 0 0 0.3rem 0.3rem; border: 0.1rem solid rgba(190, 190, 190, 0.3); border-top-width: 0.2rem; } .bloglo-header-widgets .dropdown-item:not(.bloglo-search-container) { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; -webkit-transform: translateY(0.5rem); -ms-transform: translateY(0.5rem); transform: translateY(0.5rem); z-index: 9991; pointer-events: none; } .bloglo-header-widgets .dropdown-item:not(.bloglo-search-container):hover { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; } .bloglo-header-widget:after { width: 0.1rem; height: 1.6rem; background-color: rgba(190, 190, 190, 0.3); display: inline-block; position: relative; right: -0.5rem; margin: -1.6rem 0 -1.6rem 1rem; } .bloglo-header__separators-regular .bloglo-header-widget, .bloglo-header__separators-slanted .bloglo-header-widget { padding-left: 1rem; padding-right: 1rem; } .bloglo-header__separators-regular .bloglo-header-widget:after, .bloglo-header__separators-slanted .bloglo-header-widget:after { content: ""; } .bloglo-header__separators-slanted .bloglo-header-widget:after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .bloglo-header__separators-slanted .bloglo-header-widget.bloglo-topbar-widget__socials { padding-left: 0.5rem; } .bloglo-header-layout-3 .bloglo-widget-location-left .dropdown-item { right: auto; left: -0.7rem; } .bloglo-header-layout-3 .bloglo-widget-location-left .dropdown-item:after { right: auto; left: 1.6rem; } /*****************************************/ /* Header layouts /*****************************************/ .bloglo-header-layout-1 .bloglo-logo, .bloglo-header-layout-2 .bloglo-logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-header-layout-1 .bloglo-header-widget:last-of-type, .bloglo-header-layout-2 .bloglo-header-widget:last-of-type { padding-right: 0; } .bloglo-header-layout-1 .bloglo-header-widget:last-of-type:after, .bloglo-header-layout-2 .bloglo-header-widget:last-of-type:after { display: none; } .bloglo-header-layout-1 .bloglo-header-container .bloglo-logo { margin-right: auto; } .bloglo-header-layout-1 .bloglo-header-container .bloglo-nav { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bloglo-header-layout-1 .bloglo-header-container .bloglo-nav>ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /*****************************************/ /* Header layout 2 /*****************************************/ .bloglo-header-layout-2 .bloglo-header-container .bloglo-logo { margin-right: 3.2rem; } .bloglo-header-layout-2 .bloglo-header-container .bloglo-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bloglo-header-layout-2 .bloglo-header-container .bloglo-header-widgets { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloglo-header-layout-2 .bloglo-header-container .bloglo-header-widgets:last-child { margin-right: 0; } .bloglo-header-layout-2.bloglo-is-mobile .bloglo-header-container .bloglo-header-widgets { margin-left: 0; } .bloglo-header-layout-2.bloglo-is-mobile .bloglo-header-container .bloglo-logo { margin-right: auto; } /*****************************************/ /* Header layout 3 /*****************************************/ .bloglo-header-layout-3 .bloglo-header-widget__cart .dropdown-item { right: -1.4rem; } .bloglo-header-layout-3 .bloglo-logo-container>.bloglo-container, .bloglo-header-layout-3 .bloglo-nav-container>.bloglo-container { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav>ul>li>a { padding-top: 1.4rem; padding-bottom: 1.4rem; } .bloglo-header-layout-3 .bloglo-logo-container>.bloglo-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-header-element { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-logo>.logo-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-left .bloglo-header-widget:first-child { padding-left: 0; margin-left: 0; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-left .bloglo-header-widget:last-of-type { padding-right: 0; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-left .bloglo-header-widget:last-of-type:after { display: none; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-right .bloglo-header-widget:last-of-type { padding-right: 0; } .bloglo-header-layout-3 .bloglo-logo-container .bloglo-widget-location-right .bloglo-header-widget:last-of-type:after { display: none; } .bloglo-header-layout-3 .bloglo-mobile-nav, .bloglo-header-layout-3 .bloglo-widget-wrapper { padding-top: 1.6rem; padding-bottom: 1.6rem; } .bloglo-header-layout-3 .bloglo-nav-container { position: relative; z-index: 3; border-width: 0; margin-bottom: -0.1rem; } /*****************************************/ /* Header layout 4 /*****************************************/ .bloglo-header-layout-4 .bloglo-header-widgets .bloglo-header-widget { max-height: none; } .bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav>ul, .bloglo-header-layout-4 .bloglo-header-widgets .bloglo-header-widget { min-height: 6.2rem; } .bloglo-header-layout-4 .bloglo-logo-container .bloglo-logo>.logo-inner, .bloglo-header-layout-4 .bloglo-logo-container>.bloglo-container, .bloglo-header-layout-4 .bloglo-nav-container>.bloglo-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloglo-header-layout-4 .bloglo-logo-container .bloglo-logo>.logo-inner { flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .bloglo-header-layout-4 .bloglo-logo-container .bloglo-logo>.logo-inner .site-description { font-size: 90%; } .bloglo-header-layout-4 .bloglo-widget-location-left .dropdown-item { right: auto; left: -0.7rem; } .bloglo-header-layout-4 .bloglo-widget-location-left .dropdown-item:after { right: auto; left: 1.6rem; } .bloglo-header-layout-4 .bloglo-header-widget__cart .dropdown-item { right: -1.4rem; } .bloglo-header-layout-4 .bloglo-logo-container .bloglo-logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; } .bloglo-header-layout-4 .bloglo-header-widget:last-of-type { padding-right: 0; } .bloglo-header-layout-4 .bloglo-logo-container .bloglo-widget-location-right:not(.bloglo-header-widgets-two), .bloglo-header-layout-4 .bloglo-header-widget:last-of-type:after { display: none; } .bloglo-header-layout-4 .bloglo-mobile-nav, .bloglo-header-layout-4 .bloglo-widget-wrapper, .bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav>ul>li>a { padding-top: 1rem; padding-bottom: 1rem; } .bloglo-header-layout-4 .bloglo-nav-container>.bloglo-container { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav>ul>li { margin-left: 1.6rem; } .bloglo-header-layout-4 .bloglo-nav-container { position: relative; z-index: 3; border-width: 0; margin-bottom: -0.1rem; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-header-element { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-nav { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-nav>ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-left .bloglo-header-widget:first-child { padding-left: 0; margin-left: 0; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-left .bloglo-header-widget:last-of-type { padding-right: 0; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-left .bloglo-header-widget:last-of-type:after { display: none; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-right .bloglo-header-widget:last-of-type { padding-right: 0; } .bloglo-header-layout-4 .bloglo-nav-container .bloglo-widget-location-right .bloglo-header-widget:last-of-type:after { display: none; } .page-header { position: relative; border-width: 0; } .page-header:empty { display: none; } .page-header>.bloglo-container>div, .page-header>.bloglo-container>nav { z-index: 2; } .page-header.bloglo-has-breadcrumbs.bloglo-align-left .bloglo-page-header-wrapper { padding-right: 3rem; } .page-header.bloglo-has-breadcrumbs.bloglo-align-right .bloglo-page-header-wrapper { padding-left: 3rem; } .page-header .bloglo-page-header-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .page-header .bloglo-page-header-description { font-size: 1.707rem; margin: 0; margin-top: 0.8rem; } .page-header h1.page-title, .page-header .page-title { margin: 0; } .page-header:after { content: ""; pointer-events: none; } .bloglo-page-title-align-left .page-header.bloglo-has-page-title .bloglo-page-header-wrapper { margin-right: auto; } .bloglo-page-title-align-right .page-header.bloglo-has-page-title .bloglo-page-header-wrapper { margin-left: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .bloglo-page-title-align-right .page-header.bloglo-has-page-title .bloglo-breadcrumbs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .bloglo-page-title-align-center .page-header.bloglo-has-page-title>.bloglo-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bloglo-page-title-align-center .page-header.bloglo-has-page-title>.bloglo-container .bloglo-page-header-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .bloglo-page-title-align-center .page-header.bloglo-has-page-title>.bloglo-container .bloglo-breadcrumbs { text-align: center; width: 100%; } /*****************************************/ /* Transparent header layout styles /*****************************************/ .bloglo-tsp-header #bloglo-header-inner, .bloglo-tsp-header .page-header { background: none; background-color: rgba(0, 0, 0, 0); } .bloglo-tsp-header .site-header { position: relative; } .bloglo-tsp-header #bloglo-header-inner { -webkit-box-shadow: none; box-shadow: none; } .bloglo-tsp-header .page-header { position: relative; z-index: 1; } .bloglo-tsp-header.bloglo-single-title-in-page-header .page-header.bloglo-page-title-has-bg-img:after { background: none; } .bloglo-tsp-header.bloglo-single-title-in-page-header #masthead:before { content: ""; pointer-events: none; background-color: #232323; opacity: 0.65; } .bloglo-tsp-absolute .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 99; background-color: transparent; } /*****************************************/ /* Fullwidth section /*****************************************/ body:not(.bloglo-layout__boxed) .bloglo_section_extra .alignfull, body:not(.bloglo-layout__boxed) .bloglo_section_extra .bloglo-fw-section, body:not(.bloglo-layout__boxed).bloglo-no-sidebar .entry-content .alignfull, body:not(.bloglo-layout__boxed).bloglo-no-sidebar .bloglo-fw-section { position: relative; width: 100vw; left: 50%; margin-left: -50vw; max-width: var(--bloglo-screen-width, 100vw); } body.bloglo-layout__boxed .bloglo_section_extra .alignfull, body.bloglo-layout__boxed .bloglo_section_extra .bloglo-fw-section, body.bloglo-layout__boxed.bloglo-no-sidebar .entry-content .alignfull, body.bloglo-layout__boxed.bloglo-no-sidebar .bloglo-fw-section { margin-left: -10rem; margin-right: -10rem; } body.bloglo-layout__boxed-separated:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, body.bloglo-layout__boxed-separated:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, body.bloglo-layout__boxed-separated:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .bloglo-fw-section { left: 0 !important; width: auto !important; max-width: unset; margin-left: -3rem !important; margin-right: -3rem !important; } .bloglo-layout__boxed .bloglo_section_extra .alignfull, .bloglo-layout__boxed .bloglo_section_extra .bloglo-fw-section, .bloglo-layout__boxed.bloglo-no-sidebar .elementor-section.elementor-section-stretched, .bloglo-layout__boxed.bloglo-no-sidebar .entry-content .alignfull, .bloglo-layout__boxed.bloglo-no-sidebar .bloglo-fw-section { left: 0 !important; width: auto !important; margin-left: -10rem !important; margin-right: -10rem !important; } .bloglo-layout__boxed.page-template-elementor_header_footer .elementor-section.elementor-section-stretched, .bloglo-layout__boxed.page-template-elementor_header_footer .entry-content .alignfull, .bloglo-layout__boxed.page-template-elementor_header_footer .bloglo-fw-section, .bloglo-layout__boxed.page-template-template-bloglo-fullwidth .elementor-section.elementor-section-stretched, .bloglo-layout__boxed.page-template-template-bloglo-fullwidth .entry-content .alignfull, .bloglo-layout__boxed.page-template-template-bloglo-fullwidth .bloglo-fw-section { left: 0 !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .bloglo-has-sidebar:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, .bloglo-has-sidebar:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, .bloglo-has-sidebar:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .bloglo-fw-section { margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; max-width: 100%; } body:not(.bloglo-has-sidebar):not(.bloglo-single-title-in-content) #content .entry-content>.alignfull:first-child { margin-top: -5rem; } body:not(.bloglo-has-sidebar):not(.bloglo-single-title-in-content):not(.comments-open) #content .entry-content>.alignfull:last-child { margin-bottom: -7rem; } .wp-block-group.alignfull.has-background { padding-left: 0; padding-right: 0; } #page .alignfull .alignfull { margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; } /*****************************************/ /* Hero styles /*****************************************/ #hero { position: relative; z-index: 1; } .bloglo-horizontal-slider .horizontal-slider-items.swiper, .bloglo-vertical-slider .vertical-slider-items.swiper { padding-bottom: 1.6rem; } .bloglo-vertical-slider, .bloglo-horizontal-slider, .bloglo-hover-slider { position: relative; overflow: hidden; } .bloglo-hover-slider { background-color: var(--bloglo-secondary); } .bloglo-hover-slider .hover-slider-backgrounds { opacity: 0; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; z-index: 1; will-change: scale; } .bloglo-hover-slider .hover-slider-backgrounds.loaded { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .bloglo-hover-slider .hover-slide-bg { z-index: 1; opacity: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: opacity; } .bloglo-hover-slider .hover-slide-bg.active { opacity: 1; z-index: 2; } .bloglo-hover-slider.slider-overlay-1 .hover-slider-backgrounds:after { content: ""; background-color: #232323; opacity: 0.65; z-index: 3; } .bloglo-hover-slider.slider-overlay-2 .hover-slider-backgrounds:after { content: ""; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(35, 40, 45, 0)), color-stop(20%, rgba(35, 40, 45, 0.05)), color-stop(40%, rgba(35, 40, 45, 0.15)), color-stop(60%, rgba(35, 40, 45, 0.55)), to(rgba(0, 0, 0, 0.65))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(35, 40, 45, 0) 1%, rgba(35, 40, 45, 0.05) 20%, rgba(35, 40, 45, 0.15) 40%, rgba(35, 40, 45, 0.55) 60%, rgba(0, 0, 0, 0.65) 100%); } .bloglo-vertical-slider .bloglo-container, .bloglo-vertical-slider .bloglo-container__wide, .bloglo-horizontal-slider .bloglo-container, .bloglo-horizontal-slider .bloglo-container__wide, .bloglo-hover-slider .bloglo-hero-container { position: relative; z-index: 2; } .bloglo-vertical-slider .bloglo-spinner, .bloglo-horizontal-slider .bloglo-spinner, .bloglo-hover-slider .bloglo-spinner { position: absolute; top: 50%; left: 50%; margin-top: -2rem; margin-left: -2rem; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; } .bloglo-hover-slider .hover-slide-item { position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: var(--bloglo-white); } .bloglo-hover-slider .hover-slide-item .entry-meta .entry-meta-elements>span:before { background: rgba(255, 255, 255, 0.4); } .bloglo-hover-slider .hover-slider-items>div { border-right: 0.1rem solid rgba(255, 255, 255, 0.2); } .bloglo-hover-slider .hover-slider-items>div:last-child { border-right: 0; } .bloglo-hover-slider .hover-slider-items>div:last-child .slide-inner { margin-right: 0; } .bloglo-hover-slider .hover-slider-items>div:first-child .slide-inner { margin-left: 0; } .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner { -webkit-transform: translate3d(0, -9rem, 0); transform: translate3d(0, -9rem, 0); } .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner .read-more { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .bloglo-hover-slider .slide-inner { position: absolute; bottom: 2.5rem; left: 0; right: 0; margin: 0 1rem; -webkit-transition: all 0.25s cubic-bezier(0.05, 0.2, 0.1, 1); transition: all 0.25s cubic-bezier(0.05, 0.2, 0.1, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 55rem; } .bloglo-hover-slider .slide-inner h3 { margin-bottom: 0.2rem; color: #fff; } .bloglo-hover-slider .slide-inner h3 a { color: inherit; } .bloglo-hover-slider .slide-inner h3 a:hover { text-decoration: underline; } .bloglo-hover-slider .slide-inner .post-category { text-align: start; } .bloglo-hover-slider .slide-inner .read-more { font-size: 75% !important; position: absolute; -webkit-transform: translate3d(0, 2rem, 0); transform: translate3d(0, 2rem, 0); left: 0; opacity: 0; top: 100%; margin-top: 3rem; border: 0.2rem solid #fff; color: #fff; -webkit-transition: all 0.15s cubic-bezier(0.05, 0.2, 0.1, 1); transition: all 0.15s cubic-bezier(0.05, 0.2, 0.1, 1); } .bloglo-hover-slider .slide-inner .read-more:hover { background: #fff; color: #232323; } .bloglo-hover-slider .entry-meta { text-align: left !important; color: rgba(255, 255, 255, 0.7); } .bloglo-hover-slider .entry-meta .entry-meta-elements>span:first-child { padding-left: 0 !important; } .bloglo-hover-slider .entry-meta .entry-meta-elements>span:before { opacity: 0.75; } .site .bloglo-hover-slider .entry-meta a:hover { color: #fff; } @-webkit-keyframes bloglo-kenburns { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: scale3d(1.42, 1.42, 1.42) translate3d(0, 0, 0); transform: scale3d(1.42, 1.42, 1.42) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } } @keyframes bloglo-kenburns { 0% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: scale3d(1.42, 1.42, 1.42) translate3d(0, 0, 0); transform: scale3d(1.42, 1.42, 1.42) translate3d(0, 0, 0); } 100% { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } } /*****************************************/ /* Hero Horizontal Slider Styles /*****************************************/ .bloglo-blog-horizontal .bloglo-horizontal-slider .bloglo-article .entry-media, .bloglo-blog-layout-1 .bloglo-vertical-slider .bloglo-article .entry-media { -webkit-box-shadow: none; box-shadow: none; } .bloglo-vertical-slider .bloglo-article:not(.format-quote), .bloglo-horizontal-slider .bloglo-article:not(.format-quote) { margin: 1.6rem; } .bloglo-horizontal-slider .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .post-gallery.entry-media, .bloglo-horizontal-slider .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .entry-media { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; } .bloglo-vertical-slider a:not(.bloglo-btn, .wp-block-button__link, .page-numbers), .bloglo-horizontal-slider a:not(.bloglo-btn, .wp-block-button__link, .page-numbers) { color: var(--bloglo-primary); } .bloglo-vertical-slider a:not(.bloglo-btn):not(.wp-block-button__link):hover, .using-keyboard .bloglo-vertical-slider a:not(.bloglo-btn):not(.wp-block-button__link):focus, .bloglo-horizontal-slider a:not(.bloglo-btn):not(.wp-block-button__link):hover, .using-keyboard .bloglo-horizontal-slider a:not(.bloglo-btn):not(.wp-block-button__link):focus { color: var(--bloglo-secondary); } .bloglo-vertical-slider .entry-header .entry-title a, .bloglo-horizontal-slider .entry-header .entry-title a { color: inherit; } .bloglo-vertical-slider .entry-header .entry-title a:hover, .using-keyboard .bloglo-vertical-slider .entry-header .entry-title a:focus, .bloglo-horizontal-slider .entry-header .entry-title a:hover, .using-keyboard .bloglo-horizontal-slider .entry-header .entry-title a:focus { color: var(--bloglo-primary); } .bloglo-vertical-slider .bloglo-entry-content-wrapper .bloglo-btn.btn-text-1, .bloglo-horizontal-slider .bloglo-entry-content-wrapper .bloglo-btn.btn-text-1 { font-size: 1.5rem; } .bloglo-vertical-slider .bloglo-entry-content-wrapper .bloglo-btn.btn-text-1::after, .bloglo-horizontal-slider .bloglo-entry-content-wrapper .bloglo-btn.btn-text-1::after { content: "\f105"; color: inherit; font-family: "Font Awesome 5 Free"; margin-left: 0.8rem; margin-top: 0.5rem; } .bloglo-vertical-slider .horizontal-slider-items, .bloglo-horizontal-slider .horizontal-slider-items { padding: 1rem 1rem 1.8rem; } .bloglo-vertical-slider .swiper-button-prev, .bloglo-vertical-slider .swiper-button-next, .bloglo-horizontal-slider .swiper-button-prev, .bloglo-horizontal-slider .swiper-button-next { width: 5rem; height: 5rem; } .bloglo-post-gallery .swiper-button-prev, .bloglo-post-gallery .swiper-button-next, .bloglo-vertical-slider .swiper-button-prev, .bloglo-vertical-slider .swiper-button-next, .bloglo-horizontal-slider .swiper-button-prev, .bloglo-horizontal-slider .swiper-button-next { border-radius: 50%; outline: none; border: 0.1rem solid transparent; color: var(--bloglo-secondary); background-color: var(--bloglo-white); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18); -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .bloglo-post-gallery .swiper-button-prev:hover, .bloglo-post-gallery .swiper-button-next:hover, .bloglo-vertical-slider .swiper-button-prev:hover, .bloglo-vertical-slider .swiper-button-next:hover, .bloglo-horizontal-slider .swiper-button-prev:hover, .bloglo-horizontal-slider .swiper-button-next:hover { color: var(--bloglo-white); background-color: var(--bloglo-secondary); box-shadow: rgba(0, 0, 0, 0.09) 0 0 1.5rem 0; } .bloglo-vertical-slider .swiper-button-prev, .bloglo-horizontal-slider .swiper-button-prev { left: 0.58rem; } .bloglo-vertical-slider .swiper-button-next, .bloglo-horizontal-slider .swiper-button-next { right: 0.58rem; } .bloglo-post-gallery .swiper-button-prev::after, .bloglo-vertical-slider .swiper-button-prev::after, .bloglo-horizontal-slider .swiper-button-prev::after { content: "\f104"; } .bloglo-post-gallery .swiper-button-next::after, .bloglo-vertical-slider .swiper-button-next::after, .bloglo-horizontal-slider .swiper-button-next::after { content: "\f105"; } .bloglo-post-gallery .swiper-button-prev::after, .bloglo-post-gallery .swiper-button-next::after, .bloglo-vertical-slider .swiper-button-prev::after, .bloglo-vertical-slider .swiper-button-next::after, .bloglo-horizontal-slider .swiper-button-prev::after, .bloglo-horizontal-slider .swiper-button-next::after { font-size: 2rem; font-weight: bolder; color: inherit; font-family: "Font Awesome 5 Free"; } /*****************************************/ /* Hero Four TO Eight Slider Styles /*****************************************/ #hero .bloglo-grid-row { display: grid; grid-template-columns: auto auto; grid-gap: 0.5rem; padding: 0; } .hero-eight-slider .hover-slider-backgrounds, .hero-seven-slider .hover-slider-backgrounds, .hero-six-slider .hover-slider-backgrounds, .hero-five-slider .hover-slider-backgrounds, .hero-four-slider .hover-slider-backgrounds { display: none; } .hero-eight-slider .bloglo-hover-slider, .hero-seven-slider .bloglo-hover-slider, .hero-six-slider .bloglo-hover-slider, .hero-five-slider .bloglo-hover-slider, .hero-four-slider .bloglo-hover-slider { background: none; } #hero .hero-four-slider .bloglo-grid-row .hover-slider-item-wrapper:first-child { grid-area: 1 / 1 / span 2 / span 2; } #hero .hero-six-slider .bloglo-grid-row { grid-template-columns: auto; } @media screen and (max-width: 960px) { #hero .bloglo-grid-row { grid-template-columns: auto; } #hero .hero-four-slider .bloglo-grid-row .hover-slider-item-wrapper:first-child { grid-area: unset; } } .hero-eight-slider .bloglo-hover-slider .hover-slider-item-wrapper, .hero-seven-slider .bloglo-hover-slider .hover-slider-item-wrapper, .hero-six-slider .bloglo-hover-slider .hover-slider-item-wrapper, .hero-five-slider .bloglo-hover-slider .hover-slider-item-wrapper, .hero-four-slider .bloglo-hover-slider .hover-slider-item-wrapper { position: relative; background-color: #232323; background-image: var(--bg-image); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: var(--bloglo-normal-radius); overflow: hidden; border-right: none; margin-bottom: 0; } .hero-eight-slider .bloglo-hover-slider .hover-slider-item-wrapper:after, .hero-seven-slider .bloglo-hover-slider .hover-slider-item-wrapper:after, .hero-six-slider .bloglo-hover-slider .hover-slider-item-wrapper:after, .hero-five-slider .bloglo-hover-slider .hover-slider-item-wrapper:after, .hero-four-slider .bloglo-hover-slider .hover-slider-item-wrapper:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: #232323; opacity: 0.65; z-index: 3; } .hero-eight-slider .bloglo-hover-slider .hover-slide-item, .hero-seven-slider .bloglo-hover-slider .hover-slide-item, .hero-six-slider .bloglo-hover-slider .hover-slide-item, .hero-five-slider .bloglo-hover-slider .hover-slide-item, .hero-four-slider .bloglo-hover-slider .hover-slide-item { padding: 2.5rem; min-height: 23.5rem; z-index: 4; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .hero-eight-slider .bloglo-hover-slider .hover-slide-item .slide-inner, .hero-seven-slider .bloglo-hover-slider .hover-slide-item .slide-inner, .hero-six-slider .bloglo-hover-slider .hover-slide-item .slide-inner, .hero-five-slider .bloglo-hover-slider .hover-slide-item .slide-inner, .hero-four-slider .bloglo-hover-slider .hover-slide-item .slide-inner { position: relative; bottom: 0; max-width: 100%; padding: 0; margin: 0; text-align: left; } .hero-eight-slider .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner, .hero-seven-slider .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner, .hero-six-slider .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner, .hero-five-slider .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner, .hero-four-slider .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner { -webkit-transform: none; -ms-transform: none; transform: none; } .hero-eight-slider .bloglo-hover-slider .hover-slide-item .slide-inner h3, .hero-seven-slider .bloglo-hover-slider .hover-slide-item .slide-inner h3, .hero-six-slider .bloglo-hover-slider .hover-slide-item .slide-inner h3, .hero-five-slider .bloglo-hover-slider .hover-slide-item .slide-inner h3, .hero-four-slider .bloglo-hover-slider .hover-slide-item .slide-inner h3 { font-size: 2rem; letter-spacing: 0.04rem; } .hero-eight-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item .post-category, .hero-seven-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item .post-category, .hero-six-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item .post-category, .hero-five-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item .post-category, .hero-four-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item .post-category { text-align: start; } .hero-eight-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item, .hero-seven-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item, .hero-six-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item, .hero-five-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item, .hero-four-slider .bloglo-hover-slider .hover-slider-items>div .hover-slide-item, .hero-eight-slider .bloglo-hover-slider .entry-meta .entry-meta-elements, .hero-seven-slider .bloglo-hover-slider .entry-meta .entry-meta-elements, .hero-six-slider .bloglo-hover-slider .entry-meta .entry-meta-elements, .hero-five-slider .bloglo-hover-slider .entry-meta .entry-meta-elements, .hero-four-slider .bloglo-hover-slider .entry-meta .entry-meta-elements { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .hero-eight-slider .bloglo-hover-slider .hover-slide-item .slide-inner .read-more, .hero-seven-slider .bloglo-hover-slider .hover-slide-item .slide-inner .read-more, .hero-six-slider .bloglo-hover-slider .hover-slide-item .slide-inner .read-more, .hero-five-slider .bloglo-hover-slider .hover-slide-item .slide-inner .read-more, .hero-four-slider .bloglo-hover-slider .hover-slide-item .slide-inner .read-more { position: static; opacity: 1; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } /*****************************************/ /* Search /*****************************************/ .bloglo-header-widgets .bloglo-search-simple .bloglo-form-label { display: block; width: 100%; } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form input { background-color: rgba(0, 0, 0, 0) !important; } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form input { font-size: 1.5rem; color: var(--bloglo-secondary); display: block; width: 100%; padding: 1.6rem 4.5rem 1.6rem 2rem; /* 9rem */ } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form button { position: absolute; top: 0; bottom: 0; width: 3.2rem; height: 3.2rem; padding: 0.8rem; border-radius: 10rem; margin: auto 0; cursor: pointer; } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form button:not(.bloglo-search-close) { right: 5.6rem; /*right: 1.6rem;*/ color: var(--bloglo-white); background-color: var(--bloglo-primary); } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form button:not(.bloglo-search-close) svg { fill: currentColor; } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close { right: 1.6rem; } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close svg { display: inline-block; vertical-align: middle; } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close svg, .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close svg path { -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close:hover svg, .using-keyboard .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close:focus svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close:hover svg path, .using-keyboard .bloglo-header-widgets .bloglo-search-simple .bloglo-search-form .bloglo-search-close:focus svg path { fill: var(--bloglo-primary); } .bloglo-search-simple { opacity: 0; visibility: hidden; -webkit-transform: translateY(0.5rem); -ms-transform: translateY(0.5rem); transform: translateY(0.5rem); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .bloglo-search-visible .bloglo-search-simple { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #main .search-form, #colophon .search-form { max-width: 36rem; } #main .search-form>div, #colophon .search-form>div { display: block; position: relative; } #colophon .search-form .search-submit, #main .search-form .search-submit { position: absolute; top: 0; right: 0.8rem; bottom: 0; width: 3.5rem; height: 3.5rem; background-color: var(--bloglo-primary); color: var(--bloglo-white); margin: auto; border-radius: var(--bloglo-full-radius); } #colophon .search-form .search-submit:hover, #main .search-form .search-submit:hover { cursor: pointer; } #colophon .search-form .search-submit svg, #main .search-form .search-submit svg { height: 2.056rem; width: auto; top: -0.1rem; vertical-align: middle; } #colophon .search-form .search-field, #main .search-form .search-field { display: block; width: 100%; padding-right: 4.5rem; border-radius: var(--bloglo-full-radius); border-width: 0.1rem; box-shadow: -0.32rem 0 3.2rem -1.6rem rgba(0, 0, 0, 0.15); } .wp-block-search input[type="search"] { min-height: 4rem; } #colophon .search-form .search-field:focus, #main .search-form .search-field:focus { outline: none; } #main .error-404 .search-form { margin-left: auto; margin-right: auto; } .wp-block-search .wp-block-search__button { background-color: var(--bloglo-primary); border-color: var(--bloglo-primary); color: var(--bloglo-white); cursor: pointer; } .wp-block-search .wp-block-search__button svg { fill: currentColor; } .using-keyboard .wp-block-search .wp-block-search__button:focus { outline: 0.1rem dotted; outline-offset: -0.4rem; } .wp-block-search .wp-block-search__label { margin-bottom: 1.2rem; } /*****************************************/ /* Logo styles /*****************************************/ .bloglo-logo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bloglo-logo .site-description, .bloglo-logo .site-title { margin: 0; } .bloglo-logo a { -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .bloglo-logo a img { display: block; width: auto; height: auto; max-width: 100%; } .bloglo-logo a img.bloglo-svg-logo { max-width: 100% !important; } .bloglo-logo .site-description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0.4rem; } /*****************************************/ /* General Navigation /*****************************************/ .bloglo-nav .children li.current_page_ancestor>a, .bloglo-nav .children li.current_page_item>a, .bloglo-nav .children li:hover>a, .bloglo-nav .sub-menu li.current-menu-ancestor>a, .bloglo-nav .sub-menu li.current-menu-item>a, .bloglo-nav .sub-menu li:hover>a { color: #232323 !important; background-color: rgba(0, 0, 0, 0.05); } .bloglo-nav { max-width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-font-smoothing: antialiased; -ms-flex-preferred-size: auto; flex-basis: auto; } .bloglo-nav>ul { width: 100%; height: 100%; } .bloglo-nav>ul, .bloglo-nav>ul>li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bloglo-nav>ul>li { position: relative; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1.6rem; } .bloglo-nav>ul>li:first-child, .bloglo-nav>ul>li:first-of-type { margin-left: 0 !important; } .bloglo-nav>ul>li>a { display: block; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .bloglo-nav>ul>li:last-child { margin-right: 0 !important; } /*****************************************/ /* Dropdowns. /*****************************************/ .bloglo-nav>ul>li.opens-left>.children, .bloglo-nav>ul>li.opens-left>.sub-menu { left: auto; right: 0; } .bloglo-nav>ul>li.opens-right>.children, .bloglo-nav>ul>li.opens-right>.sub-menu { right: auto; left: -2.856rem; } .bloglo-nav li:hover .children, .bloglo-nav li:hover .sub-menu { -webkit-transition: all 0.2s; transition: all 0.2s; } .bloglo-nav .sub-menu { color: var(--bloglo-secondary); } .bloglo-nav .large-dropdown>.sub-menu { min-width: 31rem; } .bloglo-nav .children, .bloglo-nav .sub-menu { position: absolute; top: 100%; left: -2.856rem; min-width: 23rem; visibility: hidden; opacity: 0; background-color: var(--bloglo-white); border: 0 solid rgba(190, 190, 190, 0.3); border-top-width: 0.2rem; border-top-style: solid; padding: 0.5rem 0; line-height: 1.5; text-align: left; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 998; border-radius: 0 0 0.3rem 0.3rem; -webkit-box-shadow: 0 1.5rem 3rem -0.5rem rgba(0, 0, 0, 0.07); box-shadow: 0 1.5rem 3rem -0.5rem rgba(0, 0, 0, 0.07); pointer-events: none; font-size: 1.6rem; } .bloglo-nav .children li, .bloglo-nav .sub-menu li { position: relative; padding-left: 0.5rem; padding-right: 0.5rem; } .bloglo-nav .children li a, .bloglo-nav .sub-menu li a { font-weight: 400; display: block; padding: 1.2rem 1.62rem; letter-spacing: 0; position: relative; } .bloglo-nav .children li a:hover, .bloglo-nav .sub-menu li a:hover { color: #000; } .bloglo-nav .children li:last-child a, .bloglo-nav .sub-menu li:last-child a { border-bottom: none; } .bloglo-nav .children li.opens-left .children, .bloglo-nav .children li.opens-left .sub-menu, .bloglo-nav .sub-menu li.opens-left .children, .bloglo-nav .sub-menu li.opens-left .sub-menu { left: auto; right: 100%; margin-left: 0; margin-right: 0.5rem; } .bloglo-nav .children li.opens-left .children:before, .bloglo-nav .children li.opens-left .sub-menu:before, .bloglo-nav .sub-menu li.opens-left .children:before, .bloglo-nav .sub-menu li.opens-left .sub-menu:before { left: auto; right: -0.5rem; } .bloglo-nav .children li.opens-right .children, .bloglo-nav .children li.opens-right .sub-menu, .bloglo-nav .sub-menu li.opens-right .children, .bloglo-nav .sub-menu li.opens-right .sub-menu { right: auto; left: 100%; margin-right: 0; margin-left: 0.5rem; } .bloglo-nav .children li.opens-right .children:before, .bloglo-nav .children li.opens-right .sub-menu:before, .bloglo-nav .sub-menu li.opens-right .children:before, .bloglo-nav .sub-menu li.opens-right .sub-menu:before { left: auto; right: -0.5rem; } .bloglo-nav .children .children, .bloglo-nav .children .sub-menu, .bloglo-nav .sub-menu .children, .bloglo-nav .sub-menu .sub-menu { border-radius: var(--bloglo-normal-radius); left: 100%; top: -0.2rem; margin-left: 0.5rem; } .bloglo-nav .children .children:before, .bloglo-nav .children .sub-menu:before, .bloglo-nav .sub-menu .children:before, .bloglo-nav .sub-menu .sub-menu:before { content: ""; position: absolute; z-index: 1; width: 0.5rem; top: 0; left: -0.5rem; height: 100%; } /*.bloglo-nav .children .description, .bloglo-nav .sub-menu .description */ html body #bloglo-header-inner .bloglo-nav ul li span.description { display: block; font-size: 1.2rem; color: inherit; opacity: 0.6; line-height: 1.4; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } html body #bloglo-header-inner .bloglo-nav>ul>li>a>span>span.description { color: var(--bloglo-secondary); margin-top: -3px; } .bloglo-nav .menu-item-has-children.hovered>.sub-menu, .bloglo-nav .menu-item-has-children:hover>.sub-menu, .using-keyboard .bloglo-nav .menu-item-has-children a:focus+.sub-menu, .bloglo-nav .page_item_has_children.hovered>.children, .bloglo-nav .page_item_has_children:hover>.children, .using-keyboard .bloglo-nav .page_item_has_children a:focus+.children { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto; z-index: 999; } .bloglo-nav .menu-item-has-children>a>.bloglo-icon, .bloglo-nav .page_item_has_children>a>.bloglo-icon { height: 1.92rem; margin-left: 0.4rem; margin-right: 0; } .bloglo-nav .children .page_item_has_children>a>.bloglo-icon, .bloglo-nav .sub-menu .menu-item-has-children>a>.bloglo-icon { position: absolute; right: 1.3rem; top: 45%; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } #bloglo-header-inner .bloglo-nav>ul>.menu-item-has-children>a:after, #bloglo-header-inner .bloglo-nav>ul>.page_item_has_children>a:after, #bloglo-topbar .bloglo-nav>ul>.menu-item-has-children>a:after, #bloglo-topbar .bloglo-nav>ul>.page_item_has_children>a:after { top: 0.24rem; } .bloglo-mobile-toggen { display: none; } /*****************************************/ /* Top Bar Navigation /*****************************************/ #bloglo-topbar .bloglo-nav, .bloglo-topbar-widget__nav { height: auto; } /*****************************************/ /* Main Navigation /*****************************************/ #bloglo-header-inner .bloglo-nav>ul { min-height: 9rem; } #bloglo-header-inner .bloglo-nav>ul>li { margin-left: 2.8rem; } /* md > 961px || 1030px */ @media screen and (min-width: 60.063em) and (max-width: 64.375em) { #bloglo-header-inner .bloglo-nav>ul>li { margin-left: 2rem; } } #bloglo-header-inner .bloglo-nav>ul>li>a { font-size: inherit; font-weight: 500; } /*****************************************/ /* Copyright Bar navigation. /*****************************************/ #bloglo-copyright .bloglo-nav>ul>li { margin-left: 1.6rem; } #bloglo-copyright .bloglo-nav>ul>li:first-child { margin-left: 0; } #bloglo-copyright .bloglo-nav .sub-menu a { color: #232323; } #bloglo-copyright .bloglo-nav>ul>li>.sub-menu { bottom: 100%; } #bloglo-copyright .bloglo-nav>ul>li>.sub-menu .sub-menu { bottom: 0 !important; margin-bottom: -1rem; } #bloglo-copyright .bloglo-nav>ul .sub-menu { top: auto !important; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 1.6rem; border-radius: var(--bloglo-normal-radius); } #bloglo-copyright .bloglo-nav>ul .sub-menu a:before { display: none; } #bloglo-copyright .bloglo-nav>ul>li.menu-item-has-children li.menu-item-has-children.hovered>.sub-menu, #bloglo-copyright .bloglo-nav>ul>li.menu-item-has-children li.menu-item-has-children:hover>.sub-menu { bottom: auto; top: -1rem; } #bloglo-copyright .bloglo-nav>ul>li.menu-item-has-children>a:after { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 0.1rem; } #bloglo-copyright .bloglo-nav>ul>li.menu-item-has-children:after { content: ""; position: absolute; width: 100%; left: 0; top: -1rem; height: 1rem; } #bloglo-copyright .bloglo-nav>ul>li>a { padding-top: 0; padding-bottom: 0; } /*****************************************/ /* Navigation item hover styles. /*****************************************/ /* Underline */ .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a>span { padding: 0.2rem 0; } .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a>span, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a>span { position: relative; } .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li.menu-item-has-children:hover>a>span:before, .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li.page_item_has_children:hover>a>span:before, .bloglo-menu-animation-underline #bloglo-copyright .bloglo-nav>ul>li>a:hover>span:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li.current-menu-item>a>span:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li.current_page_item>a>span:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:hover>a>span:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li.page_item_has_children:hover>a>span:before, .bloglo-menu-animation-underline #bloglo-header-inner .bloglo-nav>ul>li>a:hover>span:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } /* Square Box */ .bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li { margin-left: 0.1rem; } .bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li>a { padding: 0.6rem 1.4rem; } body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li>a:hover, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav>ul>li>a:focus, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:hover>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:focus>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current-menu-item>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current-menu-ancestor>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.page_item_has_children:hover>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current_page_item>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current_page_ancestor>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li>a:hover, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile).using-keyboard #bloglo-topbar .bloglo-nav>ul>li>a:focus, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.menu-item-has-children:hover>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.current-menu-item>a, body.bloglo-menu-animation-squarebox:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.current-menu-ancestor>a { background-color: var(--bloglo-primary); color: #fff; } /* Square Border */ .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li { margin-left: 1.5rem; } .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li>a { padding: 0.6rem 1.4rem; border: 0.1rem solid transparent; } .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li>a:hover, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav>ul>li>a:focus, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:hover>a, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:focus>a, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.page_item_has_children:hover>a, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li>a:hover, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile).using-keyboard #bloglo-topbar .bloglo-nav>ul>li>a:focus, .bloglo-menu-animation-squareborder:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.menu-item-has-children:hover>a { border-color: var(--bloglo-primary); } /* Focus Menu */ .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li>a { height: 100%; } .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav:hover>ul>li>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile).using-keyboard #bloglo-topbar .bloglo-nav:focus-within>ul>li>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav:hover>ul>li>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav:focus-within>ul>li>a { opacity: 0.35; } .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li>a:hover, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav>ul>li>a:focus, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:hover>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile).using-keyboard #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:focus>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.page_item_has_children:hover>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li>a:hover, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile).using-keyboard #bloglo-topbar .bloglo-nav>ul>li>a:focus, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.menu-item-has-children:hover>a { opacity: 1; } .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current-menu-item>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current-menu-ancestor>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current_page_item>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-header-inner .bloglo-nav>ul>li.current_page_ancestor>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.current-menu-item>a, .bloglo-menu-animation-focusmenu:not(.bloglo-is-mobile) #bloglo-topbar .bloglo-nav>ul>li.current-menu-ancestor>a { opacity: 0.8; } /*****************************************/ /* Main container styles /*****************************************/ .bloglo-sticky-sidebar { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .bloglo-sticky-sidebar .bloglo-sidebar-inner { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: -webkit-sticky; position: sticky; top: var(--bloglo-sticky-h-offset, 2rem); } .bloglo-sticky-sidebar.admin-bar .bloglo-sidebar-inner { top: calc(var(--bloglo-sticky-h-offset, 2rem) + 32px); } .bloglo-sticky-last-widget #secondary .bloglo-sidebar-inner { height: 100%; } .bloglo-sticky-last-widget #secondary .bloglo-sidebar-inner>.widget:last-child { position: -webkit-sticky; position: sticky; top: var(--bloglo-sticky-h-offset, 2rem); } .bloglo-sticky-last-widget.admin-bar #secondary .bloglo-sidebar-inner>.widget:last-child { top: calc(var(--bloglo-sticky-h-offset, 2rem) + 32px); } .bloglo-no-sidebar #primary, .bloglo-sidebar-position__no-sidebar #primary { width: 100%; } #primary, #secondary { margin-top: 5rem; margin-bottom: 7rem; } .is-section-heading-init-s2 #featured_links .bloglo-featured-items .widget-title { margin-bottom: 2.5rem; } .is-section-heading-init-s1 .bloglo-featured-items .widget-title, .is-section-heading-init-s2:not(.bloglo-sidebar-style-1) .pyml-slider-items .widget-title, .is-section-heading-init-s1 .pyml-slider-items .widget-title, .bloglo-sidebar-style-3:not(.is-section-heading-init-s2, .is-section-heading-init-s0) #secondary .wp-block-search .wp-block-search__label, .bloglo-sidebar-style-2:not(.is-section-heading-init-s2, .is-section-heading-init-s0) #secondary .wp-block-search .wp-block-search__label, .bloglo-sidebar-style-3:not(.is-section-heading-init-s2, .is-section-heading-init-s0) #secondary .wp-block-heading, .bloglo-sidebar-style-2:not(.is-section-heading-init-s2, .is-section-heading-init-s0) #secondary .wp-block-heading, .bloglo-sidebar-style-3:not(.is-section-heading-init-s2, .is-section-heading-init-s0) #secondary .widget-title, .bloglo-sidebar-style-2:not(.is-section-heading-init-s2, .is-section-heading-init-s0) #secondary .widget-title { padding-bottom: 2rem; margin-bottom: 2.5rem; } .is-section-heading-init-s1 .bloglo-featured-items .widget-title::before, .is-section-heading-init-s1 .bloglo-featured-items .widget-title::after, .is-section-heading-init-s1 .pyml-slider-items .widget-title::before, .is-section-heading-init-s1 .pyml-slider-items .widget-title::after, .is-section-heading-init-s1:not(.bloglo-sidebar-style-1) #secondary .wp-block-search .wp-block-search__label::before, .is-section-heading-init-s1:not(.bloglo-sidebar-style-1) #secondary .wp-block-search .wp-block-search__label::after, .is-section-heading-init-s1:not(.bloglo-sidebar-style-1) #secondary .wp-block-heading::before, .is-section-heading-init-s1:not(.bloglo-sidebar-style-1) #secondary .wp-block-heading::after, .is-section-heading-init-s1:not(.bloglo-sidebar-style-1) #secondary .widget-title::before, .is-section-heading-init-s1:not(.bloglo-sidebar-style-1) #secondary .widget-title::after { content: ""; position: absolute; bottom: 0; height: 0.2rem; background-color: var(--bloglo-primary); z-index: 1; } .is-section-heading-init-s1 .bloglo-featured-items .widget-title::before, .is-section-heading-init-s1 .pyml-slider-items .widget-title::before, .bloglo-sidebar-style-2.is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label::before, .bloglo-sidebar-style-2.is-section-heading-init-s1 #secondary .wp-block-heading::before, .bloglo-sidebar-style-2.is-section-heading-init-s1 #secondary .widget-title::before { width: 6rem; left: 0; } .is-section-heading-init-s1 .bloglo-featured-items .widget-title::after, .is-section-heading-init-s1 .pyml-slider-items .widget-title::after, .bloglo-sidebar-style-2.is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label::after, .bloglo-sidebar-style-2.is-section-heading-init-s1 #secondary .wp-block-heading::after, .bloglo-sidebar-style-2.is-section-heading-init-s1 #secondary .widget-title::after { width: 2rem; left: 7rem; } .bloglo-sidebar-style-3 #secondary .bloglo-widget { border: 0.1rem solid rgba(190, 190, 190, 0.3); border-radius: var(--bloglo-normal-radius); margin-bottom: 2rem; padding: 2.5rem; } .bloglo-sidebar-style-3 #secondary .bloglo-widget:last-child { margin-bottom: 0; } .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-heading, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .widget-title { padding: 2rem 2.5rem; margin: -2.5rem -2.5rem 2.8rem; } .bloglo-sidebar-style-3.is-section-heading-init-s1 .pyml-slider-items .widget-title, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-heading, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .widget-title { border-bottom: 0.1rem solid rgba(190, 190, 190, 0.3); } .bloglo-sidebar-style-3.is-section-heading-init-s1 .pyml-slider-items .widget-title::before, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label::before, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-heading::before, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .widget-title::before { width: 6rem; left: 2.5rem; } .bloglo-sidebar-style-3.is-section-heading-init-s1 .pyml-slider-items .widget-title::after, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label::after, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .wp-block-heading::after, .bloglo-sidebar-style-3.is-section-heading-init-s1 #secondary .widget-title::after { width: 2rem; left: 9.5rem; } #main { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; word-break: break-word; } #main>.bloglo-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #main>.bloglo-container #primary { min-width: 0; min-height: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } #main>.bloglo-container #secondary { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .bloglo-widget .wp-block-search .wp-block-search__label, .bloglo-widget .wp-block-heading, .bloglo-widget .widget-title { position: relative; overflow: hidden; } .bloglo-sidebar-position__left-sidebar #primary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 5rem; } .bloglo-sidebar-position__left-sidebar #secondary { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .bloglo-sidebar-position__right-sidebar #primary { padding-right: 5rem; } /*****************************************/ /* Blog Layouts /*****************************************/ .bloglo-blog-masonry .bloglo-article, .bloglo-blog-horizontal .bloglo-article, .bloglo-blog-layout-1 .bloglo-article { margin-bottom: 5rem; } .bloglo-blog-masonry .bloglo-article .bloglo-blog-entry-content>:first-child, .bloglo-blog-horizontal .bloglo-article .bloglo-blog-entry-content>:first-child, .bloglo-blog-layout-1 .bloglo-article .bloglo-blog-entry-content>:first-child { margin-top: 0 !important; } .bloglo-blog-masonry .bloglo-article:last-child, .bloglo-blog-horizontal .bloglo-article:last-child, .bloglo-blog-layout-1 .bloglo-article:last-child { margin-bottom: 0; } .bloglo-blog-masonry .bloglo-article .entry-media, .bloglo-blog-horizontal .bloglo-article .entry-media, .bloglo-blog-layout-1 .bloglo-article .entry-media { position: relative; -webkit-box-shadow: 0 1.6rem 3.8rem -1.2rem rgba(0, 0, 0, 0.5); box-shadow: 0 1.6rem 3.8rem -1.2rem rgba(0, 0, 0, 0.5); } .bloglo-layout__boxed-separated.bloglo-blog-masonry .bloglo-article .entry-media, .bloglo-layout__boxed-separated.bloglo-blog-horizontal .bloglo-article .entry-media, .bloglo-layout__boxed-separated.bloglo-blog-layout-1 .bloglo-article .entry-media { -webkit-box-shadow: none; box-shadow: none; } .pyml-slide-item .pyml-slider-backgrounds a:hover .pyml-slide-bg img, .pyml-slide-item .pyml-slider-backgrounds a:focus .pyml-slide-bg img, .bloglo-blog-masonry .bloglo-article .entry-media:hover>a>img, .bloglo-blog-horizontal .bloglo-article .entry-media:hover>a>img, .bloglo-blog-layout-1 .bloglo-article .entry-media:hover>a>img, .bloglo-blog-masonry .bloglo-article .entry-media:focus>a>img, .bloglo-blog-horizontal .bloglo-article .entry-media:focus>a>img, .bloglo-blog-layout-1 .bloglo-article .entry-media:focus>a>img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .bloglo-blog-masonry .bloglo-article .entry-media img, .bloglo-blog-horizontal .bloglo-article .entry-media img, .bloglo-blog-layout-1 .bloglo-article .entry-media img { margin-left: 0; margin-right: 0; display: block; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .bloglo-blog-masonry .bloglo-article .entry-summary, .bloglo-blog-horizontal .bloglo-article .entry-summary, .bloglo-blog-layout-1 .bloglo-article .entry-summary { margin: 1.6rem 0; } .bloglo-blog-masonry .bloglo-article .entry-footer, .bloglo-blog-horizontal .bloglo-article .entry-footer, .bloglo-blog-layout-1 .bloglo-article .entry-footer { margin-top: 1.6rem; } .using-keyboard.bloglo-blog-masonry .bloglo-article .entry-title:focus-within, .using-keyboard.bloglo-blog-horizontal .bloglo-article .entry-title:focus-within, .using-keyboard.bloglo-blog-layout-1 .bloglo-article .entry-title:focus-within { color: var(--bloglo-primary); text-decoration: underline; } .bloglo-blog-masonry .bloglo-article .entry-meta span:first-child, .bloglo-blog-horizontal .bloglo-article .entry-meta span:first-child, .bloglo-blog-layout-1 .bloglo-article .entry-meta span:first-child { padding-left: 0; } .bloglo-blog-masonry.bloglo-layout__boxed-separated .bloglo-article.format-quote, .bloglo-blog-horizontal.bloglo-layout__boxed-separated .bloglo-article.format-quote, .bloglo-blog-layout-1.bloglo-layout__boxed-separated .bloglo-article.format-quote { padding: 0; } .sticky .entry-title .bloglo-icon { opacity: 0.3; margin-right: 0.7rem; } .bloglo-blog-layout-1 .bloglo-article .entry-media { margin-bottom: 2.128rem; margin-top: 2rem; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .entry-media { margin: 0; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper.bloglo-thumb-right .entry-media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 3rem; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper.bloglo-thumb-left .entry-media { margin-right: 3rem; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .post-gallery, .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .post-thumb { -ms-flex-preferred-size: 42%; flex-basis: 42%; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .bloglo-entry-content-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .post-category { font-weight: 500; font-size: 1.6rem; margin-bottom: 0.8rem; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .entry-meta { margin-top: 2.4rem; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .entry-footer { margin: 0.8rem 0 1.6rem 0; } .bloglo-hover-slider .hover-slider-item-wrapper .hover-slide-item .post-category a:nth-child(4n + 1), .bloglo-hover-slider .hover-slider-item-wrapper:nth-child(4n + 1) .hover-slide-item .post-category a, .bloglo-vertical-slider .swiper-slide .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 1), .bloglo-vertical-slider .swiper-slide:nth-child(4n + 1) .bloglo-article:not(.format-quote) .post-category .cat-links a, .col-xs-12 .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:nth-child(4n + 1), .col-xs-12:nth-child(4n + 1) .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a, .pyml-slider-carousel .swiper-slide .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:nth-child(4n + 1), .pyml-slider-carousel .swiper-slide:nth-child(4n + 1) .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a, .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 1), .bloglo-blog-horizontal .bloglo-article:not(.format-quote):nth-child(4n + 1) .post-category .cat-links a, .bloglo-blog-horizontal .swiper-slide .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 1), .bloglo-blog-horizontal .swiper-slide:nth-child(4n + 1) .bloglo-article:not(.format-quote) .post-category .cat-links a, .bloglo-blog-horizontal .col-xs-12 .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 1), .bloglo-blog-horizontal .col-xs-12:nth-child(4n + 1) .bloglo-article:not(.format-quote) .post-category .cat-links a { background-color: #6178df; } .bloglo-hover-slider .hover-slider-item-wrapper .hover-slide-item .post-category a:nth-child(4n + 2), .bloglo-hover-slider .hover-slider-item-wrapper:nth-child(4n + 2) .hover-slide-item .post-category a, .bloglo-vertical-slider .swiper-slide .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 2), .bloglo-vertical-slider .swiper-slide:nth-child(4n + 2) .bloglo-article:not(.format-quote) .post-category .cat-links a, .col-xs-12 .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:nth-child(4n + 2), .col-xs-12:nth-child(4n + 2) .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a, .pyml-slider-carousel .swiper-slide .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:nth-child(4n + 2), .pyml-slider-carousel .swiper-slide:nth-child(4n + 2) .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a, .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 2), .bloglo-blog-horizontal .bloglo-article:not(.format-quote):nth-child(4n + 2) .post-category .cat-links a, .bloglo-blog-horizontal .swiper-slide .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 2), .bloglo-blog-horizontal .swiper-slide:nth-child(4n + 2) .bloglo-article:not(.format-quote) .post-category .cat-links a, .bloglo-blog-horizontal .col-xs-12 .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 2), .bloglo-blog-horizontal .col-xs-12:nth-child(4n + 2) .bloglo-article:not(.format-quote) .post-category .cat-links a { background-color: #48aab1; } .bloglo-hover-slider .hover-slider-item-wrapper .hover-slide-item .post-category a:nth-child(4n + 3), .bloglo-hover-slider .hover-slider-item-wrapper:nth-child(4n + 3) .hover-slide-item .post-category a, .bloglo-vertical-slider .swiper-slide .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 3), .bloglo-vertical-slider .swiper-slide:nth-child(4n + 3) .bloglo-article:not(.format-quote) .post-category .cat-links a, .col-xs-12 .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:nth-child(4n + 3), .col-xs-12:nth-child(4n + 3) .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a, .pyml-slider-carousel .swiper-slide .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:nth-child(4n + 3), .pyml-slider-carousel .swiper-slide:nth-child(4n + 3) .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a, .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 3), .bloglo-blog-horizontal .bloglo-article:not(.format-quote):nth-child(4n + 3) .post-category .cat-links a, .bloglo-blog-horizontal .swiper-slide .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 3), .bloglo-blog-horizontal .swiper-slide:nth-child(4n + 3) .bloglo-article:not(.format-quote) .post-category .cat-links a, .bloglo-blog-horizontal .col-xs-12 .bloglo-article:not(.format-quote) .post-category .cat-links a:nth-child(4n + 3), .bloglo-blog-horizontal .col-xs-12:nth-child(4n + 3) .bloglo-article:not(.format-quote) .post-category .cat-links a { background-color: #a95edf; } .entry-thumb-image { position: relative; z-index: 0; } .bloglo-article .entry-media .entry-image-link { /*min-height: 26rem;*/ background-color: rgba(0, 0, 0, 0.18); } .bloglo-blog-layout-1 .bloglo-article .entry-thumb-image img, .bloglo-blog-layout-1 .bloglo-article .entry-thumb-image { min-height: 22.9rem; background-color: rgba(0, 0, 0, 0.18); object-fit: cover; } .bloglo-blog-layout-1 .bloglo-article .entry-thumb-image .entry-media { margin-top: 0; } .entry-thumb-image .post-category { position: absolute; top: 2rem; left: 2.3rem; z-index: 2; } /*****************************************/ /* Breadcrumbs styles. /*****************************************/ .breadcrumbs { max-width: 100%; } .breadcrumb-trail { width: 100%; } .breadcrumb-trail .trail-items li { display: inline; } .breadcrumb-trail .trail-items li:after { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); content: ""; margin: 0 0.4rem; display: inline-block; vertical-align: middle; line-height: 1; } .breadcrumb-trail .trail-items li:last-child:after { display: none; } .bloglo-breadcrumbs { font-size: 1.4rem; border-width: 0; } .bloglo-breadcrumbs .separator { margin: 0 0.3rem; } #page .page-header .bloglo-breadcrumbs a>span { color: inherit; } /*****************************************/ /* Pre-Footer styles. /*****************************************/ #bloglo-pre-footer { position: relative; z-index: 2; } #bloglo-pre-footer .bloglo-flex-row>div:empty { display: none; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer { margin-bottom: -5rem; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row { position: relative; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row>div { position: relative; z-index: 3; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row:after, .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row:before { content: ""; position: absolute; top: 0; left: 1.5rem; right: 1.5rem; height: 100%; z-index: 1; border-radius: var(--bloglo-normal-radius); } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row:before { border-width: 0; z-index: 2; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row:after { -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.22); box-shadow: 0 0 3rem rgba(0, 0, 0, 0.22); } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row { padding: 5rem 7rem; } .bloglo-pre-footer-cta-style-1 #colophon { padding-top: 5rem; } .bloglo-pre-footer-cta-style-1.bloglo-pre-footer-no-margin #bloglo-pre-footer { margin-bottom: 5rem; } .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer .bloglo-flex-row { padding-top: 5rem; padding-bottom: 5rem; position: relative; z-index: 3; } .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer:after, .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer:before { content: ""; z-index: 1; } .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer:before { border-width: 0; z-index: 2; } /*****************************************/ /* Footer layout styles /*****************************************/ #colophon a:before { bottom: -0.2rem !important; } #colophon #bloglo-copyright a:before, #bloglo-copyright a>span:before { bottom: -0.1rem !important; } #colophon { --elementBorderColor: rgba(255, 255, 255, 0.15); position: relative; z-index: 1; } #colophon:after { content: ""; z-index: 1; pointer-events: none; } #colophon .widget-title { margin-bottom: 2rem; } #colophon>* { position: relative; z-index: 2; } .site-footer a { color: inherit; } #bloglo-footer .bloglo-flex-row { margin-top: 0; margin-bottom: 0; } #bloglo-footer .bloglo-footer-column { padding-top: 7rem; padding-bottom: 7rem; } #bloglo-footer .bloglo-footer-column .bloglo-widget { margin-bottom: 4rem; } #bloglo-footer .no-widget-text, #bloglo-footer .bloglo-footer-column .bloglo-widget:last-child { margin-bottom: 0; } #colophon, #bloglo-footer { border-width: 0; } #page #bloglo-footer .center-text .title-shape { right: 0; margin: 0 auto; } /*****************************************/ /* Copyright styles /*****************************************/ #bloglo-copyright .bloglo-flex-row>div:empty { display: none; } #bloglo-copyright.fw-separator { border-top-width: 0.1rem; border-top-style: solid; } #bloglo-copyright.contained-separator { border-top: none; } #bloglo-copyright.contained-separator>.bloglo-container:before { content: ""; display: block; height: 0.1rem; position: absolute; top: 0; left: 5rem; right: 5rem; } #bloglo-copyright>.bloglo-container { position: relative; } #bloglo-copyright>.bloglo-container>.bloglo-flex-row { padding-top: 1.9rem; padding-bottom: 1.9rem; position: relative; margin-bottom: 0; } #bloglo-copyright>.bloglo-container>.bloglo-flex-row>div { width: auto; padding-top: 0.6rem; padding-bottom: 0.6rem; } #bloglo-copyright .bloglo-copyright-widget { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; padding-left: 2rem; padding-right: 2rem; } #bloglo-copyright .bloglo-copyright-widget:first-child { padding-left: 0; border-left: 0; } #bloglo-copyright .bloglo-copyright-widget:last-child { padding-right: 0; border-right: 0 !important; } #bloglo-copyright .bloglo-copyright-widget:last-child:after { display: none !important; } #bloglo-copyright .bloglo-copyright-widget .bloglo-nav { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; max-width: 100%; } #bloglo-copyright .bloglo-copyright-widget .bloglo-nav>ul { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } #bloglo-copyright .bloglo-social-nav>ul>li>a .bloglo-icon { font-size: 1.722rem; } .bloglo-copyright-layout-1 #bloglo-copyright>.bloglo-container>.bloglo-flex-row>div { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-copyright-layout-1 .bloglo-copyright-widget__text { text-align: center; } /*****************************************/ /* Scroll to Top styles. /*****************************************/ #bloglo-scroll-top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; bottom: 2.5rem; right: 2rem; z-index: 997; width: 4rem; height: 4rem; opacity: 0; -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); -webkit-transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1); transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1); } #bloglo-scroll-top.bloglo-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #bloglo-scroll-top .bloglo-scroll-icon { overflow: hidden; z-index: 2; } #bloglo-scroll-top .bloglo-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2rem; color: var(--bloglo-white); -webkit-transform: translateY(1.1rem); -ms-transform: translateY(1.1rem); transform: translateY(1.1rem); -webkit-transition: -webkit-transform 0.35s ease-out; transition: -webkit-transform 0.35s ease-out; transition: transform 0.35s ease-out; transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out; } #bloglo-scroll-top .bloglo-icon.top-icon { -webkit-transform: translate(0, 5.2rem); -ms-transform: translate(0, 5.2rem); transform: translate(0, 5.2rem); } #bloglo-scroll-top:before { content: ""; z-index: 1; border-radius: 10rem; background-color: var(--bloglo-primary); -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: 0.1rem solid rgba(190, 190, 190, 0.3); } #bloglo-scroll-top:hover { cursor: pointer; } #bloglo-scroll-top:hover:before { background-color: var(--bloglo-white); box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.22); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } #bloglo-scroll-top:hover .bloglo-icon { -webkit-transform: translate(0, -5.2rem); -ms-transform: translate(0, -5.2rem); transform: translate(0, -5.2rem); } #bloglo-scroll-top:hover .bloglo-icon.top-icon { -webkit-transform: translate(0, 1.1rem); -ms-transform: translate(0, 1.1rem); transform: translate(0, 1.1rem); } #bloglo-scroll-top .bloglo-animated-arrow { position: relative; z-index: 2; } #bloglo-scroll-top svg { fill: var(--bloglo-white); } #bloglo-scroll-top:hover svg { fill: var(--bloglo-primary); } /*****************************************/ /* Pagination navigation. /*****************************************/ .infinite-scroll .bloglo-pagination { display: none; } .bloglo-pagination { margin: 5rem 0 0; } .woocommerce .nav-links, .navigation { display: block; text-align: center; } .page-links, .site-content .page-links { margin: 4rem 0; text-align: center; } .page-links em, .site-content .page-links em { font-size: 1.2rem; font-style: normal; margin-right: 1.2rem; text-transform: uppercase; letter-spacing: 0.256rem; } .navigation .nav-links .bloglo-animate-arrow, .navigation .nav-links .page-numbers:not(.prev, .next), .page-links span, .page-links a { width: 4.4rem; height: 4.4rem; text-decoration: none; } .navigation .nav-links .bloglo-animate-arrow, .navigation .nav-links .page-numbers, .page-links span { text-transform: uppercase; -js-display: inline-flex; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4rem; vertical-align: middle; font-weight: 600; text-align: center; vertical-align: middle; color: inherit; border-radius: var(--bloglo-full-radius); -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .navigation .nav-links .bloglo-animate-arrow, .navigation .nav-links .page-numbers, .page-links>span { background-color: var(--bloglo-white); } .navigation .nav-links .bloglo-animate-arrow, .navigation .nav-links .page-numbers:not(.prev, .next), .page-links a span { border: 0.2rem solid rgba(190, 190, 190, 0.3); } .navigation .nav-links .next.page-numbers { margin-left: 1rem; } .navigation .nav-links .prev.page-numbers { margin-right: 1rem; } .navigation .nav-links .bloglo-animate-arrow svg { width: 2rem; position: relative; vertical-align: middle; -webkit-transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out; transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .35s ease-in-out, box-shadow .35s ease-in-out; } .navigation .nav-links .page-numbers.dots { pointer-events: none; opacity: 0.8; } .page-links>span, .site-content .page-links>span, .navigation .nav-links .page-numbers.current { pointer-events: none; cursor: default; margin: 0; } .navigation .nav-links .page-numbers.prev { -ms-flex-pack: start; justify-content: flex-start; } .navigation .nav-links .page-numbers.next { -ms-flex-pack: end; justify-content: flex-end; } .navigation .nav-links .page-numbers.next i, .navigation .nav-links .page-numbers.prev i { font-size: 1.8rem; } .navigation .nav-links .page-numbers.next:hover .bloglo-animate-arrow, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloglo-animate-arrow, .navigation .nav-links .page-numbers.next:hover .bloglo-animate-arrow, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloglo-animate-arrow { cursor: pointer; } .navigation .nav-links .page-numbers.next:hover .bloglo-animate-arrow .arrow-handle, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloglo-animate-arrow .arrow-handle, .navigation .nav-links .page-numbers.next:hover .bloglo-animate-arrow .arrow-handle, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloglo-animate-arrow .arrow-handle { transform: translateX(0); } .navigation .nav-links .page-numbers.next:hover .bloglo-animate-arrow .arrow-bar, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloglo-animate-arrow .arrow-bar, .navigation .nav-links .page-numbers.next:hover .bloglo-animate-arrow .arrow-bar, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloglo-animate-arrow .arrow-bar { transform: scaleX(1); } .comments-pagination { margin: 4rem 0 0; } .comments-pagination .next, .comments-pagination .prev { display: none !important; } .content-area .page-links a, .content-area .site-content .page-links a { color: inherit; } .navigation .nav-links .page-numbers:hover svg, .using-keyboard .navigation .nav-links .page-numbers:focus svg { fill: var(--bloglo-white); } .navigation .nav-links .page-numbers:hover button, .using-keyboard .navigation .nav-links .page-numbers:focus button, .navigation .nav-links .page-numbers:not(.prev, .next).current, .navigation .nav-links .page-numbers:not(.prev, .next):hover, .using-keyboard .navigation .nav-links .page-numbers:not(.prev, .next):focus, .page-links a:hover span, .using-keyboard .page-links a:focus span, .page-links>span { color: var(--bloglo-white); background-color: var(--bloglo-primary); border-color: var(--bloglo-primary); } /*****************************************/ /* Widget styles. /*****************************************/ #page .bloglo-widget .gallery, .widget.bloglo-entry .textwidget>p:first-child { margin-top: 0; } .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol { list-style: none; margin-left: 0; margin-right: 0; } .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ul, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ol, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ul, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ol { margin: 1.6rem 0 1.6rem 1.968rem; } .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ul:last-child, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ol:last-child, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ul:last-child, .bloglo-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ol:last-child { margin-bottom: 0; } .bloglo-widget.widget_text ul, .bloglo-widget.widget_text ol { margin: 1.6rem 0 1.6rem 1.968rem; } .bloglo-widget.widget_text ul:last-child, .bloglo-widget.widget_text ol:last-child { margin-bottom: 0; } .bloglo-widget.widget_text>ul:first-child, .bloglo-widget.widget_text>ol:first-child { margin-top: 0; } .bloglo-sidebar-container .widget.bloglo-widget .wp-block-social-links .wp-social-link { padding-top: 0; margin-bottom: 0; } #main .bloglo-widget { margin-bottom: 4rem; } #main .bloglo-widget .no-widget-text, #main .bloglo-widget:last-child { margin-bottom: 0; } .widget-title, .wp-block-heading, .wp-block-search .wp-block-search__label { margin-top: 0; position: relative; display: block; margin-bottom: 1.8rem; } .wp-block-search .wp-block-search__label { line-height: 1.2; } #colophon .widget-title { color: var(--bloglo-white); } .tagcloud a, .wp-block-tag-cloud a { font-size: 1.3rem !important; } .widget .tagcloud, .widget .wp-block-tag-cloud { margin-top: -0.8rem; } .widget .wp-block-archives select, .widget .wp-block-categories select, .widget.widget_archive select, .widget.widget_categories select { width: 100%; } .widget .wp-block-archives ul.children>li>a, .widget .wp-block-categories ul.children>li>a, .widget.widget_archive ul.children>li>a, .widget.widget_categories ul.children>li>a { padding-right: 4.4rem; } .widget ol, .widget ul { line-height: 1.5; } .widget ol:last-child, .widget ul:last-child { margin-bottom: 0; } .widget ol li, .widget ul:not(.wp-block-social-links) li { margin-bottom: 1rem; } .widget ol li:last-child, .widget ul:not(.wp-block-social-links) li:last-child { margin-bottom: 0; } .widget ol li.current_page_item>a, .widget ul li.current_page_item>a { font-weight: 600; } .widget ol.children, .widget ol.sub-menu, .widget ul.children, .widget ul.sub-menu { margin: 1.2rem 0 0 3.2rem; } .widget ol.children ul ul ul ul, .widget ol.sub-menu ul ul ul ul, .widget ul.children ul ul ul ul, .widget ul.sub-menu ul ul ul ul { margin-left: 0; } .widget ol.children>li>a, .widget ol.sub-menu>li>a, .widget ul.children>li>a, .widget ul.sub-menu>li>a, .widget ul.submenu-container>li>a { position: relative; } .widget ol.children>li>a:after, .widget ol.sub-menu>li>a:after, .widget ul.children>li>a:after, .widget ul.sub-menu>li>a:after, .widget ul.submenu-container>li>a:after { position: absolute; top: 0; left: -0.8rem; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); content: "\2014"; display: inline-block; line-height: 1.3; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.4; } .widget.bloglo-entry p { margin-top: 1.6rem; margin-bottom: 1.6rem; } .widget.bloglo-entry p:last-child { margin-bottom: 0; } .widget .wp-block-archives li, .widget .wp-block-categories li, .widget.widget_archive li, .widget.widget_categories li { display: block; position: relative; } .widget .wp-block-archives li a, .widget .wp-block-categories li a, .widget.widget_archive li a, .widget.widget_categories li a { display: block; } .widget.widget_block li a, .widget.widget_meta li a, .widget.widget_pages li a, .widget.widget_nav_menu li a, .widget.widget_archive li a, .widget.widget_categories li a { position: relative; z-index: 0; } .widget_block ul:not(.submenu-container, .wp-block-social-links, .wp-block-latest-posts__list)>li>a::before, .widget.widget_archive ul:not(.children)>li>a::before, .widget.widget_categories ul:not(.children)>li>a::before, .widget.widget.widget_pages ul:not(.sub-menu)>li>a::before, .widget.widget_nav_menu ul:not(.sub-menu)>li>a::before { content: ""; width: 0; height: 0.8rem; display: inline-block; vertical-align: middle; margin-top: -0.2rem; border-radius: var(--bloglo-full-radius); opacity: 0; visibility: hidden; background-color: var(--bloglo-primary); -webkit-transform: translateX(-1.6rem); transform: translateX(-1.6rem); -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .widget.widget_block ul:not(.submenu-container, .wp-block-social-links, .wp-block-latest-posts__list)>li>a:hover::before, .using-keyboard .widget.widget_block ul:not(.submenu-container, .wp-block-social-links, .wp-block-latest-posts__list)>li>a:focus::before, .widget.widget_archive ul:not(.children)>li>a:hover::before, .using-keyboard .widget.widget_archive ul:not(.children)>li>a:focus::before, .widget.widget_categories ul:not(.children)>li>a:hover::before, .using-keyboard .widget.widget_categories ul:not(.children)>li>a:focus::before, .widget.widget.widget_pages ul:not(.sub-menu)>li>a:hover::before, .using-keyboard .widget.widget.widget_pages ul:not(.sub-menu)>li>a:focus::before, .widget.widget_nav_menu ul:not(.sub-menu)>li>a:hover::before, .using-keyboard .widget.widget_nav_menu ul:not(.sub-menu)>li>a:focus::before { opacity: 1; visibility: visible; margin-right: 1.2rem; width: 0.8rem; -webkit-transform: translateX(0); transform: translateX(0); } .widget .wp-block-archives ul.children>li>a::before, .widget .wp-block-categories ul.children>li>a::before { display: none; } .bloglo-sidebar-container .widget ul:not(.bloglo-socials-menu)>li:not(:first-child) { padding-top: 1rem; border-top: 0.1rem solid rgba(190, 190, 190, 0.3); } .bloglo-sidebar-container .widget:not(.woocommerce) ul:not(.bloglo-socials-menu)>li:not(:first-child) span { top: 1.15rem; } .bloglo-sidebar-container .widget ul>:not(.bloglo-socials-menu, .children, .submenu-container) li, .bloglo-sidebar-container .widget ul>:not(.bloglo-socials-menu, .sub-menu, .submenu-container) li { padding: 0; border: 0; } .widget .wp-block-archives li a:hover+span, .widget .wp-block-categories li a:hover+span, .widget.widget_archive li a:hover+span, .widget.widget_categories li a:hover+span { color: var(--bloglo-white); } .widget .wp-block-archives li.current-cat a, .widget .wp-block-categories li.current-cat a, .widget.widget_archive li.current-cat a, .widget.widget_categories li.current-cat a { font-weight: 600; } .widget .wp-block-archives li.current-cat a+span, .widget .wp-block-categories li.current-cat a+span, .widget.widget_archive li.current-cat a+span, .widget.widget_categories li.current-cat a+span { color: var(--bloglo-white); } .widget .wp-block-archives li>span, .widget .wp-block-categories li>span, .widget.widget_archive li>span, .widget.widget_categories li>span { font-style: normal; margin-left: auto; -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; right: 0; top: 0.3rem; background-color: rgba(145, 145, 145, 0.1); min-width: 2.4rem; min-height: 2.4rem; padding: 0.5rem 0.8rem; border-radius: 4rem; line-height: 1; font-size: 1.386rem; font-weight: 400; pointer-events: none; } .widget.widget_archive li a, .widget.widget_media_image img { display: inline-block; } .widget.widget_recent_comments li { margin-bottom: 1.6rem; } .widget.widget_recent_comments li:last-child { margin-bottom: 0; } .widget.widget_recent_entries a { display: block; } .widget.widget_recent_entries span { font-size: 1.3rem; } .widget.widget_recent_entries>ul>li { margin-bottom: 2rem; } .widget.widget_recent_entries>ul>li>a { margin-bottom: 0.6rem; font-weight: 600; } .widget.widget_recent_entries .post-date { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget.widget_recent_entries .post-date:before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); content: ""; margin-right: 0.6rem; } .wp-block-calendar table:not(.variations):not(.shop_table).wp-calendar-table { margin-top: 0; margin-bottom: 0; } .wp-block-calendar table:not(.variations):not(.shop_table).wp-calendar-table caption { font-size: 1.4rem; text-align: center; text-transform: uppercase; letter-spacing: 0.2rem; font-weight: 500; caption-side: top; padding: 1.5rem; background-color: var(--bloglo-white); color: inherit; border-width: 0; border-style: solid; border-color: var(--bloglo-gray-light); border-left-width: 0.1rem; border-right-width: 0.1rem; border-top-width: 0.3rem; border-top-color: var(--bloglo-primary); } .wp-block-calendar table:not(.variations):not(.shop_table).wp-calendar-table #today { font-weight: 700; } .wp-block-calendar a { font-weight: 500; } .wp-block-calendar #today, .wp-block-calendar a:hover, .using-keyboard .wp-block-calendar a:focus { color: var(--bloglo-primary); } .wp-calendar-nav { font-size: 1.3rem; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; letter-spacing: 0.05rem; background-color: rgba(190, 190, 190, 0.05); border: 0.1rem solid rgba(190, 190, 190, 0.3); border-top: 0; } .widget.widget_meta ul li:before, .widget.widget_icon_list ul li:before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); content: ""; display: inline-block; margin-right: 0.7rem; width: 2rem; vertical-align: text-bottom; } .widget.widget_icon_list ul li a:before, .widget.widget_meta ul li a:before { bottom: -0.2rem; } .widget.widget_meta ul li:first-child:before, .widget.widget_icon_list ul li:first-child:before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .widget.widget_meta ul li:nth-child(2):before, .widget.widget_icon_list ul li:nth-child(2):before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .widget.widget_meta ul li:nth-child(3):before, .widget.widget_icon_list ul li:nth-child(3):before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .widget.widget_meta ul li:nth-child(4):before, .widget.widget_icon_list ul li:nth-child(4):before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .widget.widget_meta ul li:nth-child(5):before, .widget.widget_icon_list ul li:nth-child(5):before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); } .bloglo-sidebar-style-3 #secondary .hester-core-social-links-widget { padding-bottom: 1.5rem; } /*****************************************/ /* 404 page styles. /*****************************************/ #page .error-404 .page-header h1.page-title { font-size: 30rem; letter-spacing: -0.08em; font-weight: 700; line-height: 1; color: var(--bloglo-primary); } .error-404 { max-width: 60rem; margin: -2rem auto 0 auto; padding: 2rem 0 0 0; } .error-404 .page-header { background: none; border: none; position: relative; } .error-404 .page-header:after { display: none; } .error-404 .page-header h1 { position: relative; opacity: 0.05; z-index: 1; } .error-404 .page-header p { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -10%); -ms-transform: translate(-50%, -10%); transform: translate(-50%, -10%); z-index: 2; line-height: 1; } .error-404 .page-content p { font-size: 1.6rem; max-width: 38rem; margin: 4rem auto; } .error-404 .page-content .bloglo-btn { margin: 5rem 0 0 0; } .error-404 input[type="search"] { padding-top: 1.3rem; padding-bottom: 1.3rem; } .error404 #main>.bloglo-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .error404 #content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; } /*****************************************/ /* Entry styles. /*****************************************/ /* Content links */ .comment-content>:first-child, .bloglo-entry>:first-child, .wp-block-column>:first-child, .wp-block-cover>:first-child, .wp-block-cover__inner-container>:first-child, .wp-block-group__inner-container>:first-child { margin-top: 0; } .comment-content>:last-child, .bloglo-entry>:last-child, .wp-block-column>:last-child, .wp-block-cover>:last-child, .wp-block-cover__inner-container>:last-child, .wp-block-group__inner-container>:last-child { margin-bottom: 0; } .bloglo-entry>.alignfull:first-child { margin-top: 0; } .bloglo-entry>.alignfull:last-child, .wp-block-cover__inner-container>:first-child:last-child, .wp-block-group__inner-container>:first-child:last-child { margin-bottom: 0; } .entry-content ol li, .entry-content ul:not(.wp-block-latest-posts) li { margin-bottom: 0.64rem; } .entry-content .tablepress { word-break: normal; } .bloglo-entry ul:not(.wp-block-latest-posts) { list-style: disc; } .bloglo-entry ul ul { list-style: circle; } .bloglo-entry ol, .bloglo-entry ul:not(.wp-block-latest-posts) { margin-left: 4rem; } .bloglo-entry ol li:not(.blocks-gallery-item):last-child, .bloglo-entry ul:not(.wp-block-social-links) li:not(.blocks-gallery-item):last-child { margin-bottom: 0; } .bloglo-entry ol ol, .bloglo-entry ol ul, .bloglo-entry ul ol, .bloglo-entry ul ul { margin-top: 0.64rem; margin-bottom: 0; } .bloglo-entry ol, .bloglo-entry ul:not(.wp-block-latest-posts) { margin-bottom: 2rem; margin-top: 2rem; } .bloglo-entry .gallery, .bloglo-entry blockquote, .bloglo-entry dl, .bloglo-entry p, .bloglo-entry pre, .bloglo-entry table { margin-bottom: 1.5rem; margin-top: 1.5rem; } .bloglo-entry .wp-block-post-template { margin: 0; list-style: none; } .bloglo-entry ul.bloglo-socials-menu { margin-top: 0; } .bloglo-entry .wp-block-image figure.alignleft, .bloglo-entry .wp-block-image figure.alignright { display: table; } .bloglo-entry .wp-block-image figure.alignleft figcaption, .bloglo-entry .wp-block-image figure.alignright figcaption { display: table-caption; caption-side: bottom; } .bloglo-entry figure { margin-top: 2rem; margin-bottom: 2rem; } .bloglo-entry figure.wp-block-gallery { margin-bottom: calc(2rem - 16px); } .bloglo-entry .wp-block-embed figcaption, .bloglo-entry .wp-block-image figcaption { margin-top: 1.2rem; margin-bottom: 0; font-size: 1.3rem; } .bloglo-entry cite { font-style: normal; color: #66717f; font-size: 1.4rem; } .bloglo-entry .twitter-tweet { -js-display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% !important; margin-top: 0 !important; margin-top: 0 !important; } .bloglo-entry .post-password-form { text-align: center; } .bloglo-entry .wp-block-gallery.aligncenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #page ul.blocks-gallery-grid { margin: 0; } .post_format-post-format-quote .bloglo-blog-entry-content { position: relative; border-radius: var(--bloglo-normal-radius); overflow: hidden; } .post_format-post-format-quote .bloglo-blog-entry-content:hover .quote-post-bg, .post_format-post-format-quote .bloglo-blog-entry-content:hover .quote-post-bg:after { opacity: 1; } .post_format-post-format-quote .bloglo-blog-entry-content .entry-content h3 { line-height: 1.4; color: #fff; } .post_format-post-format-quote .bloglo-blog-entry-content .entry-content a { color: var(--bloglo-white); } .post_format-post-format-quote .bloglo-blog-entry-content .entry-content .quote-link { z-index: 3; } .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg { display: block; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; opacity: 0.88; } .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg:after { content: ""; background-color: #232323; opacity: 0.8795; } .post_format-post-format-quote .bloglo-blog-entry-content .quote-inner { position: relative; text-align: left; padding: 10% 12%; overflow: hidden; z-index: 2; } .post_format-post-format-quote .bloglo-blog-entry-content .quote-inner .author { margin-top: 1.6rem; font-size: 1.2rem; color: rgba(255, 255, 255, 0.85); font-weight: 500; } .post_format-post-format-quote .bloglo-blog-entry-content .quote-inner .author:before { content: "\2014"; display: inline-block; margin-right: 0.6rem; } .post_format-post-format-quote .bloglo-blog-entry-content .bloglo-icon.icon-quote { position: relative; width: 2.2rem; height: 2.2rem; margin-bottom: 2.5rem; z-index: 2; fill: #fff; } /* Post Format Gallery */ .bloglo-post-gallery .swiper-slide img { width: 100%; height: auto; } .bloglo-post-gallery .swiper-button-prev, .bloglo-post-gallery .swiper-button-next { width: 4rem; height: 4rem; } .horizontal-slider-items.swiper .bloglo-post-gallery .swiper-button-prev, .horizontal-slider-items.swiper .bloglo-post-gallery .swiper-button-next { display: none; } .bloglo-post-gallery.swiper-horizontal .swiper-pagination { bottom: 1.5rem; } .bloglo-post-gallery .swiper-pagination .swiper-pagination-bullet { cursor: pointer; width: 0.9rem; height: 0.9rem; } .bloglo-post-gallery .swiper-pagination .swiper-pagination-bullet-active { background: var(--bloglo-primary); } /* // */ .bloglo-post-audio-wrapper audio { width: 100%; } .author-avatar img { border-radius: var(--bloglo-full-radius); width: 3rem; vertical-align: middle; margin-right: 0.8rem; display: inline-block; } #main .wp-block-file__button { color: var(--bloglo-white); } #main .content-area .entry-meta a { color: inherit; } .entry-meta { font-size: 1.4rem; margin-top: 1.2rem; } .entry-meta .bloglo-icon { height: 1.827rem; margin-right: 0.7rem; vertical-align: text-bottom; } .entry-meta .entry-meta-elements>span { padding: 0 1.1rem; line-height: 1.8; } .entry-meta .entry-meta-elements>span, .entry-meta .entry-meta-elements>span .posted-by { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .entry-meta .entry-meta-elements>span:first-child { padding-left: 0; } .entry-meta .entry-meta-elements>span:last-child { margin-right: 0; padding-right: 0; } .entry-meta .entry-meta-elements>span:before { content: ""; height: 1.6rem; width: 0.1rem; background-color: rgba(0, 0, 0, 0.25); position: relative; left: -1.1rem; } .entry-meta .entry-meta-elements>span:first-child:before { display: none; } .entry-media>a { position: relative; display: block; overflow: hidden; } .entry-media>a .entry-media-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 2rem; right: 2rem; width: 5rem; height: 5rem; } .entry-media>a .entry-media-icon .entry-media-icon-wrapper { overflow: hidden; border-radius: 50%; } .entry-media>a .entry-media-icon:before { content: ""; z-index: 1; -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-radius: 50%; background-color: #232323; } .entry-media>a .entry-media-icon.is_sticky:before { background-color: var(--bloglo-primary); } .entry-media>a .entry-media-icon .bloglo-icon, .entry-media>a .entry-media-icon svg { color: var(--bloglo-white); fill: var(--bloglo-white); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate3d(0, 1.7rem, 0); transform: translate3d(0, 1.7rem, 0); -webkit-transition: -webkit-transform 0.22s ease; transition: -webkit-transform 0.22s ease; transition: transform 0.22s ease; transition: transform 0.22s ease, -webkit-transform 0.22s ease; z-index: 2; height: 1.6rem; } .entry-media>a .entry-media-icon .bloglo-icon.top-icon, .entry-media>a .entry-media-icon svg.top-icon { -webkit-transform: translate(0, 6.7rem); -ms-transform: translate(0, 6.7rem); transform: translate(0, 6.7rem); } .entry-media>a .entry-media-icon .bloglo-icon.bloglo-play:before, .entry-media>a .entry-media-icon svg.bloglo-play:before { position: relative; right: -0.1rem; } .entry-media>a:hover .entry-media-icon:before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .entry-media>a:hover .entry-media-icon .bloglo-icon, .entry-media>a:hover .entry-media-icon svg { -webkit-transform: translate(0, -6.7rem); -ms-transform: translate(0, -6.7rem); transform: translate(0, -6.7rem); } .entry-media>a:hover .entry-media-icon .bloglo-icon.top-icon, .entry-media>a:hover .entry-media-icon svg.top-icon { -webkit-transform: translate(0, 1.7rem); -ms-transform: translate(0, 1.7rem); transform: translate(0, 1.7rem); } /*****************************************/ /* Single post styles. /*****************************************/ .single-post.narrow-content .entry-content>ol, .single-post.narrow-content .entry-content>ul { padding-left: 4rem; } .posted-on .published:not(.updated) { display: none; } #main .entry-header .entry-title a { color: inherit; } #main .entry-header .entry-title a:hover, .using-keyboard #main .entry-header .entry-title a:focus { color: var(--bloglo-primary); } .single .entry-footer { margin-top: 4rem; } .single .entry-footer:empty { display: none; } .single .entry-footer .post-tags { margin-right: auto; padding-right: 2rem; } .single .entry-footer .last-updated { margin-top: 0.4rem; font-size: 1.493rem; } .single .entry-footer .last-updated .bloglo-icon { height: 1.6rem; margin-right: 0.6rem; } .single .post_format-post-format-quote .bloglo-blog-entry-content { margin-bottom: 5rem; } .post-thumb-caption { margin-top: 0.8rem; text-align: center; font-size: 1.4rem; } .entry-media { margin-bottom: 3rem; } .entry-media img { margin: 0 auto; display: block; border-radius: var(--bloglo-normal-radius); } .single-post .entry-media, .single-post .entry-content { margin-top: 4rem; } .single-post .entry-media { margin-bottom: 4rem; } .single .entry-content img { margin: 0 auto; display: block; } .single .entry-content p img { display: inline-block; vertical-align: text-bottom; } .single .post-tags { margin-bottom: -0.5rem; } .single .post-tags .cat-links { display: inline-block; } .bloglo-hover-slider .post-category, .single .post-category { margin-bottom: 0.3rem; font-size: 1.4rem; } .post-category a { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: 500; padding: 0.6rem 1rem; line-height: 1; border-radius: var(--bloglo-normal-radius); text-decoration: none; margin: 0 0 0.8rem 0.4rem; color: #fff; background-color: var(--bloglo-primary); } .post-category a:first-of-type { margin-left: 0; } .bloglo-hover-slider .entry-header, .single .entry-header { text-align: left; margin-bottom: 1rem; } .bloglo-hover-slider .entry-meta, .single .entry-meta { text-align: left; margin-top: 1.6rem; } .bloglo-hover-slider .entry-content, .single .entry-content { margin-bottom: 5rem; } .bloglo-hover-slider .entry-content>:last-child, .single .entry-content>:last-child { margin-bottom: 0 !important; } .single #main .post-nav a { color: inherit; display: block; } .single .post-nav { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 2.5rem; } .single .post-nav>div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .single .post-nav .nav-title { margin-top: 0; margin-bottom: 1.6rem; } .single .post-nav .nav-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.5; font-weight: 500; } .single .post-nav .nav-content>div { -ms-flex-negative: 0; flex-shrink: 0; } .single .post-nav .nav-content span em { font-style: normal; } .single .post-nav img { border-radius: var(--bloglo-normal-radius); } .single .post-nav .nav-previous { margin-right: auto; } .single .post-nav .nav-previous .nav-content span { padding-right: 2rem; } .single .post-nav .nav-previous .nav-content img { margin-right: 2rem; } .single .post-nav .nav-next { margin-left: auto; } .single .post-nav .nav-next .nav-title { text-align: right; } .single .post-nav .nav-next .nav-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .single .post-nav .nav-next .nav-content span:not(.ss-on-media-image-wrap) { text-align: right; padding-left: 2rem; } .single .post-nav .nav-next .nav-content img { margin-left: 2rem; } .single.single-format-quote .entry-content { margin-top: 0; margin-bottom: 0; } #main .post-tags a, #main .tagcloud a, #main .wp-block-tag-cloud a { color: inherit; } .single .post-tags a, .tagcloud a, .wp-block-tag-cloud a { display: block; float: left; text-transform: none; letter-spacing: 0; border-radius: var(--bloglo-full-radius); padding: 0.8rem 1.4rem; margin: 0.8rem 0.8rem 0 0; background-color: rgba(190, 190, 190, 0.12); border: 0.1rem solid rgba(190, 190, 190, 0.3); line-height: 1; font-size: 1.3rem; } .single .post-tags a:after, .tagcloud a:after, .wp-block-tag-cloud a:after { display: none !important; } .using-keyboard.single .post-tags .cat-links a:focus, .single .post-tags .cat-links a:hover, .using-keyboard .tagcloud a:focus, .tagcloud a:hover, .using-keyboard .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a:hover { color: var(--bloglo-white) !important; } .post-password-form { background-color: rgba(0, 0, 0, 0.02); padding: 4rem 3rem; border: 0.1rem solid rgba(190, 190, 190, 0.3); } .post-password-form>p:first-child { max-width: 40rem; margin-left: auto; margin-right: auto; } .post-password-form label { font-size: 1.5rem; text-align: left; } .post-password-form input[type="password"] { min-width: 25rem; margin-top: 0.7rem; } .post-password-form input[type="submit"] { position: relative; top: -0.1rem; margin-left: 0.6rem; padding: 0 3.2rem; } .single.bloglo-page-title-align-left .page-header.bloglo-has-page-title, .single.bloglo-page-title-align-left .bloglo-article>.entry-header, .single.bloglo-page-title-align-left .bloglo-article>.post-category { text-align: left; } .single.bloglo-page-title-align-left .bloglo-article>.entry-meta>.entry-meta-elements { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .single.bloglo-page-title-align-center .page-header.bloglo-has-page-title, .single.bloglo-page-title-align-center .bloglo-article>.entry-header, .single.bloglo-page-title-align-center .bloglo-article>.post-category { text-align: center; } .single.bloglo-page-title-align-center .bloglo-article>.entry-meta>.entry-meta-elements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .single.bloglo-page-title-align-right .page-header.bloglo-has-page-title, .single.bloglo-page-title-align-right .bloglo-article>.entry-header, .single.bloglo-page-title-align-right .bloglo-article>.post-category { text-align: right; } .single.bloglo-page-title-align-right .bloglo-article>.entry-meta>.entry-meta-elements { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .single.bloglo-single-title-in-page-header .entry-content, .single.bloglo-single-title-in-page-header .hentry>div:first-child { margin-top: 0; } .single.bloglo-single-title-in-page-header #page .page-header .page-title { color: #fff; font-size: 4.8rem; } .single.bloglo-single-title-in-page-header .page-header { padding-top: 0 !important; padding-bottom: 0 !important; } .single.bloglo-single-title-in-page-header .page-header .entry-meta { color: rgba(255, 255, 255, 0.75); margin-top: 0; } .using-keyboard.single.bloglo-single-title-in-page-header .page-header .entry-meta a:focus, .single.bloglo-single-title-in-page-header .page-header .entry-meta a:hover { color: #fff; } .single.bloglo-single-title-in-page-header .page-header .entry-meta .entry-meta-elements>span:before { background-color: rgba(255, 255, 255, 0.5); left: -1.3rem; bottom: 0; } .single.bloglo-single-title-in-page-header .page-header .post-category { margin-bottom: 1.6rem; } .single.bloglo-single-title-in-page-header .page-header .post-category a { color: #fff; font-size: 1.5rem; } .single.bloglo-single-title-in-page-header .page-header .bloglo-breadcrumbs .breadcrumb-trail .trail-items li:after, .single.bloglo-single-title-in-page-header .page-header .bloglo-breadcrumbs .separator, .single.bloglo-single-title-in-page-header .page-header .bloglo-breadcrumbs a, .single.bloglo-single-title-in-page-header .page-header .bloglo-breadcrumbs span { color: rgba(255, 255, 255, 0.75); } .using-keyboard.single.bloglo-single-title-in-page-header .page-header .bloglo-breadcrumbs a:focus, .single.bloglo-single-title-in-page-header .page-header .bloglo-breadcrumbs a:hover { color: #fff; } .single.bloglo-single-title-in-page-header .page-header.bloglo-has-page-title .entry-meta { margin-top: 3.2rem; } .page-header.bloglo-page-title-has-bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border: none; } .page-header.bloglo-page-title-has-bg-img:after { content: ""; pointer-events: none; background-color: #232323; opacity: 0.65; } .page-header.bloglo-page-title-has-bg-img.bloglo-bg-attachment-fixed { background-attachment: fixed; } /*****************************************/ /* Author box - about the author. /*****************************************/ body.author .author-box { margin-bottom: 4rem; margin-top: 0; } #main .author-box-title a { color: inherit; } .author-box { -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 4rem; margin: 3rem auto; } .author-box .author-box-avatar, .author-box .author-box-meta { min-width: 0; min-height: 0; } .author-box .author-box-avatar { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 2.5rem; } .author-box .author-box-avatar img { display: block; border-radius: 50%; } .author-box .author-box-meta { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .author-box .author-box-title { margin-top: 0; margin-bottom: 0.8rem; } .author-box .author-box-content { line-height: 1.6; } .author-box .more-posts-button { margin-top: 1.6rem; } /*****************************************/ /* Comment styles. /*****************************************/ .bloglo-has-comments-toggle #comments { display: none; margin-top: 4rem; } .bloglo-has-comments-toggle.comments-visible #comments { display: block; } .bloglo-has-comments-toggle #bloglo-comments-toggle { font-size: inherit; margin-top: 4rem; } .bloglo-has-comments-toggle #bloglo-comments-toggle .bloglo-icon { width: 2.2rem; height: 2.2rem; margin-right: 0.8rem; } #comments { margin-top: 5rem; } #comments .comments-title-wrapper { margin: 0 0 4rem 0; } #comments .comments-title-wrapper p { text-align: center; margin-top: 0.6rem; font-size: 1.6rem; } #comments .comment-list ol, #comments .comment-list ul { margin-left: 5rem; } #comments .comment-list #respond { position: relative; margin: 4rem 0 4rem 0; } #comments .comment-list .children { position: relative; } #comments .comment-list .children #respond { position: relative; margin-bottom: 2.5rem; } #comments .comment-list .children>li { position: relative; } #comments .comment-list .children>li:before { position: absolute; content: ""; height: calc(100% + 15px); width: 0.1rem; background-color: rgba(190, 190, 190, 0.3); left: -2.5rem; top: -1.5rem; } #comments .comment-list .children>li:after { position: absolute; content: ""; height: 0.1rem; width: 2.5rem; background-color: rgba(190, 190, 190, 0.3); left: -2.5rem; top: 5.5rem; } #comments .comment-list .children>li:last-child:before { height: 7rem; } #comments .comment-list .children:before { position: absolute; content: ""; height: 0; width: 0.1rem; background-color: rgba(190, 190, 190, 0.3); left: -2.5rem; top: -1.5rem; } #comments .comment-list .children #respond:before { position: absolute; content: ""; height: calc(100% + 20px); width: 0.1rem; background-color: rgba(190, 190, 190, 0.3); left: -2.5rem; top: -4rem; } #comments .comment-list .children #respond .form-submit { position: relative; } #comments .comment-list .children #respond .form-submit:before { position: absolute; content: ""; width: 2.5rem; height: 0.1rem; background-color: rgba(190, 190, 190, 0.3); left: -2.5rem; bottom: 2rem; } #comments .comment { margin: 0 0 1.5rem 0; } #comments .comment-body, #comments .comment_container { position: relative; padding: 2rem 2.5rem 2.5rem 10rem; min-height: 10rem; overflow-wrap: break-word; word-wrap: break-word; } #comments .comment-content ol, #comments .comment-content ul { margin: 1.6em 3.5rem; } #comments .comment-content ol li, #comments .comment-content ul li { margin-bottom: 0.5rem; } #comments .comment-content ol ol, #comments .comment-content ol ul, #comments .comment-content ul ol, #comments .comment-content ul ul { margin-top: 0; } #comments .comment-content ul { list-style: disc; } #comments .comment-content ol { list-style: decimal; } #comments .bloglo-pingback { position: relative; padding: 1.2rem 2.5rem; border-radius: var(--bloglo-normal-radius); border: 0.1rem solid rgba(190, 190, 190, 0.3); margin-bottom: 0.7rem; border-radius: 0; overflow-wrap: break-word; word-wrap: break-word; } #comments .bloglo-pingback>p { margin: 0; } #comments .comment-author-avatar { display: block; position: absolute; z-index: 1; left: 2.5rem; top: 2.5rem; max-width: 6rem; width: 5rem; height: 5rem; background-color: rgba(0, 0, 0, 0.03); border-radius: 50%; } #comments .comment-author-avatar img { border-radius: 50%; } #comments .bypostauthor-badge { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; position: absolute; top: -0.2rem; right: -1.1rem; width: 2.2rem; height: 2.2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 0.2rem solid var(--bloglo-white); color: var(--bloglo-white); font-size: 1.1rem; font-weight: 600; z-index: 9; line-height: 0; } #comments .comment-author-meta cite { font-style: normal; font-weight: 600; } #comments .comment-author-meta cite:before { content: none; } #comments .comment-author-meta cite a { text-decoration: none; color: inherit; } #comments .comment-author-meta cite a:hover { text-decoration: underline; } #comments .comment-actions, #comments .comment-meta { font-size: 1.493rem; } #comments .comment-meta { line-height: 1.5; } #comments .comment-meta a { color: inherit; text-decoration: none; } #comments .comment-meta a:hover { text-decoration: underline; } #comments .comment-actions { margin-left: auto; } #comments .comment-actions a { position: relative; text-decoration: none; color: #232323; } #comments .comment-actions .bloglo-comment-sep { width: 0.1rem; height: 1.6rem; margin: 0 0.9rem -0.2rem 1rem; display: inline-block; background-color: rgba(0, 0, 0, 0.25); } #comments .comment-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #comments .comment-content { margin-top: 1.6rem; } #comments .comment-content img, #comments .comment-content p { margin-top: 1.6rem; margin-bottom: 1.6rem; } #comments .comment-content img:first-child, #comments .comment-content p:first-child { margin-top: 0; } #comments .comment-content blockquote:last-child, #comments .comment-content code:last-child, #comments .comment-content img:last-child, #comments .comment-content ol:last-child, #comments .comment-content p:last-child, #comments .comment-content pre:last-child, #comments .comment-content ul:last-child { margin-bottom: 0; } .comments-closed { margin: 4rem 0 0; } #respond { margin-top: 4rem; } #respond .comment-reply-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #respond .must-log-in { text-align: center; color: #66717f; margin-top: 0.6rem; } #respond .required-field { border-bottom-color: #f00; } #cancel-comment-reply-link { font-size: 1.3rem; border-radius: var(--bloglo-normal-radius); border: 0.2rem solid currentColor; font-weight: 500; padding: 0.4rem 0.7rem; line-height: 1; text-decoration: none; text-transform: capitalize; margin-left: 1.4rem; color: inherit; } .comment-form { -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment-form span.required { font-weight: 700; } .comment-form .comment-notes { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; font-size: 1.6rem; margin-top: 0.6rem; margin-bottom: 1.6rem; } .comment-form>div, .comment-form>p { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0; margin-bottom: 0.8em; } .comment-form>div.comment-form-author, .comment-form>div.comment-form-email, .comment-form>div.comment-form-url, .comment-form>p.comment-form-author, .comment-form>p.comment-form-email, .comment-form>p.comment-form-url { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; margin-bottom: 2.4rem; margin-top: 1.6rem; } .comment-form>div.comment-form-email, .comment-form>div.comment-form-url, .comment-form>p.comment-form-email, .comment-form>p.comment-form-url { padding-left: 1.5rem; } .comment-form>div.form-submit, .comment-form>p.form-submit { margin-top: 1em; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 0; } .comment-form>div .bloglo-submit-form-button, .comment-form>p .bloglo-submit-form-button { display: block; } .comment-form>div.comment-textarea, .comment-form>p.comment-textarea { margin-top: 2.4rem; } .comment-form textarea { height: 19.2rem; } .comments-area .akismet_comment_form_privacy_notice, .comments-area .logged-in-as { margin-bottom: 0; } .comments-area .logged-in-as { margin-top: 3.2rem; } .comments-area .logged-in-as>a:first-child:after { content: "|"; display: inline-block; padding-left: 0.5rem; padding-right: 0.4rem; } /*****************************************/ /* Spinner styles /*****************************************/ .bloglo-spinner { width: 4rem; height: 4rem; position: relative; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } .bloglo-spinner.visible { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .bloglo-spinner>div { border-radius: 50%; background-color: #767676; opacity: 0.6; -webkit-animation: ai_bounce 1.6s infinite ease-in-out; animation: ai_bounce 1.6s infinite ease-in-out; } .bloglo-spinner>div:last-child { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /*****************************************/ /* Preloader styles /*****************************************/ #bloglo-preloader { position: fixed; z-index: 99991; overflow: hidden; } .bloglo-loading #bloglo-preloader .preloader-1 { opacity: 0; } .bloglo-loaded #bloglo-preloader { display: none; } /*****************************************/ /* Style 1 - "Spinner". /*****************************************/ .preloader-1 { position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--bloglo-white); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 1; } .preloader-1>div { display: inline-block; border: 0.3rem solid rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.2); -webkit-animation: ai_spin 0.65s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: ai_spin 0.65s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); width: 5rem; height: 5rem; border-radius: 100%; will-change: transform; } /*****************************************/ /* Preloader Animation Keyframes /*****************************************/ @-webkit-keyframes ai_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ai_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background-color: #232323; height: 5rem !important; } .mejs-container .mejs-inner.mejs-audio { background-color: transparent; } .mejs-container .mejs-inner .mejs-controls { padding: 0 2rem; background-image: none; } .mejs-container .mejs-inner .mejs-controls .mejs-time-float { display: none !important; } .mejs-container .mejs-inner .mejs-controls .mejs-button { height: 100%; } .mejs-container .mejs-inner .mejs-controls .mejs-button>button { margin: 0; } .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-slider, .mejs-container .mejs-inner .mejs-controls .mejs-time-rail { height: 100%; padding: 0; } .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-total, .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container .mejs-inner .mejs-controls .mejs-volume-button .mejs-volume-slider, .mejs-container .mejs-inner .mejs-controls button { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .mejs-container .mejs-inner .mejs-controls .mejs-time { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; height: 100%; padding: 0; margin: 0 2rem; color: #cacaca; font-size: 1.3rem; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle { top: -0.4rem; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content { height: 1.4rem; width: 1.4rem; top: -0.6rem; background-color: var(--bloglo-white); } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle span { border-radius: 50%; } .mejs-horizontal-volume-slider { height: 100%; } .mejs-container .mejs-inner .mejs-controls .mejs-horizontal-volume-total, .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total { height: 0.2rem; margin: 0; top: 50%; background-image: none; background-color: #666; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total:before { content: ""; display: inline-block; width: 100%; height: 1rem; position: absolute; top: -0.5rem; left: 0; z-index: 0; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total span { height: 100%; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current, .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded { background-image: none; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded { background-color: #898989; } /*****************************************/ /* Misc Styles /*****************************************/ button.bloglo-animate-arrow { -webkit-appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; background: none; outline: none; } .btn-svg .arrow-bar, .flex-next .arrow-bar, .flex-prev .arrow-bar, .bloglo-animate-arrow .arrow-bar { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .btn-svg .arrow-bar, .btn-svg .arrow-handle, .flex-next .arrow-bar, .flex-next .arrow-handle, .flex-prev .arrow-bar, .flex-prev .arrow-handle, .bloglo-animate-arrow .arrow-bar, .bloglo-animate-arrow .arrow-handle { -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .btn-svg svg, .flex-next svg, .flex-prev svg, .bloglo-animate-arrow svg { vertical-align: middle; } .btn-svg:focus, .btn-svg:hover, .flex-next:focus, .flex-next:hover, .flex-prev:focus, .flex-prev:hover, .bloglo-animate-arrow:focus, .bloglo-animate-arrow:hover { cursor: pointer; } .btn-svg:focus .arrow-handle, .btn-svg:hover .arrow-handle, .flex-next:focus .arrow-handle, .flex-next:hover .arrow-handle, .flex-prev:focus .arrow-handle, .flex-prev:hover .arrow-handle, .bloglo-animate-arrow:focus .arrow-handle, .bloglo-animate-arrow:hover .arrow-handle { -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } .btn-svg:focus .arrow-bar, .btn-svg:hover .arrow-bar, .flex-next:focus .arrow-bar, .flex-next:hover .arrow-bar, .flex-prev:focus .arrow-bar, .flex-prev:hover .arrow-bar, .bloglo-animate-arrow:focus .arrow-bar, .bloglo-animate-arrow:hover .arrow-bar { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .btn-svg.btn-left-icon .arrow-bar, .btn-svg.has-left-icon .arrow-bar, .btn-svg.left-arrow .arrow-bar, .flex-next.btn-left-icon .arrow-bar, .flex-next.has-left-icon .arrow-bar, .flex-next.left-arrow .arrow-bar, .flex-prev.btn-left-icon .arrow-bar, .flex-prev.has-left-icon .arrow-bar, .flex-prev.left-arrow .arrow-bar, .bloglo-animate-arrow.btn-left-icon .arrow-bar, .bloglo-animate-arrow.has-left-icon .arrow-bar, .bloglo-animate-arrow.left-arrow .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .btn-svg.btn-left-icon .arrow-handle, .btn-svg.has-left-icon .arrow-handle, .btn-svg.left-arrow .arrow-handle, .flex-next.btn-left-icon .arrow-handle, .flex-next.has-left-icon .arrow-handle, .flex-next.left-arrow .arrow-handle, .flex-prev.btn-left-icon .arrow-handle, .flex-prev.has-left-icon .arrow-handle, .flex-prev.left-arrow .arrow-handle, .bloglo-animate-arrow.btn-left-icon .arrow-handle, .bloglo-animate-arrow.has-left-icon .arrow-handle, .bloglo-animate-arrow.left-arrow .arrow-handle { -webkit-transform: translateX(0.6rem); -ms-transform: translateX(0.6rem); transform: translateX(0.6rem); } .btn-svg.btn-right-icon svg, .btn-svg.has-right-icon svg, .btn-svg.right-arrow svg, .flex-next.btn-right-icon svg, .flex-next.has-right-icon svg, .flex-next.right-arrow svg, .flex-prev.btn-right-icon svg, .flex-prev.has-right-icon svg, .flex-prev.right-arrow svg, .bloglo-animate-arrow.btn-right-icon svg, .bloglo-animate-arrow.has-right-icon svg, .bloglo-animate-arrow.right-arrow svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn-svg.btn-right-icon .arrow-bar, .btn-svg.has-right-icon .arrow-bar, .btn-svg.right-arrow .arrow-bar, .flex-next.btn-right-icon .arrow-bar, .flex-next.has-right-icon .arrow-bar, .flex-next.right-arrow .arrow-bar, .flex-prev.btn-right-icon .arrow-bar, .flex-prev.has-right-icon .arrow-bar, .flex-prev.right-arrow .arrow-bar, .bloglo-animate-arrow.btn-right-icon .arrow-bar, .bloglo-animate-arrow.has-right-icon .arrow-bar, .bloglo-animate-arrow.right-arrow .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .btn-svg.btn-right-icon .arrow-handle, .btn-svg.has-right-icon .arrow-handle, .btn-svg.right-arrow .arrow-handle, .flex-next.btn-right-icon .arrow-handle, .flex-next.has-right-icon .arrow-handle, .flex-next.right-arrow .arrow-handle, .flex-prev.btn-right-icon .arrow-handle, .flex-prev.has-right-icon .arrow-handle, .flex-prev.right-arrow .arrow-handle, .bloglo-animate-arrow.btn-right-icon .arrow-handle, .bloglo-animate-arrow.has-right-icon .arrow-handle, .bloglo-animate-arrow.right-arrow .arrow-handle { -webkit-transform: translateX(0.6rem); -ms-transform: translateX(0.6rem); transform: translateX(0.6rem); } svg.bloglo-animate-arrow.right-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } svg.bloglo-animate-arrow.right-arrow .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } svg.bloglo-animate-arrow.right-arrow .arrow-handle { -webkit-transform: translateX(0.6rem); -ms-transform: translateX(0.6rem); transform: translateX(0.6rem); } #page .uppercase-text { text-transform: uppercase; } #page .center-text { text-align: center; } #page .mr-20 { margin-right: 2rem; } #page .mt--30 { margin-top: -3rem; } #page .mb--30 { margin-bottom: -3rem; } #page .bloglo-clear-p { padding: 0; } #page .bloglo-clear-m { margin: 0; } #page .bloglo-clear-bm { margin-bottom: 0; } #page .bloglo-clear-tm { margin-top: 0; } #page .bloglo-unset-mw, #page .bloglo-unset-mw>img { max-width: unset; } #page .bloglo-z-index-99 { position: relative; z-index: 99; } #page .bloglo-br-0, #page .bloglo-br-0 img { border-radius: 0; } #page .bloglo-br-3, #page .bloglo-br-3 img { border-radius: var(--bloglo-normal-radius); } #page .bloglo-br-6, #page .bloglo-br-6 img { border-radius: 0.6rem; } #page .bloglo-br-12, #page .bloglo-br-12 img { border-radius: 1.2rem; } #page .bloglo-bs { -webkit-box-shadow: 0 1rem 3.5rem -0.3rem rgba(0, 0, 0, 0.12); box-shadow: 0 1rem 3.5rem -0.3rem rgba(0, 0, 0, 0.12); } .bloglo-entry>.ss-inline-share-wrapper:first-child { margin-top: 0; } .bloglo-entry>.ss-inline-share-wrapper:last-child { margin-top: 4rem; margin-bottom: -2rem !important; } .wpforms-container label.wpforms-error { font-weight: 400; } .wpforms-container label.wpforms-error a { color: inherit; text-decoration: underline; } #page .sharedaddy { margin-top: 2rem; margin-bottom: 2rem; } #page .sharedaddy h3.sd-title { font-size: inherit; font-weight: 500; } #page .sharedaddy h3.sd-title:before { display: none; } ul.swiper-wrapper { list-style: none; margin-left: 0; margin-right: 0; } #infinite-footer { z-index: 9; } .infinite-loader { margin: 4rem 0; } /* * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers * * Bloglo changes: added prefix .si to all HTML elements; */ .bloglo-hamburger { padding: 0 0; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger-box { width: 2.5rem; height: 1.4rem; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -0.1rem; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 2.8rem; height: 2px; background-color: #232323; border-radius: var(--bloglo-normal-radius); position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -5px; } .hamburger-inner::after { bottom: -5px; } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /*****************************************/ /* Is Mobile /*****************************************/ .bloglo-is-mobile #bloglo-header-inner .bloglo-nav>ul>li>a { color: inherit !important; } /*****************************************/ /* Mobile navigation styles. /*****************************************/ .bloglo-mobile-nav { display: none; margin-left: 2.4rem; } .bloglo-hamburger, .bloglo-mobile-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body:not(.is-mobile-menu-active) .bloglo-hamburger .hamburger-box .hamburger-inner::before { width: 1.5rem; } .bloglo-hamburger { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: var(--bloglo-normal-radius); } .bloglo-hamburger .hamburger-label { font-size: 1.2rem; letter-spacing: 0.16rem; margin-right: 1rem; font-weight: 500; -webkit-transition: color 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); color: currentColor; } .bloglo-hamburger .hamburger-label:empty { margin-right: 0; } .bloglo-hamburger .hamburger-inner, .bloglo-hamburger .hamburger-inner::before, .bloglo-hamburger .hamburger-inner::after { background-color: currentColor; } button.bloglo-hamburger { outline: none; } .using-keyboard .bloglo-hamburger:focus { outline-offset: 0.5rem; border-radius: 0; } #bloglo-header:after { content: ""; position: fixed; top: 100%; left: 0; right: 0; height: 100vh; background-color: rgba(255, 255, 255, 0.85); z-index: 991; opacity: 0; visibility: hidden; will-change: opacity, visibility; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); pointer-events: none; } .is-mobile-menu-active .hamburger--spin .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .is-mobile-menu-active .hamburger--spin .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .is-mobile-menu-active .hamburger--spin .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .is-mobile-menu-active #page:after { content: ""; position: absolute; z-index: 9; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; right: 0; bottom: 0; opacity: 1; pointer-events: none; } /*.is-mobile-menu-active #masthead { z-index: 991; previously: 99 }*/ .is-mobile-menu-active #bloglo-header { position: relative; z-index: 99; } .is-mobile-menu-active #bloglo-header:after { visibility: visible; opacity: 1; pointer-events: all; } .is-mobile-menu-active .bloglo-mobile-nav { z-index: 992; } .is-mobile-menu-active, .is-mobile-menu-active body { overflow: hidden; } /* ========================================================================== * Internet Explorer compatibility CSS * ========================================================================== */ @media screen and (min-width: 481px) and (max-width: 768px) { .bloglo-hide-tablet { display: none !important; } } @media only screen and (min-width: 600px) { .g-sm-0, .gx-sm-0 { --bloglo-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bloglo-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bloglo-gutter-x: 0.4rem; } .g-sm-1, .gy-sm-1 { --bloglo-gutter-y: 0.4rem; } .g-sm-2, .gx-sm-2 { --bloglo-gutter-x: 0.8rem; } .g-sm-2, .gy-sm-2 { --bloglo-gutter-y: 0.8rem; } .g-sm-3, .gx-sm-3 { --bloglo-gutter-x: 1.6rem; } .g-sm-3, .gy-sm-3 { --bloglo-gutter-y: 1.6rem; } .g-sm-4, .gx-sm-4 { --bloglo-gutter-x: 2.4rem; } .g-sm-4, .gy-sm-4 { --bloglo-gutter-y: 2.4rem; } .g-sm-5, .gx-sm-5 { --bloglo-gutter-x: 4.8rem; } .g-sm-5, .gy-sm-5 { --bloglo-gutter-y: 4.8rem; } .g-sm-6, .gx-sm-6 { --bloglo-gutter-x: 6.5rem; } .g-sm-6, .gy-sm-6 { --bloglo-gutter-y: 6.5rem; } .site .bloglo-flex-row .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .bloglo-flex-row .col-sm.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloglo-flex-row .col-sm-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloglo-flex-row .col-sm-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloglo-flex-row .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloglo-flex-row .col-sm-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloglo-flex-row .col-sm-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloglo-flex-row .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloglo-flex-row .col-sm-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloglo-flex-row .col-sm-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloglo-flex-row .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloglo-flex-row .col-sm-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloglo-flex-row .col-sm-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloglo-flex-row .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloglo-flex-row .col-sm-offset-0 { margin-left: 0%; } .site .bloglo-flex-row .col-sm-offset-1 { margin-left: 8.33333%; } .site .bloglo-flex-row .col-sm-offset-2 { margin-left: 16.66667%; } .site .bloglo-flex-row .col-sm-offset-3 { margin-left: 25%; } .site .bloglo-flex-row .col-sm-offset-4 { margin-left: 33.33333%; } .site .bloglo-flex-row .col-sm-offset-5 { margin-left: 41.66667%; } .site .bloglo-flex-row .col-sm-offset-6 { margin-left: 50%; } .site .bloglo-flex-row .col-sm-offset-7 { margin-left: 58.33333%; } .site .bloglo-flex-row .col-sm-offset-8 { margin-left: 66.66667%; } .site .bloglo-flex-row .col-sm-offset-9 { margin-left: 75%; } .site .bloglo-flex-row .col-sm-offset-10 { margin-left: 83.33333%; } .site .bloglo-flex-row .col-sm-offset-11 { margin-left: 91.66667%; } .site .bloglo-flex-row .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloglo-flex-row .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloglo-flex-row.start-sm, .site .bloglo-flex-row .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .bloglo-flex-row.center-sm, .site .bloglo-flex-row .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloglo-flex-row.end-sm, .site .bloglo-flex-row .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloglo-flex-row.top-sm, .site .bloglo-flex-row .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloglo-flex-row.middle-sm, .site .bloglo-flex-row .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloglo-flex-row.stretch-sm, .site .bloglo-flex-row .stretch-sm { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloglo-flex-row.bottom-sm, .site .bloglo-flex-row .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloglo-flex-row.around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloglo-flex-row.between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 782px) and (min-width: 600px) { .wp-block-column:nth-child(even) { margin-left: 3rem; -ms-flex-preferred-size: calc(50% - 15px) !important; flex-basis: calc(50% - 15px) !important; } } @media screen and (min-width: 769px) and (max-width: 960px) { .bloglo-has-sidebar:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, .bloglo-has-sidebar:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, .bloglo-has-sidebar:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .bloglo-fw-section, body.bloglo-layout__boxed-separated:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, body.bloglo-layout__boxed-separated:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, body.bloglo-layout__boxed-separated:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer) #page .bloglo-fw-section { max-width: unset; margin-left: -5rem !important; margin-right: -5rem !important; } } @media (min-width: 782px) { .wp-block-columns { margin-bottom: 3.2rem; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } #main .entry-content .wp-block-buttons, #main .bloglo-entry .wp-block-buttons { margin-bottom: 1.5rem; } .wp-block-columns .wp-block-column { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:first-child) { margin-left: 3rem; } } @media only screen and (min-width: 783px) { .g-md-0, .gx-md-0 { --bloglo-gutter-x: 0; } .g-md-0, .gy-md-0 { --bloglo-gutter-y: 0; } .g-md-1, .gx-md-1 { --bloglo-gutter-x: 0.4rem; } .g-md-1, .gy-md-1 { --bloglo-gutter-y: 0.4rem; } .g-md-2, .gx-md-2 { --bloglo-gutter-x: 0.8rem; } .g-md-2, .gy-md-2 { --bloglo-gutter-y: 0.8rem; } .g-md-3, .gx-md-3 { --bloglo-gutter-x: 1.6rem; } .g-md-3, .gy-md-3 { --bloglo-gutter-y: 1.6rem; } .g-md-4, .gx-md-4 { --bloglo-gutter-x: 2.4rem; } .g-md-4, .gy-md-4 { --bloglo-gutter-y: 2.4rem; } .g-md-5, .gx-md-5 { --bloglo-gutter-x: 4.8rem; } .g-md-5, .gy-md-5 { --bloglo-gutter-y: 4.8rem; } .g-md-6, .gx-md-6 { --bloglo-gutter-x: 6.5rem; } .g-md-6, .gy-md-6 { --bloglo-gutter-y: 6.5rem; } .site .bloglo-flex-row .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .bloglo-flex-row .col-md.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloglo-flex-row .col-md-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloglo-flex-row .col-md-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloglo-flex-row .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloglo-flex-row .col-md-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloglo-flex-row .col-md-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloglo-flex-row .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloglo-flex-row .col-md-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloglo-flex-row .col-md-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloglo-flex-row .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloglo-flex-row .col-md-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloglo-flex-row .col-md-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloglo-flex-row .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloglo-flex-row .col-md-offset-0 { margin-left: 0%; } .site .bloglo-flex-row .col-md-offset-1 { margin-left: 8.33333%; } .site .bloglo-flex-row .col-md-offset-2 { margin-left: 16.66667%; } .site .bloglo-flex-row .col-md-offset-3 { margin-left: 25%; } .site .bloglo-flex-row .col-md-offset-4 { margin-left: 33.33333%; } .site .bloglo-flex-row .col-md-offset-5 { margin-left: 41.66667%; } .site .bloglo-flex-row .col-md-offset-6 { margin-left: 50%; } .site .bloglo-flex-row .col-md-offset-7 { margin-left: 58.33333%; } .site .bloglo-flex-row .col-md-offset-8 { margin-left: 66.66667%; } .site .bloglo-flex-row .col-md-offset-9 { margin-left: 75%; } .site .bloglo-flex-row .col-md-offset-10 { margin-left: 83.33333%; } .site .bloglo-flex-row .col-md-offset-11 { margin-left: 91.66667%; } .site .bloglo-flex-row .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloglo-flex-row .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloglo-flex-row.start-md, .site .bloglo-flex-row .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .bloglo-flex-row.center-md, .site .bloglo-flex-row .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloglo-flex-row.end-md, .site .bloglo-flex-row .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloglo-flex-row.top-md, .site .bloglo-flex-row .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloglo-flex-row.middle-md, .site .bloglo-flex-row .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloglo-flex-row.stretch-md, .site .bloglo-flex-row .stretch-md { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloglo-flex-row.bottom-md, .site .bloglo-flex-row .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloglo-flex-row.around-md { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloglo-flex-row.between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 1200px) { .g-lg-0, .gx-lg-0 { --bloglo-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bloglo-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bloglo-gutter-x: 0.4rem; } .g-lg-1, .gy-lg-1 { --bloglo-gutter-y: 0.4rem; } .g-lg-2, .gx-lg-2 { --bloglo-gutter-x: 0.8rem; } .g-lg-2, .gy-lg-2 { --bloglo-gutter-y: 0.8rem; } .g-lg-3, .gx-lg-3 { --bloglo-gutter-x: 1.6rem; } .g-lg-3, .gy-lg-3 { --bloglo-gutter-y: 1.6rem; } .g-lg-4, .gx-lg-4 { --bloglo-gutter-x: 2.4rem; } .g-lg-4, .gy-lg-4 { --bloglo-gutter-y: 2.4rem; } .g-lg-5, .gx-lg-5 { --bloglo-gutter-x: 4.8rem; } .g-lg-5, .gy-lg-5 { --bloglo-gutter-y: 4.8rem; } .g-lg-6, .gx-lg-6 { --bloglo-gutter-x: 6.5rem; } .g-lg-6, .gy-lg-6 { --bloglo-gutter-y: 6.5rem; } .site .bloglo-flex-row .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; } .site .bloglo-flex-row .col-lg.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloglo-flex-row .col-lg-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloglo-flex-row .col-lg-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloglo-flex-row .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloglo-flex-row .col-lg-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloglo-flex-row .col-lg-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloglo-flex-row .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloglo-flex-row .col-lg-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloglo-flex-row .col-lg-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloglo-flex-row .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloglo-flex-row .col-lg-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloglo-flex-row .col-lg-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloglo-flex-row .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloglo-flex-row .col-lg-offset-0 { margin-left: 0%; } .site .bloglo-flex-row .col-lg-offset-1 { margin-left: 8.33333%; } .site .bloglo-flex-row .col-lg-offset-2 { margin-left: 16.66667%; } .site .bloglo-flex-row .col-lg-offset-3 { margin-left: 25%; } .site .bloglo-flex-row .col-lg-offset-4 { margin-left: 33.33333%; } .site .bloglo-flex-row .col-lg-offset-5 { margin-left: 41.66667%; } .site .bloglo-flex-row .col-lg-offset-6 { margin-left: 50%; } .site .bloglo-flex-row .col-lg-offset-7 { margin-left: 58.33333%; } .site .bloglo-flex-row .col-lg-offset-8 { margin-left: 66.66667%; } .site .bloglo-flex-row .col-lg-offset-9 { margin-left: 75%; } .site .bloglo-flex-row .col-lg-offset-10 { margin-left: 83.33333%; } .site .bloglo-flex-row .col-lg-offset-11 { margin-left: 91.66667%; } .site .bloglo-flex-row .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloglo-flex-row .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloglo-flex-row.start-lg, .site .bloglo-flex-row .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .site .bloglo-flex-row.center-lg, .site .bloglo-flex-row .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloglo-flex-row.end-lg, .site .bloglo-flex-row .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloglo-flex-row.top-lg, .site .bloglo-flex-row .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloglo-flex-row.middle-lg, .site .bloglo-flex-row .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloglo-flex-row.stretch-lg, .site .bloglo-flex-row .stretch-lg { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloglo-flex-row.bottom-lg, .site .bloglo-flex-row .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloglo-flex-row.around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloglo-flex-row.between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 768px) { .bloglo-entry p.has-background { padding: 2.5rem; } .bloglo-hide-mobile-tablet { display: none !important; } .alignfull.bloglo-wrap-content>div, .bloglo-container, .bloglo-container-fluid, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul { padding: 0 3rem; } .bloglo-header-widgets .bloglo-header-widget, .bloglo-header-widgets .bloglo-header-widget.bloglo-header-widget__button { padding-left: 1rem; padding-right: 1rem; } .bloglo-header-widgets .bloglo-header-widget:not(.bloglo-header-widget__button, .bloglo-header-widget__socials) .bloglo-icon { font-size: 2.4rem; } body:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer).bloglo-has-sidebar #page .elementor-section.elementor-section-stretched, body:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer).bloglo-has-sidebar #page .entry-content .alignfull, body:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer).bloglo-has-sidebar #page .bloglo-fw-section, body:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer).bloglo-no-sidebar #page .elementor-section.elementor-section-stretched, body:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer).bloglo-no-sidebar #page .entry-content .alignfull, body:not(.page-template-template-bloglo-fullwidth):not(.page-template-elementor_header_footer).bloglo-no-sidebar #page .bloglo-fw-section { margin-left: -3rem !important; margin-right: -3rem !important; left: 0; max-width: unset; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper { display: block; } .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper.bloglo-thumb-left .entry-media, .bloglo-blog-horizontal .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper.bloglo-thumb-right .entry-media { margin: 0 0 2.128em 0; } #bloglo-pre-footer .col-md-4 { margin-top: 3rem; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row:after, .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row:before { left: 0; right: 0; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row { padding: 4rem 3rem; margin: 0; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row>div { padding-left: 0; padding-right: 0; } #bloglo-copyright.contained-separator>.bloglo-container:before { left: 3rem; right: 3rem; } .single.bloglo-single-title-in-page-header #page .page-header .page-title { font-size: 3.2rem; } .single.bloglo-single-title-in-page-header .page-header .post-category a { font-size: 1.4rem; } #page .bloglo-unset-mw, #page .bloglo-unset-mw>img { max-width: 100%; } .bloglo-mobile-nav { margin-left: 1.6rem; } } @media screen and (max-width: 599px) { #page .alignleft, #page .alignright { float: none; margin: 2rem auto; } #page .has-text-align-right { text-align: left; } #bloglo-header-inner .bloglo-widget-wrapper, .bloglo-header-element, .bloglo-header-widgets .bloglo-header-widget { position: static; } .bloglo-header-widgets .dropdown-item:after { display: none; } .page-header>.bloglo-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-header>.bloglo-container .bloglo-page-header-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .page-header .bloglo-page-header-wrapper { margin-right: 0; margin-left: 0; width: 100%; } .bloglo-page-title-align-right .page-header.bloglo-has-page-title .bloglo-page-header-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .bloglo-page-title-align-right .page-header.bloglo-has-page-title .bloglo-breadcrumbs { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /*body:not(.bloglo-single-title-in-page-header) .bloglo-has-page-title .bloglo-breadcrumbs { padding-bottom: 0; }*/ .bloglo-hover-slider .hover-slide-item { padding: 5rem 0; } #colophon .search-form, #main .search-form { max-width: 100%; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-pre-footer-cta { padding-left: 0; padding-right: 0; } .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row { margin-left: 0; margin-right: 0; } #bloglo-copyright .bloglo-copyright-widget .bloglo-nav>ul>li { margin-top: 0.32rem; margin-bottom: 0.32rem; } #bloglo-copyright .bloglo-copyright-widget { padding-left: 0; padding-right: 0; } #page .error-404 .page-header h1.page-title { font-size: 20rem; } .author-avatar img { display: none; } .single .entry-footer { display: block; } .single .entry-footer .last-updated { margin-top: 1.6rem; display: block; } .author-box { padding: 2.5rem; } .author-box .author-box-avatar { display: none; } #comments .comment-body, #comments .comment_container { padding: 2rem 2.5rem 2.5rem 2.5rem; min-height: initial; min-height: auto; } #comments .comment-author-avatar { display: none; } .comment-form>div.comment-form-author, .comment-form>div.comment-form-email, .comment-form>div.comment-form-url, .comment-form>p.comment-form-author, .comment-form>p.comment-form-email, .comment-form>p.comment-form-url { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 480px) { .bloglo-hide-mobile { display: none !important; } #page { min-height: -webkit-fill-available; } } @media screen and (max-width: 782px) { .admin-bar #page { min-height: calc(100vh - 46px); } .bloglo-sticky-header.admin-bar.bloglo-is-mobile #bloglo-header-inner, .bloglo-sticky-header.admin-bar:not(.bloglo-header-layout-3, .bloglo-header-layout-4) #bloglo-header-inner, .bloglo-sticky-header.admin-bar:not(.bloglo-is-mobile).bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav-container>.bloglo-container, .bloglo-sticky-header.admin-bar:not(.bloglo-is-mobile).bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav-container>.bloglo-container { top: 46px; } #bloglo-footer #bloglo-footer-widgets { padding-top: 3rem; padding-bottom: 3rem; } #bloglo-footer .bloglo-footer-column { padding-top: 2rem; padding-bottom: 2rem; } } @media screen and (max-width: 960px) { .bloglo-layout__boxed-separated #content .entry-content>.alignfull:first-child { margin-top: -5rem; } .bloglo-layout__boxed-separated:not(.comments-open) #content .entry-content>.alignfull:last-child { margin-bottom: -5rem; } .bloglo-horizontal-slider .bloglo-article:not(.format-quote) .bloglo-blog-entry-wrapper .bloglo-entry-content-wrapper, .bloglo-layout__boxed-separated.blog.bloglo-blog-horizontal .bloglo-article .bloglo-entry-content-wrapper, .bloglo-layout__boxed-separated.category.bloglo-blog-horizontal .bloglo-article .bloglo-entry-content-wrapper, .bloglo-layout__boxed-separated.search-results.bloglo-blog-horizontal .bloglo-article .bloglo-entry-content-wrapper { padding: 0 2.4rem 3rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget { margin-bottom: 4rem; } .bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget .widget-title { margin-left: 0; padding-left: 1.2rem; } #bloglo-topbar>.bloglo-container>.bloglo-flex-row>div .bloglo-topbar-widget { padding-top: 0.6rem; padding-bottom: 0.6rem; } #bloglo-topbar .bloglo-topbar-widget { padding-left: 0.8rem; padding-right: 0.8rem; } .bloglo-topbar__separators-regular #bloglo-topbar .bloglo-topbar-widget:after, .bloglo-topbar__separators-slanted #bloglo-topbar .bloglo-topbar-widget:after { margin-left: 0.8rem; } .bloglo-header__separators-regular .bloglo-header-widget, .bloglo-header__separators-slanted .bloglo-header-widget { padding-left: 0.8rem; padding-right: 0.8rem; } .bloglo-header__separators-regular .bloglo-header-widget:after, .bloglo-header__separators-slanted .bloglo-header-widget:after { margin-left: 0.8rem; } body:not(.bloglo-has-sidebar):not(.bloglo-single-title-in-content) #content .entry-content>.alignfull:first-child { margin-top: -4rem; } body:not(.bloglo-has-sidebar):not(.bloglo-single-title-in-content):not(.comments-open).bloglo-layout__boxed #content .entry-content>.alignfull:last-child { margin-bottom: -5rem; } .bloglo-hover-slider { background: none; } .bloglo-hover-slider .bloglo-hero-container { margin-top: 5rem; } .bloglo-hover-slider .hover-slider-backgrounds { display: none; } .bloglo-hover-slider .hover-slider-item-wrapper { position: relative; background-color: #232323; background-image: var(--bg-image); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: var(--bloglo-normal-radius); overflow: hidden; } .bloglo-hover-slider .hover-slider-item-wrapper:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: #232323; opacity: 0.65; z-index: 3; } .bloglo-hover-slider .hover-slide-item { padding: 5rem 3rem; height: auto !important; z-index: 4; } .bloglo-hover-slider .hover-slider-items>div.bloglo-hero-readmore:hover .slide-inner { -webkit-transform: none; -ms-transform: none; transform: none; } .bloglo-hover-slider .bloglo-flex-row { margin-left: 0; margin-right: 0; } .bloglo-hover-slider .hover-slider-items>div { border-right: none; margin-bottom: 1rem; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; max-width: 100% !important; } .bloglo-hover-slider .hover-slider-items>div:last-child { margin-bottom: 0; } .bloglo-hover-slider .hover-slider-items>div .slide-inner { text-align: center; } .bloglo-hover-slider .hover-slider-items>div .hover-slide-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloglo-hover-slider .hover-slider-items>div .hover-slide-item .post-category { text-align: center; } .bloglo-hover-slider .hover-slider-items>div:last-child { border-bottom: none; } .bloglo-hover-slider .slide-inner { position: relative; bottom: 0; max-width: 100%; padding: 0; margin: 0; } .bloglo-hover-slider .slide-inner .read-more { position: static; opacity: 1; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .bloglo-hover-slider .entry-meta .entry-meta-elements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main>.bloglo-container { display: block; } #primary { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 4rem; } .site-main #secondary { width: 100%; margin-top: 4rem; } .bloglo-sidebar-r__before-content #main>.bloglo-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .bloglo-sidebar-r__before-content .site-main #primary { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 0; } #comments .comment-list ol .edit, #comments .comment-list ul .edit, .bloglo-sidebar-r__hide .site-main #secondary, .single .post-nav img { display: none; } #comments .comment-list ol ol ol, #comments .comment-list ol ol ul, #comments .comment-list ol ul ol, #comments .comment-list ol ul ul, #comments .comment-list ul ol ol, #comments .comment-list ul ol ul, #comments .comment-list ul ul ol, #comments .comment-list ul ul ul { margin-left: 0; } #comments .comment-list ol ol ol:before, #comments .comment-list ol ol ul:before, #comments .comment-list ol ul ol:before, #comments .comment-list ol ul ul:before, #comments .comment-list ul ol ol:before, #comments .comment-list ul ol ul:before, #comments .comment-list ul ul ol:before, #comments .comment-list ul ul ul:before { display: none; } #comments .comment-list ol ol ol li:before, #comments .comment-list ol ol ul li:before, #comments .comment-list ol ul ol li:before, #comments .comment-list ol ul ul li:before, #comments .comment-list ul ol ol li:before, #comments .comment-list ul ol ul li:before, #comments .comment-list ul ul ol li:before, #comments .comment-list ul ul ul li:before { left: 2.5rem !important; height: 2.5rem !important; } #comments .comment-list ol ol ol li:after, #comments .comment-list ol ol ul li:after, #comments .comment-list ol ul ol li:after, #comments .comment-list ol ul ul li:after, #comments .comment-list ul ol ol li:after, #comments .comment-list ul ol ul li:after, #comments .comment-list ul ul ol li:after, #comments .comment-list ul ul ul li:after { display: none; } } @media (max-width: 782px) { .wp-block-columns .wp-block-column:empty { display: none; } .wp-block-columns .wp-block-column:empty+.wp-block-column { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 0; } } @media screen and (max-width: 600px) { .bloglo-sticky-header.admin-bar.bloglo-is-mobile #bloglo-header-inner, .bloglo-sticky-header.admin-bar:not(.bloglo-header-layout-3, .bloglo-header-layout-4) #bloglo-header-inner, .bloglo-sticky-header.admin-bar:not(.bloglo-is-mobile).bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav-container>.bloglo-container, .bloglo-sticky-header.admin-bar:not(.bloglo-is-mobile).bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav-container>.bloglo-container { top: 0; } } @media only screen and (max-width: 782px) { .bloglo-sticky-last-widget #secondary .bloglo-sidebar-inner>.widget:last-child, .bloglo-sticky-sidebar.admin-bar .bloglo-sidebar-inner { top: calc(var(--bloglo-sticky-h-offset, 20px) + 46px); } } @media print { #main #bloglo-comments-toggle, #main .post-nav, #page #respond, #page .bloglo-header-widgets, #page .bloglo-nav, #secondary, #bloglo-scroll-top, #bloglo-footer { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .wp-block-button__link { height: 3rem; } .page-header .bloglo-page-header-wrapper:after, .site .bloglo-flex-row:after { content: ""; display: block; min-height: inherit; font-size: 0; } #infinite-handle span, .bloglo-btn, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce #review_form #respond .form-submit input, .woocommerce div.product form.cart .button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, body:not(.wp-customizer) input[type="submit"] { height: 1rem; } #main>.bloglo-container #primary { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .page-header .bloglo-page-header-wrapper { height: 10rem; } } /**** ///////////////// Colors ======================>>>>>>>>>>>>>> ****/ .bloglo-btn, input[type="submit"], .comment-form input[type="checkbox"]:checked, #comments .bypostauthor-badge, .using-keyboard.single .post-tags a:focus, .single .post-tags a:hover, .using-keyboard .tagcloud a:focus, .tagcloud a:hover, .using-keyboard .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a:hover, #main .mejs-controls .mejs-time-rail .mejs-time-current, .bloglo-btn.bloglo-read-more::after, .post_format-post-format-quote .bloglo-blog-entry-content .quote-post-bg::after, .entry-media>a:hover .entry-media-icon::before, .bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::after, .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::after, .select2-container--default .select2-results__option--highlighted[aria-selected], .bloglo-input-supported input[type="radio"]:not([id^='wpforms-']):checked::before, .bloglo-input-supported input[type="checkbox"]:not([id^='wpforms-']):checked, .bloglo-sidebar-style-2 #secondary .widget-title::before, .bloglo-sidebar-style-2 .elementor-widget-sidebar .widget-title::before, .widget .cat-item a:hover+span, .widget_archive li a:hover+span, .widget .cat-item.current-cat a+span, #bloglo-footer .widget .cat-item a:hover+span, #bloglo-footer .widget_archive li a:hover+span, #bloglo-footer .widget .cat-item.current-cat a+span, .bloglo-btn.btn-outline:hover, #infinite-handle span { background-color: var(--bloglo-primary); } .bloglo-btn:hover, #infinite-handle span:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="reset"]:focus, .bloglo-btn:focus, input[type="submit"]:focus { background-color: var(--bloglo-primary_15); } mark, span.highlight, code, kbd, var, samp, tt { background-color: var(--bloglo-primary_09); } code.block { background-color: var(--bloglo-primary_04); } .content-area a:not(.bloglo-btn, .wp-block-button__link, .page-numbers, [rel^=category]), #secondary .hester-core-custom-list-widget .bloglo-entry a:not(.bloglo-btn), #secondary a:not(.bloglo-btn):hover, .using-keyboard #secondary a:not(.bloglo-btn):focus, .bloglo-header-widgets .bloglo-header-widget.bloglo-active .bloglo-icon.bloglo-search, .bloglo-logo .site-title a:hover, .using-keyboard .site-title a:focus, #bloglo-header-inner .bloglo-nav>ul>li>a:hover, .using-keyboard #bloglo-header-inner .bloglo-nav>ul>li>a:focus, #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:hover>a, .using-keyboard #bloglo-header-inner .bloglo-nav>ul>li.menu-item-has-children:focus>a, #bloglo-header-inner .bloglo-nav>ul>li.current-menu-item>a, #bloglo-header-inner .bloglo-nav>ul>li.current-menu-ancestor>a, #bloglo-header-inner .bloglo-nav>ul>li.page_item_has_children:hover>a, #bloglo-header-inner .bloglo-nav>ul>li.current_page_item>a, #bloglo-header-inner .bloglo-nav>ul>li.current_page_ancestor>a, #bloglo-topbar .bloglo-nav>ul>li>a:hover, .using-keyboard #bloglo-topbar .bloglo-nav>ul>li>a:focus, #bloglo-topbar .bloglo-nav>ul>li.menu-item-has-children:hover>a, #bloglo-topbar .bloglo-nav>ul>li.current-menu-item>a, #bloglo-topbar .bloglo-nav>ul>li.current-menu-ancestor>a, .bloglo-social-nav>ul>li>a .bloglo-icon.bottom-icon, .bloglo-header-widgets a:not(.bloglo-btn):hover, .using-keyboard .bloglo-header-widgets a:not(.bloglo-btn):focus, #bloglo-header-inner .bloglo-header-widgets .bloglo-active, .widget .cat-item.current-cat>a, .widget ul li.current_page_item>a, #cancel-comment-reply-link:hover, .using-keyboard #cancel-comment-reply-link:focus, .comment-form .required, #main .entry-meta a:hover, .using-keyboard #main .entry-meta a:focus, #main .author-box-title a:hover, .using-keyboard #main .author-box-title a:focus, .bloglo-btn.btn-outline, code, kbd, var, samp, tt, .is-mobile-menu-active .bloglo-hamburger, .bloglo-hamburger:hover, .single #main .post-nav a:hover, .using-keyboard .single #main .post-nav a:focus, #bloglo-topbar .bloglo-topbar-widget__text .bloglo-icon { color: var(--bloglo-primary); } #page ::-moz-selection { background-color: var(--bloglo-primary); color: var(--bloglo-white); } #page ::selection { background-color: var(--bloglo-primary); color: var(--bloglo-white); } input[type="search"]:focus, #comments .comment-actions .reply a:hover, .comment-form input[type="checkbox"]:checked, .comment-form input[type="checkbox"]:focus, .comment-form input[type="radio"]:checked, .comment-form input[type="radio"]:focus, #colophon, .elementor-widget-sidebar .widget-title, .bloglo-entry blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, .wp-block-quote.has-text-align-right, .bloglo-input-supported input[type="radio"]:checked, .bloglo-input-supported input[type="checkbox"]:checked, .bloglo-btn.btn-outline { border-color: var(--bloglo-primary); } #masthead .bloglo-header-widgets .dropdown-item::after, .bloglo-nav>ul .sub-menu::after, textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus { border-bottom-color: var(--bloglo-primary); outline: none !important; } .bloglo-header-widgets .dropdown-item, .preloader-1>div, .bloglo-nav .sub-menu { border-top-color: var(--bloglo-primary); } .bloglo-input-supported input[type="checkbox"]:focus:hover { box-shadow: inset 0 0 0 0.2rem var(--bloglo-primary); } /* Woocommerce Colors */ .bloglo-header-widgets .bloglo-cart .bloglo-cart-count, .bloglo-woo-steps .bloglo-step.is-active>span:first-child, .woocommerce div.product form.cart .button, .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-store-notice, p.demo_store, .woocommerce ul.products li.product .button, .widget.woocommerce .wc-layered-nav-term:hover .count, .widget.woocommerce .product-categories li a:hover~.count, .widget.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .woocommerce .widget_rating_filter ul li.chosen a::before, .widget.woocommerce .wc-layered-nav-term.chosen .count, .widget.woocommerce .product-categories li.current-cat>.count, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:after, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before, .woocommerce #review_form #respond .form-submit input { background-color: var(--bloglo-primary); } .woocommerce #review_form #respond .form-submit input:hover, .using-keyboard .woocommerce #review_form #respond .form-submit input:focus, .woocommerce div.product form.cart .button:hover, .using-keyboard .woocommerce div.product form.cart .button:focus, .site-main .woocommerce #respond input#submit:hover, .using-keyboard .site-main .woocommerce #respond input#submit:focus, .site-main .woocommerce a.button:hover, .using-keyboard .site-main .woocommerce a.button:focus, .site-main .woocommerce button.button:hover, .using-keyboard .site-main .woocommerce button.button:focus, .site-main .woocommerce input.button:hover, .using-keyboard .site-main .woocommerce input.button:focus, .woocommerce ul.products li.product .button:hover, .using-keyboard .woocommerce ul.products li.product .button:focus, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .widget.woocommerce .wc-layered-nav-rating a:hover em, .widget.woocommerce .wc-layered-nav-rating.chosen a em { background-color: var(--bloglo-primary_15); } .woocommerce #yith-wcwl-form table.shop_table .product-subtotal .amount, .woocommerce .woocommerce-cart-form table.shop_table .product-subtotal .amount, .woocommerce ul.products li.product .price, .woocommerce .woocommerce-checkout-review-order .order-total .woocommerce-Price-amount.amount, #main .woocommerce-MyAccount-navigation li.is-active, .woocommerce .star-rating span::before, .widget.woocommerce .wc-layered-nav-term:hover a, .using-keyboard .widget.woocommerce .wc-layered-nav-term:focus a, .widget.woocommerce .wc-layered-nav-term a:hover, .using-keyboard .widget.woocommerce .wc-layered-nav-term a:focus, .widget.woocommerce .product-categories li a:hover, .using-keyboard .widget.woocommerce .product-categories li a:focus, .widget.woocommerce .product-categories li.current-cat>a, .woocommerce ins .amount, .woocommerce .widget_rating_filter ul li.chosen a::before, .widget.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen, .woocommerce .widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .tax_label, .woocommerce.widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .tax_label, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover:before, .using-keyboard .woocommerce .widget_shopping_cart .cart_list li a.remove:focus:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover:before, .using-keyboard .woocommerce.widget_shopping_cart .cart_list li a.remove:focus:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active>a, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product #reviews .comment-form-rating .stars a, .woocommerce div.product .woocommerce-pagination ul li span.current, .woocommerce div.product .woocommerce-pagination ul li a:hover, .using-keyboard .woocommerce div.product .woocommerce-pagination ul li a:focus, .wc-cart-widget-header .bloglo-cart-subtotal span, .bloglo-header-widget__cart:hover>a, .bloglo-woo-steps .bloglo-step.is-active, .cart_totals .order-total td { color: var(--bloglo-primary); } .wc-layered-nav-rating a:hover .star-rating span:before { color: var(--bloglo-primary_15); } .widget.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product .woocommerce-pagination ul li span.current { border-color: var(--bloglo-primary); } .using-keyboard .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .using-keyboard .woocommerce-checkout table.cart td.actions .coupon .input-text:focus, .using-keyboard #add_payment_method table.cart td.actions .coupon .input-text:focus { border-bottom-color: var(--bloglo-primary); } /* -------------------------------------------------------------------------- */ /* Some Basic Home Sections Setup /* -------------------------------------------------------------------------- */ ::-webkit-selection { background-color: var(--bloglo-primary); color: var(--bloglo-white); } ::selection { background-color: var(--bloglo-primary); color: var(--bloglo-white); } /* Scrollbar */ * { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.2) transparent; } ::-webkit-scrollbar { width: 0.7rem; height: 0.7rem; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); } .b-r-0, .b-r-0>*, .b-r-0 .gallery-inner { border-radius: 0 !important; } .b-r-d, .b-r-d>*, .b-r-d .gallery-inner { border-radius: 0.5rem !important; } .list-none { list-style: none; padding: 0; margin: 0; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-auto { margin-left: auto; margin-right: auto; } .mt-auto { margin-top: auto; } .mb-auto { margin-bottom: auto; } .mt-0 { margin-top: 0; } .mr-0 { margin-right: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .mt-1 { margin-top: 0.4rem; } .mr-1 { margin-right: 0.4rem; } .mb-1 { margin-bottom: 0.4rem; } .ml-1 { margin-left: 0.4rem; } .mt-2 { margin-top: 0.8rem; } .mr-2 { margin-right: 0.8rem; } .mb-2 { margin-bottom: 0.8rem; } .ml-2 { margin-left: 0.8rem; } .mt-3 { margin-top: 1.6rem; } .mr-3 { margin-right: 1.6rem; } .mb-3 { margin-bottom: 1.6rem; } .ml-3 { margin-left: 1.6rem; } .mt-4 { margin-top: 2.4rem; } .mr-4 { margin-right: 2.4rem; } .mb-4 { margin-bottom: 2.4rem; } .ml-4 { margin-left: 2.4rem; } .mt-5 { margin-top: 4.8rem; } .mr-5 { margin-right: 4.8rem; } .mb-5 { margin-bottom: 4.8rem; } .ml-5 { margin-left: 4.8rem; } .mb-h { margin-bottom: 6rem; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pr-0 { padding-right: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pt-1 { padding-top: 0.4rem; } .pr-1 { padding-right: 0.4rem; } .pb-1 { padding-bottom: 0.4rem; } .pl-1 { padding-left: 0.4rem; } .pt-2 { padding-top: 0.8rem; } .pr-2 { padding-right: 0.8rem; } .pb-2 { padding-bottom: 0.8rem; } .pl-2 { padding-left: 0.8rem; } .pt-3 { padding-top: 1.6rem; } .pr-3 { padding-right: 1.6rem; } .pb-3 { padding-bottom: 1.6rem; } .pl-3 { padding-left: 1.6rem; } .pt-4 { padding-top: 2.4rem; } .pr-4 { padding-right: 2.4rem; } .pb-4 { padding-bottom: 2.4rem; } .pl-4 { padding-left: 2.4rem; } .pt-5 { padding-top: 4.8rem; } .pr-5 { padding-right: 4.8rem; } .pb-5 { padding-bottom: 4.8rem; } .pl-5 { padding-left: 4.8rem; } .d-inline-block { display: inline-block; } .d-block { display: block; } .d-inline-flex { display: inline-flex; } .d-flex { display: flex; } .d-none { display: none; } /* lg > 1200px */ @media only screen and (min-width: 75em) { .my-lg-auto { margin-top: auto; margin-bottom: auto; } .mx-lg-auto { margin-left: auto; margin-right: auto; } .mt-lg-auto { margin-top: auto; } .mb-lg-auto { margin-bottom: auto; } .mt-lg-0 { margin-top: 0; } .mr-lg-0 { margin-right: 0; } .mb-lg-0 { margin-bottom: 0; } .ml-lg-0 { margin-left: 0; } .mt-lg-1 { margin-top: 0.4rem; } .mr-lg-1 { margin-right: 0.4rem; } .mb-lg-1 { margin-bottom: 0.4rem; } .ml-lg-1 { margin-left: 0.4rem; } .mt-lg-2 { margin-top: 0.8rem; } .mr-lg-2 { margin-right: 0.8rem; } .mb-lg-2 { margin-bottom: 0.8rem; } .ml-lg-2 { margin-left: 0.8rem; } .mt-lg-3 { margin-top: 1.6rem; } .mr-lg-3 { margin-right: 1.6rem; } .mb-lg-3 { margin-bottom: 1.6rem; } .ml-lg-3 { margin-left: 1.6rem; } .mt-lg-4 { margin-top: 2.4rem; } .mr-lg-4 { margin-right: 2.4rem; } .mb-lg-4 { margin-bottom: 2.4rem; } .ml-lg-4 { margin-left: 2.4rem; } .mt-lg-5 { margin-top: 4.8rem; } .mr-lg-5 { margin-right: 4.8rem; } .mb-lg-5 { margin-bottom: 4.8rem; } .ml-lg-5 { margin-left: 4.8rem; } .pt-lg-0 { padding-top: 0; } .pr-lg-0 { padding-right: 0; } .pb-lg-0 { padding-bottom: 0; } .pl-lg-0 { padding-left: 0; } .pt-lg-1 { padding-top: 0.4rem; } .pr-lg-1 { padding-right: 0.4rem; } .pb-lg-1 { padding-bottom: 0.4rem; } .pl-lg-1 { padding-left: 0.4rem; } .pt-lg-2 { padding-top: 0.8rem; } .pr-lg-2 { padding-right: 0.8rem; } .pb-lg-2 { padding-bottom: 0.8rem; } .pl-lg-2 { padding-left: 0.8rem; } .pt-lg-3 { padding-top: 1.6rem; } .pr-lg-3 { padding-right: 1.6rem; } .pb-lg-3 { padding-bottom: 1.6rem; } .pl-lg-3 { padding-left: 1.6rem; } .pt-lg-4 { padding-top: 2.4rem; } .pr-lg-4 { padding-right: 2.4rem; } .pb-lg-4 { padding-bottom: 2.4rem; } .pl-lg-4 { padding-left: 2.4rem; } .pt-lg-5 { padding-top: 4.8rem; } .pr-lg-5 { padding-right: 4.8rem; } .pb-lg-5 { padding-bottom: 4.8rem; } .pl-lg-5 { padding-left: 4.8rem; } .d-lg-inline-block { display: inline-block; } .d-lg-block { display: block; } .d-lg-inline-flex { display: inline-flex; } .d-lg-flex { display: flex; } .d-lg-none { display: none; } } /* md > 783px */ @media only screen and (min-width: 48.938em) { .my-md-auto { margin-top: auto; margin-bottom: auto; } .mx-md-auto { margin-left: auto; margin-right: auto; } .mt-md-auto { margin-top: auto; } .mb-md-auto { margin-bottom: auto; } .mt-md-0 { margin-top: 0; } .mr-md-0 { margin-right: 0; } .mb-md-0 { margin-bottom: 0; } .ml-md-0 { margin-left: 0; } .mt-md-1 { margin-top: 0.4rem; } .mr-md-1 { margin-right: 0.4rem; } .mb-md-1 { margin-bottom: 0.4rem; } .ml-md-1 { margin-left: 0.4rem; } .mt-md-2 { margin-top: 0.8rem; } .mr-md-2 { margin-right: 0.8rem; } .mb-md-2 { margin-bottom: 0.8rem; } .ml-md-2 { margin-left: 0.8rem; } .mt-md-3 { margin-top: 1.6rem; } .mr-md-3 { margin-right: 1.6rem; } .mb-md-3 { margin-bottom: 1.6rem; } .ml-md-3 { margin-left: 1.6rem; } .mt-md-4 { margin-top: 2.4rem; } .mr-md-4 { margin-right: 2.4rem; } .mb-md-4 { margin-bottom: 2.4rem; } .ml-md-4 { margin-left: 2.4rem; } .mt-md-5 { margin-top: 4.8rem; } .mr-md-5 { margin-right: 4.8rem; } .mb-md-5 { margin-bottom: 4.8rem; } .ml-md-5 { margin-left: 4.8rem; } .pt-md-0 { padding-top: 0; } .pr-md-0 { padding-right: 0; } .pb-md-0 { padding-bottom: 0; } .pl-md-0 { padding-left: 0; } .pt-md-1 { padding-top: 0.4rem; } .pr-md-1 { padding-right: 0.4rem; } .pb-md-1 { padding-bottom: 0.4rem; } .pl-md-1 { padding-left: 0.4rem; } .pt-md-2 { padding-top: 0.8rem; } .pr-md-2 { padding-right: 0.8rem; } .pb-md-2 { padding-bottom: 0.8rem; } .pl-md-2 { padding-left: 0.8rem; } .pt-md-3 { padding-top: 1.6rem; } .pr-md-3 { padding-right: 1.6rem; } .pb-md-3 { padding-bottom: 1.6rem; } .pl-md-3 { padding-left: 1.6rem; } .pt-md-4 { padding-top: 2.4rem; } .pr-md-4 { padding-right: 2.4rem; } .pb-md-4 { padding-bottom: 2.4rem; } .pl-md-4 { padding-left: 2.4rem; } .pt-md-5 { padding-top: 4.8rem; } .pr-md-5 { padding-right: 4.8rem; } .pb-md-5 { padding-bottom: 4.8rem; } .pl-md-5 { padding-left: 4.8rem; } .d-md-inline-block { display: inline-block; } .d-md-block { display: block; } .d-md-inline-flex { display: inline-flex; } .d-md-flex { display: flex; } .d-md-none { display: none; } } /* sm > 600px */ @media only screen and (min-width: 37.5rem) { .my-sm-auto { margin-top: auto; margin-bottom: auto; } .mx-sm-auto { margin-left: auto; margin-right: auto; } .mt-sm-auto { margin-top: auto; } .mb-sm-auto { margin-bottom: auto; } .mt-sm-0 { margin-top: 0; } .mr-sm-0 { margin-right: 0; } .mb-sm-0 { margin-bottom: 0; } .ml-sm-0 { margin-left: 0; } .mt-sm-1 { margin-top: 0.4rem; } .mr-sm-1 { margin-right: 0.4rem; } .mb-sm-1 { margin-bottom: 0.4rem; } .ml-sm-1 { margin-left: 0.4rem; } .mt-sm-2 { margin-top: 0.8rem; } .mr-sm-2 { margin-right: 0.8rem; } .mb-sm-2 { margin-bottom: 0.8rem; } .ml-sm-2 { margin-left: 0.8rem; } .mt-sm-3 { margin-top: 1.6rem; } .mr-sm-3 { margin-right: 1.6rem; } .mb-sm-3 { margin-bottom: 1.6rem; } .ml-sm-3 { margin-left: 1.6rem; } .mt-sm-4 { margin-top: 2.4rem; } .mr-sm-4 { margin-right: 2.4rem; } .mb-sm-4 { margin-bottom: 2.4rem; } .ml-sm-4 { margin-left: 2.4rem; } .mt-sm-5 { margin-top: 4.8rem; } .mr-sm-5 { margin-right: 4.8rem; } .mb-sm-5 { margin-bottom: 4.8rem; } .ml-sm-5 { margin-left: 4.8rem; } .pt-sm-0 { padding-top: 0; } .pr-sm-0 { padding-right: 0; } .pb-sm-0 { padding-bottom: 0; } .pl-sm-0 { padding-left: 0; } .pt-sm-1 { padding-top: 0.4rem; } .pr-sm-1 { padding-right: 0.4rem; } .pb-sm-1 { padding-bottom: 0.4rem; } .pl-sm-1 { padding-left: 0.4rem; } .pt-sm-2 { padding-top: 0.8rem; } .pr-sm-2 { padding-right: 0.8rem; } .pb-sm-2 { padding-bottom: 0.8rem; } .pl-sm-2 { padding-left: 0.8rem; } .pt-sm-3 { padding-top: 1.6rem; } .pr-sm-3 { padding-right: 1.6rem; } .pb-sm-3 { padding-bottom: 1.6rem; } .pl-sm-3 { padding-left: 1.6rem; } .pt-sm-4 { padding-top: 2.4rem; } .pr-sm-4 { padding-right: 2.4rem; } .pb-sm-4 { padding-bottom: 2.4rem; } .pl-sm-4 { padding-left: 2.4rem; } .pt-sm-5 { padding-top: 4.8rem; } .pr-sm-5 { padding-right: 4.8rem; } .pb-sm-5 { padding-bottom: 4.8rem; } .pl-sm-5 { padding-left: 4.8rem; } .d-sm-inline-block { display: inline-block; } .d-sm-block { display: block; } .d-sm-inline-flex { display: inline-flex; } .d-sm-flex { display: flex; } .d-sm-none { display: none; } } .overflow-hidden { overflow: hidden; } [class*="is-overlay-"] { overflow: hidden; position: relative; z-index: 0; } [class*="is-overlay-"]::before { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.75; z-index: -1; } .is-overlay-inherit::before { background: inherit; } .is-overlay-primary::before { background-color: var(--bloglo-primary); } .is-overlay-secondary::before { background-color: var(--bloglo-black); opacity: 0.65; } .is-overlay-white::before { background-color: var(--bloglo--bg-white); } a.bloglo-btn i, button.bloglo-btn i { font-size: 105%; vertical-align: baseline; } a.bloglo-btn i::before, button.bloglo-btn i::before { display: inline-block; vertical-align: middle; } a.bloglo-btn span, button.bloglo-btn span { vertical-align: baseline; } a.bloglo-btn span+i, button.bloglo-btn span+i, a.bloglo-btn i+span, button.bloglo-btn i+span { margin-left: 0.75rem; } /* Is Left Button a.bloglo-btn i, button.bloglo-btn i { margin-right: 0.8rem; } Is Right Button Icon a.bloglo-btn i, button.bloglo-btn i { margin-left: 0.8rem; } */ .bg-primary { background-color: var(--bloglo-primary); } .bg-primary-light { background-color: var(--bloglo-primary_04); } .bg-secondary { background-color: var(--bloglo-secondary); } .text-primary { color: var(--bloglo-primary); } .text-white { color: var(--bloglo-white); } /* Clearing ---------------------------------- */ .clearing::after { content: ""; display: table; clear: both; } /* Accessibility Settings -------------------- */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0s !important; transition-duration: 0s !important; } } /* -------------------------------------------------------------------------- */ /* Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .admin-bar .screen-height { min-height: calc(100vh - 32px); } @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); } } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Image Classes ----------------------------- */ .bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; } .bg-attachment-fixed { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .bg-attachment-fixed { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .bg-attachment-fixed { background-attachment: scroll; } } .wp-block-image.is-resized { margin-left: auto; margin-right: auto; } /* Newsletter wpcf7 ------------------------------------ */ .wpcf7 .wpcf7-form p+p { margin-bottom: 1.5rem; margin-top: 1.5rem; } .form-newsletter { margin-top: -1.6rem; text-align: left; } .form-newsletter .wpcf7-form { display: flex; align-items: center; justify-content: end; margin-bottom: -1.6rem; } .form-newsletter .wpcf7-form>*:not(div) { flex: 1 1 auto; } .form-newsletter .wpcf7-form .form-control { border-radius: 10rem; } .form-newsletter .wpcf7-form>p:nth-child(3) { max-width: max-content; flex-basis: auto; } .form-newsletter .wpcf7-form .wpcf7-submit { margin-left: 1rem; white-space: nowrap; } .form-newsletter .wpcf7-form .wpcf7-submit:hover, .form-newsletter .wpcf7-form .wpcf7-submit:focus { background-color: var(--bs-white); color: var(--bs-primary); } @media (max-width: 61.938em) { .form-newsletter .wpcf7-form .form-control { min-height: 3.356rem; padding: 0.786rem 2rem; } } /* WPforms full */ [data-theme="dark"] div.wpforms-container .wpforms-field-label-inline, [data-theme="dark"] div.wpforms-container .wpforms-field-label { color: #fff; } .wpcf7 p, .wpcf7 label { margin-bottom: 0; } .wpcf7 label { width: 100%; } .wpcf7 div+p { margin-top: 0; } /* -------------------------------------------------------------------------- */ /* Starter Shapes *. Animation keyframes /* -------------------------------------------------------------------------- */ /* Fade In Down ------------------------------------ */ @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /* ---//--- */ /* -------------------------------------------------------------------------- */ /* Starter Heading /* -------------------------------------------------------------------------- */ .is-footer-heading-init-s1 #bloglo-footer .wp-block-heading, .is-footer-heading-init-s1 #bloglo-footer .widget-title { padding-bottom: 2rem; } .is-footer-heading-init-s1 #bloglo-footer .start-xs .widget-title::after { left: 7rem; right: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .start-xs .widget-title::before { left: 0; right: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .center-xs .widget-title::before, .is-footer-heading-init-s1 #bloglo-footer .center-xs .widget-title::after { right: 0; left: 0; margin: auto; } .is-footer-heading-init-s1 #bloglo-footer .center-xs .widget-title::before { transform: translateX(-2.6rem); } .is-footer-heading-init-s1 #bloglo-footer .center-xs .widget-title::after { transform: translateX(2.6rem); } .is-footer-heading-init-s1 #bloglo-footer .end-xs .widget-title::after { right: 7rem; left: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .end-xs .widget-title::before { right: 0; left: unset; transform: none; } /* lg > 1200px */ @media (min-width: 75em) { .is-footer-heading-init-s1 #bloglo-footer .start-lg .widget-title::after { left: 7rem; right: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .start-lg .widget-title::before { left: 0; right: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .center-lg .widget-title::before, .is-footer-heading-init-s1 #bloglo-footer .center-lg .widget-title::after { right: 0; left: 0; margin: auto; } .is-footer-heading-init-s1 #bloglo-footer .center-lg .widget-title::before { transform: translateX(-2.6rem); } .is-footer-heading-init-s1 #bloglo-footer .center-lg .widget-title::after { transform: translateX(2.6rem); } .is-footer-heading-init-s1 #bloglo-footer .end-lg .widget-title::after { right: 7rem; left: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .end-lg .widget-title::before { right: 0; left: unset; transform: none; } } /* md > 783px */ @media (min-width: 48.938em) { .is-footer-heading-init-s1 #bloglo-footer .start-md .widget-title::after { left: 7rem; right: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .start-md .widget-title::before { left: 0; right: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .center-md .widget-title::before, .is-footer-heading-init-s1 #bloglo-footer .center-md .widget-title::after { right: 0; left: 0; margin: auto; } .is-footer-heading-init-s1 #bloglo-footer .center-md .widget-title::before { transform: translateX(-2.6rem); } .is-footer-heading-init-s1 #bloglo-footer .center-md .widget-title::after { transform: translateX(2.6rem); } .is-footer-heading-init-s1 #bloglo-footer .end-md .widget-title::after { right: 7rem; left: unset; transform: none; } .is-footer-heading-init-s1 #bloglo-footer .end-md .widget-title::before { right: 0; left: unset; transform: none; } } .is-footer-heading-init-s1 #bloglo-footer .wp-block-heading::before, .is-footer-heading-init-s1 #bloglo-footer .wp-block-heading::after, .is-footer-heading-init-s1 #bloglo-footer .widget-title::before, .is-footer-heading-init-s1 #bloglo-footer .widget-title::after, .is-section-heading-init-s1 .comments-title::before, .is-section-heading-init-s1 .comments-title::after { content: ""; position: absolute; bottom: 0; height: 0.2rem; background-color: var(--bloglo-primary); z-index: 1; } .is-footer-heading-init-s1 #bloglo-footer .wp-block-heading::before, .is-footer-heading-init-s1 #bloglo-footer .widget-title::before, .is-section-heading-init-s1 .comments-title::before { width: 6rem; left: 0; } .is-footer-heading-init-s1 #bloglo-footer .wp-block-heading::after, .is-footer-heading-init-s1 #bloglo-footer .widget-title::after, .is-section-heading-init-s1 .comments-title::after { width: 2rem; left: 7rem; } /* -------------------------------------------------------------------------- */ /* Site Elements /* -------------------------------------------------------------------------- */ /* Footer Parallax ------------------------------------ */ .is-parallax-footer #main { background: var(--bloglo-white); box-shadow: 0 0.3rem 3rem rgba(0, 0, 0, 0.02), 0 1rem 3rem rgba(0, 0, 0, 0.07); } /* Cursor Dot ------------------------------------ */ .bloglo-cursor { visibility: hidden; position: fixed; pointer-events: none; z-index: 10000; display: flex; justify-content: center; align-items: center; transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; top: 0; left: 0; } .bloglo-cursor .bloglo-cursor-wrapper { display: flex; justify-content: center; align-items: center; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .bloglo-cursor .bloglo-cursor--follower { position: absolute; background-color: var(--bloglo-primary); opacity: 0.35; border-radius: 100%; width: 2.4rem; height: 2.4rem; transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .bloglo-cursor .bloglo-cursor--label { position: absolute; display: flex; justify-content: center; align-items: center; color: var(--bloglo-white); letter-spacing: 0.08em; transform: scale(0); will-change: transform, opacity; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .bloglo-cursor .bloglo-cursor--icon { position: absolute; display: flex; justify-content: center; align-items: center; color: var(--bloglo-white); transform: scale(0); will-change: transform, opacity; transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1); color: rgba(255, 255, 255, 0.76); } .bloglo-cursor .bloglo-cursor--icon:before { content: "\f061"; font-family: var(--bloglo-font-awesome); font-size: 2.4rem; } .bloglo-cursor.is-enabled { visibility: visible; } .bloglo-cursor.is-hidden .bloglo-cursor-wrapper { transform: scale(0) !important; } .bloglo-cursor.is-mouse-down .bloglo-cursor-wrapper { transform: scale(0.8); } .bloglo-cursor.is-active .bloglo-cursor--follower { box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); transform: scale(3.6); opacity: 0; } .bloglo-cursor.is-active.has-label .bloglo-cursor--follower { background-color: var(--bloglo-black); opacity: 0.8; } .bloglo-cursor.is-active.has-label .bloglo-cursor--label { transform: scale(1); } .bloglo-cursor.is-active.has-icon .bloglo-cursor--follower { background-color: var(--bloglo-black); opacity: 0.8; } .bloglo-cursor.is-active.has-icon .bloglo-cursor--icon { transform: scale(1); } /* wpform & block plugin support css */ div.wpforms-container-full form.wpforms-form button[type="submit"] { background: var(--bloglo-primary); color: var(--bloglo-white); border-color: var(--bloglo-primary); } div.wpforms-container-full form.wpforms-form button[type="submit"]:hover, .using-keyboard div.wpforms-container-full form.wpforms-form button[type="submit"]:focus { background: var(--bloglo-primary_15); border-color: var(--bloglo-primary_15); } .wpforms-container.wpforms-container-full { width: 100%; } .wpforms-container.wpforms-container-full button.wpforms-submit-button-full-width { display: block; width: 100%; } div.wpforms-container-full .wpforms-form .wpforms-field textarea, div.wpforms-container-full .wpforms-form .wpforms-field input[type="password"], div.wpforms-container-full .wpforms-form .wpforms-field input[type="tel"], div.wpforms-container-full .wpforms-form .wpforms-field input[type="url"], div.wpforms-container-full .wpforms-form .wpforms-field input[type="date"], div.wpforms-container-full .wpforms-form .wpforms-field input[type="text"], div.wpforms-container-full .wpforms-form .wpforms-field input[type="email"], div.wpforms-container-full .wpforms-form .wpforms-field input[type="number"], div.wpforms-container-full .wpforms-form .wpforms-field select { min-height: 50px; padding: 12px 18px; } .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="password"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="tel"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="url"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="date"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="number"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="email"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field textarea, .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field input[type="text"], .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field select { color: inherit; background-color: rgba(16, 20, 23, 0.05); border-color: rgba(225, 232, 237, 0); } .white-button div.wpforms-container-full form.wpforms-form button[type="submit"]:not(:hover) { background-color: #fff; color: var(--bloglo-primary); } .wpform-dark-background *::-webkit-input-placeholder { color: #fff; } .wpform-dark-background *::-moz-placeholder { color: #fff; } .wpform-dark-background *:-ms-input-placeholder { color: #fff; } .wpform-dark-background *:-moz-placeholder { color: #fff; } .wpform-dark-background div.wpforms-container-full .wpforms-form .wpforms-field select option { color: initial; } .stk-block-content figure.stk-img-wrapper { margin-top: 0; margin-bottom: 0; } /*----*/ /*****************************************/ /* Bloglo Post ( Sections ) /*****************************************/ #wp-custom-header img { width: 100%; display: block; } .bloglo-banner-imgads img { padding: 5px 0; } .bloglo-banner-imgads img { width: 100%; height: auto; } .btn-icon.bloglo-btn { width: 42px; height: 42px; padding: 0; border: none; } a.btn-icon.bloglo-btn i::before, button.btn-icon.bloglo-btn i::before { vertical-align: baseline; } .rounded-100 { border-radius: 100%; } /* Featured Links */ .style-1.bloglo-post-item { display: flex; flex-wrap: wrap; position: relative; width: 100%; min-height: 30rem; overflow: hidden; background-color: rgba(0, 0, 0, 0.18); } .style-1.bloglo-post-item>div { flex: 100%; } .bloglo-post-item.rounded { border-radius: var(--bloglo-radius); } .style-1.bloglo-post-item.start { align-items: start; } .style-1.bloglo-post-item.center { align-items: center; justify-content: center; } .style-1.bloglo-post-item.center .bloglo-post-content { text-align: center; } .style-1.bloglo-post-item.center .bloglo-post-content .entry-meta-elements { justify-content: center; } .style-1.bloglo-post-item.end { align-items: end; } .bloglo-post-content { padding: 16px; position: relative; z-index: 1; } .bloglo-post-item .bloglo-post-content .post-category { margin-bottom: 1rem; } .bloglo-post-item .bloglo-post-content .entry-header .entry-title { font-size: 2rem; margin-top: 0; } .style-1.bloglo-post-item .bloglo-post-content .entry-meta, .style-1.bloglo-post-item .bloglo-post-content .entry-meta a, .style-1.bloglo-post-item .bloglo-post-content .entry-header .entry-title a, .style-1.bloglo-post-item:hover .bloglo-post-content .entry-header .entry-title a, .using-keyboard .style-1.bloglo-post-item:focus-within .bloglo-post-content .entry-header .entry-title a { color: #fff; } .bloglo-post-item .bloglo-post-content .bloglo-btn { margin-top: 2rem; } .bloglo-post-item .bloglo-post-content .bloglo-btn { min-height: 4rem; padding: 1rem 2rem 0.8rem; font-size: 75%; } .bloglo-post-thumb { position: relative; z-index: 0; } .bloglo-post-thumb a, .style-1 .bloglo-post-thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bloglo-post-thumb a { z-index: 1; } .slider-overlay-1 .bloglo-post-thumb .inner:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .6) 59%, rgba(0, 0, 0, .8) 100%); } .bloglo-post-thumb .inner img, .bloglo-post-thumb .inner { width: 100%; height: 100%; } .bloglo-post-thumb .inner .entry-media { margin-bottom: 0; } .bloglo-post-thumb .inner img { object-fit: cover; } /*******/ .featured-one.slider-overlay-1 .bloglo-post-thumb .inner:after { opacity: 0.2; -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .featured-one.slider-overlay-1 .bloglo-post-item.style-1:focus-within .bloglo-post-thumb .inner:after, .featured-one.slider-overlay-1 .bloglo-post-item.style-1:hover .bloglo-post-thumb .inner:after { opacity: 1; } .featured-one .bloglo-post-item.style-1 .bloglo-post-thumb::before, .featured-one .bloglo-post-item.style-1 .bloglo-post-animation { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; z-index: 1; overflow: hidden; } .featured-one .bloglo-post-item.style-1 .bloglo-post-thumb::before { content: ""; border: 2px solid #fff; } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation span::after, .featured-one .bloglo-post-item.style-1 .bloglo-post-animation span::before, .featured-one .bloglo-post-item.style-1 .bloglo-post-animation::after, .featured-one .bloglo-post-item.style-1 .bloglo-post-animation::before { content: ""; position: absolute; z-index: 1; background-color: var(--bloglo-primary); transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation::after, .featured-one .bloglo-post-item.style-1 .bloglo-post-animation::before { left: 0; width: 100%; height: 2px; } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation span::after, .featured-one .bloglo-post-item.style-1 .bloglo-post-animation span::before { top: 0; width: 2px; height: 100%; } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation::before { top: 0; transform: translate3d(-105%, 0, 0); } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation::after { bottom: 0; transform: translate3d(105%, 0, 0); } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation span::before { left: 0; transform: translate3d(0, 105%, 0); } .featured-one .bloglo-post-item.style-1 .bloglo-post-animation span::after { right: 0; transform: translate3d(0, -105%, 0); } .featured-one .bloglo-post-item.style-1:hover .bloglo-post-animation::before, .featured-one .bloglo-post-item.style-1:hover .bloglo-post-animation::after, .featured-one .bloglo-post-item.style-1:hover .bloglo-post-animation span::before, .featured-one .bloglo-post-item.style-1:hover .bloglo-post-animation span::after { transform: translate3d(0, 0, 0); } .featured-one .bloglo-post-item.style-1:hover .bloglo-post-content .bloglo-btn.btn-small, .featured-one .bloglo-post-item.style-1:focus-within .bloglo-post-content .bloglo-btn.btn-small, .featured-one .bloglo-post-item.style-1 .bloglo-post-content .bloglo-btn.btn-small:hover, .featured-one .bloglo-post-item.style-1 .bloglo-post-content .bloglo-btn.btn-small:focus { color: #fff; background-color: var(--bloglo-primary); } .featured-one .bloglo-post-item.style-1 .bloglo-post-content .bloglo-btn.btn-small { border: none; border-radius: inherit; margin-top: 0; line-height: 1.6; } /* PYML */ #featured_links, #pyml { position: relative; } .is-section-heading-init-s1.bloglo-sidebar-style-3 .pyml-slider-items .widget-title { margin: 0 -2rem 2.2rem; padding-left: 2rem; padding-right: 2rem; } .bloglo-sidebar-style-3 #pyml .pyml-slider-items .widget-title::before { left: 2rem; } .bloglo-sidebar-style-3 #pyml .pyml-slider-items .widget-title::after { left: 9rem; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .pyml-slider-items .h4.widget-title { display: flex; justify-content: space-between; align-items: center; } .pyml-button-buttons { display: inline-flex; align-items: center; gap: 1rem; } .pyml-button-buttons .pyml-button-prev, .pyml-button-buttons .pyml-button-next { display: inline-block; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; font-size: 1.8rem; border-radius: var(--bloglo-normal-radius); background-color: var(--bloglo-secondary); color: var(--bloglo-white); text-align: center; cursor: pointer; -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } .pyml-button-buttons .pyml-button-prev:hover, .pyml-button-buttons .pyml-button-next:hover { background-color: var(--bloglo-primary); color: var(--bloglo-white); } .entry-media>a::before, .pyml-slide-item .pyml-slider-backgrounds .pyml-slide-bg::before { position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; opacity: 0.6; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } [data-theme="dark"] .entry-media>a::before, [data-theme="dark"] .pyml-slide-item .pyml-slider-backgrounds .pyml-slide-bg::before { opacity: 0.25; } .entry-media>a:hover::before, .using-keyboard .entry-media>a:focus::before, .pyml-slide-item .pyml-slider-backgrounds a:hover .pyml-slide-bg::before, .using-keyboard .pyml-slide-item .pyml-slider-backgrounds a:focus .pyml-slide-bg::before { -webkit-animation: shine 1s; animation: shine 1s; } .pyml-slider-items { margin-bottom: 5rem; } .pyml-slide-item { position: relative; } .pyml-slide-item .pyml-slider-backgrounds { position: relative; height: 22.6rem; margin-bottom: 1.4rem; transition: var(--bloglo-transition-primary); } .pyml-slide-item .pyml-slider-backgrounds>a, .pyml-slide-item .pyml-slider-backgrounds .pyml-slide-bg { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 0.5rem; } .pyml-slide-item .pyml-slider-backgrounds .pyml-slide-bg { position: relative; background-color: rgba(0, 0, 0, 0.18); z-index: 0; } .pyml-slide-item .pyml-slider-backgrounds .pyml-slide-bg img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .pyml-slide-item .pyml-slider-backgrounds .post-category { position: absolute; left: 15px; right: 15px; bottom: 10px; text-align: center; } .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span:not(.screen-reader-text) { width: 100%; display: inline-block; vertical-align: middle; line-height: normal; color: inherit; padding: 0; margin: 0; } .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a { display: inline-block; padding: 0.6rem 1rem; background: var(--bloglo-primary); border: none; border-radius: var(--bloglo-normal-radius); color: #fff; font-size: 1.3rem; font-weight: 500; letter-spacing: 0.06em; text-decoration: none; line-height: 1; text-align: center; max-width: max-content; margin-bottom: 0.4rem; } .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:hover, .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a:focus { text-decoration: underline; } .pyml-slide-item .pyml-slider-backgrounds .post-category .cat-links span a+a { margin-left: 0.4rem; } .pyml-slide-item .slide-inner { text-align: center; } .pyml-slide-item h6 { margin-top: 0; margin-bottom: 0; line-height: 1.3; } .pyml-slide-item h6 a:hover, .using-keyboard .pyml-slide-item h6 a:focus { color: var(--bloglo-primary); text-decoration: underline; } .pyml-slide-item div.entry-meta { margin-top: 0.4rem; font-size: 1.3rem; } .pyml-slide-item .entry-meta-elements { justify-content: center; } .pyml-slide-item .entry-meta .entry-meta-elements>span { padding: 0 0.6rem; } .pyml-slide-item .entry-meta .entry-meta-elements>span::before { height: 0.4rem; width: 0.4rem; border-radius: 50%; left: -0.6rem; } .pyml-slide-item .entry-meta a:hover, .using-keyboard .pyml-slide-item .entry-meta a:focus { text-decoration: underline; text-underline-offset: 0.1rem; } .pyml-slide-item .author-avatar img { width: 2.4rem; margin-right: 0.6rem; } /* Ticker News */ #ticker { position: relative; } @media screen and (max-width: 960px) { #ticker, #ticker+#hero .bloglo-hover-slider .bloglo-hero-container { margin-top: 3rem; } } .ticker-slider-items { width: 100%; height: auto; display: flex; align-items: center; margin: 1.8rem 0; } .bloglo-layout__boxed-separated .ticker-slider-items { padding: 1rem; background-color: var(--bloglo-white); border: 0.1rem solid rgba(190, 190, 190, 0.3); } .ticker-slider-items .ticker-title { position: relative; flex: 0 0 auto; min-height: 5.5rem; font-size: 1.6rem; line-height: 3.5rem; font-weight: 600; padding: 1rem 1.6rem; margin-right: 0; text-align: center; background-color: var(--bloglo-primary); color: #fff; } .ticker-slider-items .ticker-title span.icon { margin-right: 0.4rem; display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; position: relative; line-height: 3rem; z-index: 0; background-color: #fff; color: var(--bloglo-primary); } .ticker-slider-items .ticker-title span.icon::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: -1; -webkit-transform: scale(0.9); transform: scale(0.9); box-shadow: 0 0 0 2px rgba(255, 255, 255, .1); -webkit-animation: ripperOnCircle 1.3s ease-out 75ms infinite; animation: ripperOnCircle 1.3s ease-out 75ms infinite; } .ticker-slider-items .ticker-title span.icon i { vertical-align: middle; } @-webkit-keyframes ripperOnCircle { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.075), 0 0 0 8px rgba(255, 255, 255, 0.2); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.075), 0 0 0 8px rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.35); transform: scale(1.35); opacity: 0; } } @keyframes ripperOnCircle { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.075), 0 0 0 8px rgba(255, 255, 255, 0.2); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.075), 0 0 0 8px rgba(255, 255, 255, 0.2); -webkit-transform: scale(1.35); transform: scale(1.35); opacity: 0; } } @media (max-width: 1025px) { .ticker-slider-items .ticker-title span.icon { display: none; } } .ticker-slider-items .ticker-slider-box { overflow: hidden; flex: 1 1 85%; background-color: var(--bloglo-primary_09); padding: 5px 0; height: 5.5rem; } .ticker-slide-item { position: relative; float: left; clear: none; display: flex; align-items: center; margin-right: 2.6rem; } .ticker-slide-item .ticker-slider-backgrounds { width: 4.6rem; height: 4.6rem; margin-right: 1.6rem; } .ticker-slide-item .ticker-slider-backgrounds a { width: 100%; height: 100%; display: block; } .ticker-slide-item .ticker-slider-backgrounds img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.09); border: 0.3rem solid #fff; } .ticker-slide-item .slide-inner { display: flex; flex-direction: column; } .ticker-slide-item .slide-inner h6 { font-size: 1.6rem; margin-bottom: 0.2rem; margin-top: 0.2rem; line-height: 1.3; } .ticker-slide-item .slide-inner .entry-meta { font-size: 1.2rem; color: #8a8a8c; margin-top: 0; } .ticker-slider-controls .ticker-slider-pause { display: inline-block; font-size: 1.6rem; border: none; outline: none; color: var(--bloglo-white); background-color: var(--bloglo-secondary); padding: 1.83rem 1.4rem; height: 100%; cursor: pointer; -webkit-transition: var(--bloglo-transition-primary); transition: var(--bloglo-transition-primary); } @media (max-width: 610px) { .ticker-slider-controls .ticker-slider-pause { display: none; } } /* Custom Style */ .bloglo-audio-wrapper { overflow: hidden; } .hester-posts-list-widget-thumb a { overflow: visible; } .hester-posts-list-widget-thumb img { border: 0.4rem solid #fff; border-radius: 50%; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.09); } .wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: 1.6rem; } .widget .wp-block-latest-posts.wp-block-latest-posts__list li+li, .bloglo-sidebar-container .widget .wp-block-latest-posts.wp-block-latest-posts__list li+li { padding-top: 0.5rem; } .wp-block-latest-posts__featured-image { border: 0.7rem solid #fff; overflow: hidden; border-radius: 50%; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.09); } .wp-block-latest-posts__featured-image:not(.alignleft, .alignright) { border-radius: 0.8rem; } #page .wp-block-latest-posts__featured-image.alignleft { margin-right: 1em; } #page .wp-block-latest-posts__featured-image.alignright { margin-left: 1em; } .wp-block-latest-posts__featured-image img { border-radius: 0.8rem; } .wp-block-latest-posts__post-title { margin: 1rem 0 0; display: block; font-weight: 600; } @media screen and (max-width: 599px) { #page .wp-block-latest-posts__featured-image { width: 100%; max-width: max-content; } #page .wp-block-latest-posts__featured-image.alignleft, #page .wp-block-latest-posts__featured-image.alignright { margin-left: 0; margin-right: 0; } } .widget_media_image .wp-block-image { margin-top: 0; } #masthead #hester-header-inner .hester-nav>ul>li>a { font-weight: 600; letter-spacing: 0.8px; } .widget.hester-entry p+pre { margin-top: -2rem; } .widget_block .wp-block-cover, .wp-block-heading+.widget .menu { margin-top: 0; } .hester-posts-list-widget-categories span { vertical-align: middle; } #page .widget_block+.widget_block .wp-block-social-links { margin-top: 0; } #ticker+#main .bloglo-container>* { margin-top: 1.6rem; } #page #colophon .wp-block-social-links { margin-bottom: 0; } /****/