@charset "UTF-8"; :root { --bloghash-black: #000000; --bloghash-white: #ffffff; --bloghash-gray: #c2c2c2; --bloghash-primary: #F43676; --bloghash-secondary: #111827; --bloghash-gradient: linear-gradient(220deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0)); --bloghash-radius: 2rem; --bloghash-full-radius: 10rem; --bloghash-normal-radius: .8rem; --bloghash-font-awesome: "Font Awesome 5 Free"; --bloghash-font-sans-serif: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --bloghash-transition-primary: all .35s cubic-bezier(.645,.045,.355,1); } .page-links em, .post_format-post-format-quote .bloghash-blog-entry-content .quote-inner .author, .bloghash-btn.btn-uppercase, .site-content .page-links em, .widget.widget_calendar table>caption { text-transform: uppercase; letter-spacing: .16rem; } .clearfix:after, .clearfix:before, .entry-meta:after, .entry-meta:before, .navigation:after, .navigation:before, .page-links:after, .page-links:before, .bloghash-entry:after, .bloghash-entry: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; } .bloghash-header-widgets .bloghash-search-simple { position: absolute; right: -1.5rem; top: 100%; z-index: 9; border-top-width: .2rem; border-top-style: solid; } .bloghash-header-widgets .bloghash-search-simple:after { bottom: 100%; right: 1.6rem; content: ""; width: 0; height: 0; margin-left: -.7rem; border: .7rem solid transparent; position: absolute; pointer-events: none; z-index: -1; } #bloghash-copyright .bloghash-copyright-widget__text a, #bloghash-topbar .bloghash-topbar-widget__text a, .bloghash-breadcrumbs a, .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a>span, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-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; } #bloghash-copyright .bloghash-copyright-widget__text a:before, #bloghash-topbar .bloghash-topbar-widget__text a:before, .bloghash-breadcrumbs a:before, .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a>span:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-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: .2rem; background: currentColor; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1) translateZ(.1rem); transform: scale(0, 1) translateZ(.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 #bloghash-copyright .bloghash-copyright-widget__text a:focus:before, .using-keyboard #bloghash-topbar .bloghash-topbar-widget__text a:focus:before, .using-keyboard .bloghash-breadcrumbs a:focus:before, .using-keyboard.bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a:focus>span:before, .using-keyboard.bloghash-menu-animation-underline #bloghash-header-inner .bloghash-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, #bloghash-copyright .bloghash-copyright-widget__text a:hover:before, #bloghash-topbar .bloghash-topbar-widget__text a:hover:before, .bloghash-breadcrumbs a:hover:before, .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a>span:hover:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-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(.1rem); transform: scale(1, 1) translateZ(.1rem); } #colophon:after, #bloghash-preloader, #bloghash-scroll-top .bloghash-icon, #bloghash-scroll-top .bloghash-scroll-icon, #bloghash-scroll-top:before, #bloghash-header-inner:after, .entry-media>a .entry-media-icon .entry-media-icon-wrapper, .entry-media>a .entry-media-icon .bloghash-icon, .entry-media>a .entry-media-icon:before, .entry-media>a .entry-media-icon svg, .page-header.bloghash-page-title-has-bg-img:after, .page-header:after, .post_format-post-format-quote .bloghash-blog-entry-content .entry-content .quote-link, .post_format-post-format-quote .bloghash-blog-entry-content .quote-post-bg, .post_format-post-format-quote .bloghash-blog-entry-content .quote-post-bg:after, .preloader-1, .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer:after, .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer:before, .bloghash-spinner>div, .bloghash-tsp-header.bloghash-single-title-in-page-header #masthead:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #comments .bypostauthor-badge, #infinite-handle span.disabled, #infinite-handle span:disabled, .error-404 .page-header h1, .bloghash-btn.disabled, .bloghash-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, #hero .entry-header .entry-title, #main .entry-header .entry-title, #respond .comment-reply-title, #bloghash-pre-footer .h1, #bloghash-pre-footer .h2, #bloghash-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 .bloghash-blog-entry-content .entry-content h3, .bloghash-breadcrumbs p, .bloghash-form-label, .bloghash-nav>ul, .bloghash-social-nav>ul, .site-content .page-links span, .widget-title, button.bloghash-animate-arrow, dl, figure, ol, ul { margin: 0; padding: 0; } #comments .bypostauthor-badge, #comments .comment-actions, #comments .comment-header, #main>.bloghash-container, #page .gallery, #respond .comment-reply-title, #bloghash-scroll-top, #bloghash-scroll-top .bloghash-icon, #bloghash-copyright>.bloghash-container>.bloghash-flex-row>div, #bloghash-header-inner .bloghash-widget-wrapper, #bloghash-header-inner>.bloghash-container, #bloghash-topbar .bloghash-topbar-left, #bloghash-topbar .bloghash-topbar-right, #bloghash-topbar>.bloghash-container>.bloghash-flex-row>div, .author-box, .comment-form, .entry-media>a .entry-media-icon, .entry-media>a .entry-media-icon .bloghash-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 .bloghash-page-header-wrapper, .page-header>.bloghash-container, .preloader-1, .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper, .bloghash-header-element, .bloghash-header-widgets, .bloghash-header-widgets .bloghash-darkmode, .bloghash-header-widgets .bloghash-cart, .bloghash-header-widgets .bloghash-header-widget, .bloghash-header-widgets .bloghash-search, .bloghash-header-widgets .bloghash-search-simple button, .bloghash-input-supported .comment-form-cookies-consent, .bloghash-has-comments-toggle #bloghash-comments-toggle, .bloghash-header-layout-6 .bloghash-logo-container .bloghash-logo>.logo-inner, .bloghash-header-layout-6 .bloghash-logo-container>.bloghash-container, .bloghash-header-layout-6 .bloghash-nav-container>.bloghash-container, .bloghash-header-layout-4 .bloghash-logo-container .bloghash-logo>.logo-inner, .bloghash-header-layout-4 .bloghash-logo-container>.bloghash-container, .bloghash-header-layout-4 .bloghash-nav-container>.bloghash-container, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-logo>.logo-inner, .bloghash-header-layout-3 .bloghash-logo-container>.bloghash-container, .bloghash-header-layout-3 .bloghash-nav-container>.bloghash-container, .bloghash-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, #bloghash-copyright .bloghash-copyright-widget:not(.bloghash-copyright-widget__nav) ul, #bloghash-topbar .bloghash-topbar-widget__text ul, .bloghash-breadcrumbs ol, .bloghash-breadcrumbs ul, .bloghash-nav .children li, .bloghash-nav .sub-menu li, .bloghash-nav>ul, .bloghash-social-nav>ul { padding: 0; margin: 0; list-style: none; } #infinite-handle span, #main .entry-header .entry-title a, #bloghash-scroll-top, #bloghash-copyright .bloghash-copyright-widget:not(.bloghash-copyright-widget__text) a, #bloghash-topbar .bloghash-topbar-widget:not(.bloghash-topbar-widget__text) a, .entry-meta a, .navigation .nav-links .page-numbers, .page-links a, .post_format-post-format-quote .bloghash-blog-entry-content .entry-content a, .bloghash-breadcrumbs a, .bloghash-btn, .bloghash-header-widgets a:not(.bloghash-btn), .bloghash-logo a, .bloghash-nav .children li a, .bloghash-nav .sub-menu li a, .bloghash-nav>ul>li>a, .bloghash-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, #bloghash-topbar a, .page-links span, .post_format-post-format-quote .bloghash-blog-entry-content .quote-post-bg, .post_format-post-format-quote .bloghash-blog-entry-content .quote-post-bg:after, .bloghash-btn, .bloghash-input-supported input[type=checkbox], .bloghash-input-supported input[type=checkbox]:before, .bloghash-input-supported input[type=radio], .bloghash-input-supported input[type=radio]:before, .bloghash-nav .children li a, .bloghash-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(--bloghash-transition-primary); transition: var(--bloghash-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, .bloghash-btn, .bloghash-header-widgets .bloghash-search-simple button, .bloghash-header-widgets .bloghash-search-simple .bloghash-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; } .bloghash-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: start; } /*! 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: #f7f8f9; } /** * 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: -.4rem; } sup { top: -.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: .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: -.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: auto; 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(.bloghash-btn, .elementor-button, .button, .rounded-fill, .rounded-border):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 .bloghash-logo a:focus, .bloghash-is-mobile #bloghash-header-inner .bloghash-nav>ul>li>a:focus { outline: thin dotted; outline-offset: -0.3rem; } .using-keyboard .bloghash-btn:not(.btn-white):focus { outline-color: var(--bloghash-gray); } .using-keyboard .bloghash-btn.btn-white:focus { outline-color: var(--bloghash-secondary); } .using-keyboard #bloghash-copyright .bloghash-copyright-widget__text a:focus, .using-keyboard #bloghash-topbar .bloghash-topbar-widget__text a:focus, .using-keyboard .bloghash-breadcrumbs a:focus, .using-keyboard.bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a:focus, .using-keyboard.bloghash-menu-animation-underline #bloghash-header-inner .bloghash-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; } .bloghash-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 .3rem .2rem .3rem; border-radius: var(--bloghash-normal-radius); } svg:not(:root) { overflow: hidden; } p:empty { display: none; } p a, .content-area .bloghash-entry a, .content-area a:not(.bloghash-btn, .wp-block-button__link, .page-numbers, [class^="cat-"], [rel="tag"]):hover, .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .using-keyboard .content-area a:not(.bloghash-btn, .wp-block-button__link, .page-numbers, [class^="cat-"], [rel="tag"]):focus, .using-keyboard .wp-block-archives a:focus, .using-keyboard .wp-block-categories a:focus, .using-keyboard .wp-block-latest-posts a:focus, .using-keyboard .wp-block-latest-comments a:focus, #main .content-area .entry-meta a:hover { text-decoration: underline; text-underline-offset: 0.1rem; } .content-area .bloghash-entry a:hover, .content-area .bloghash-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: .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.20); } table:not(.variations):not(.shop_table) tbody, table:not(.variations):not(.shop_table) tfoot, table:not(.variations):not(.shop_table) thead { border: .1rem solid rgba(185, 185, 185, 0.4); 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: start; } 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(--bloghash-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: start; } table:not(.variations):not(.shop_table) caption { font-weight: 500; } .wp-block-calendar tbody td, .wp-block-calendar th { border-color: rgba(185, 185, 185, 0.4); } .wp-block-calendar table th { background: rgba(185, 185, 185, 0.4); } dt:before { content: ''; display: block; } dd:before { content: ' '; } /*****************************************/ /* Typography /*****************************************/ .bloghash-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: .8rem; } .error-404 .page-header h1, .h1, .h2, .h3, .h4, .bloghash-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: .16rem .48rem; font-size: 90%; border-radius: var(--bloghash-normal-radius); overflow-wrap: break-word; word-wrap: break-word; } code.block { margin: 2rem 0; display: block; padding: 2.5rem 4rem; border-radius: var(--bloghash-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: .6rem; } .bloghash-entry .wp-block-quote, blockquote { padding: 3rem; padding-right: 5rem; position: relative; font-size: 110%; background: no-repeat 97% 90% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='40' height='40'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.417 6.679C20.447 7.773 21 9 21 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311-1.804-.167-3.226-1.648-3.226-3.489a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179zm-10 0C10.447 7.773 11 9 11 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311C4.591 12.322 3.17 10.841 3.17 9a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179z' fill='rgba(218,222,237,1)'/%3E%3C/svg%3E"); background-size: 5rem; margin: 2rem 0; border-style: none; border-left-style: solid; border-width: 0.4rem; line-height: inherit; border-radius: var(--bloghash-normal-radius); background-color: rgba(185, 185, 185, 0.15); } .bloghash-entry .wp-block-quote>p, blockquote>p { font-size: inherit; line-height: inherit; font-style: normal; } .bloghash-entry .wp-block-quote>p:first-child, blockquote>p:first-child { margin-top: 0; margin-bottom: 1.6rem; } .bloghash-entry .wp-block-quote>p:last-child, blockquote>p:last-child { margin-bottom: 0; } .bloghash-entry .wp-block-quote.has-text-align-center, blockquote.has-text-align-center { border: none; } .bloghash-entry .wp-block-quote.has-text-align-right, blockquote.has-text-align-right { border-left-style: none; border-right-style: solid; } .bloghash-entry .wp-block-quote cite, blockquote cite { display: block; margin-top: 1.6rem; text-align: inherit; font-size: 1.4rem; } .bloghash-entry .wp-block-quote.is-large, .bloghash-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; } .bloghash-entry .wp-block-quote.is-large cite, .bloghash-entry .wp-block-quote.is-style-large cite { font-size: 1.333rem; } .bloghash-entry .wp-block-quote.is-large:before, .bloghash-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; } .bloghash-entry p.has-background { padding: 3rem 3.5rem; border-radius: var(--bloghash-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; } .bloghash-entry .wp-block-quote[style*='text-align:end'], .bloghash-entry .wp-block-quote[style*='text-align: end'] { border-left: none; border-right-style: solid; padding: .6rem 4rem .6rem 0; } .bloghash-entry .wp-block-quote[style*='text-align:end'] cite, .bloghash-entry .wp-block-quote[style*='text-align: end'] cite { text-align: end; } .bloghash-entry .wp-block-pullquote.is-style-solid-color { border-radius: var(--bloghash-normal-radius); } .bloghash-entry .wp-block-pullquote blockquote { padding: 0; border: 0; margin-top: 0 !important; margin-bottom: 0 !important; } .bloghash-entry .wp-block-pullquote blockquote p { font-size: 2.4rem; line-height: 1.4; } .bloghash-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: .6rem 0 1.6rem 3.2rem; } #page .alignleft { float: left; margin: .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: .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; } .bloghash-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; } .bloghash-flex-center { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloghash-flex-justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .bloghash-flex-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloghash-flex-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloghash-text-align-left { text-align: start; } .bloghash-text-align-center { text-align: center; } .bloghash-text-align-right { text-align: end; } /*.gallery .wp-caption-text { text-align: center; font-size: 1.4rem; line-height: 1.5; margin-top: .7rem; margin-bottom: 1.4rem; }*/ .gallery figure { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; max-width: 100%; /*padding: 0 .4rem .8rem;*/ margin: 0 !important; } .gallery figure img { display: block; border-radius: var(--bloghash-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; } .bloghash-hide { display: none !important; } /*****************************************/ /* WordPress specific /*****************************************/ .screen-reader-text { border: 0; clip: rect(.1rem, .1rem, .1rem, .1rem); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: .1rem; margin: -.1rem; overflow: hidden; padding: 0; position: absolute !important; width: .1rem; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: var(--bloghash-normal-radius); -webkit-box-shadow: 0 0 .2rem .2rem rgba(0, 0, 0, 0.6); box-shadow: 0 0 .2rem .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: .5rem; line-height: normal; padding: 1.5rem 2.3rem 1.4rem; text-decoration: none; top: .5rem; width: auto; z-index: 100000; } .skip-link { top: 4rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: .6rem; top: .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: start !important; } .has-text-align-center { text-align: center !important; } .has-text-align-right { text-align: end !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.bloghash-contained.has-background { padding-left: 0; padding-right: 0; } .alignfull.bloghash-wrap-content>div, .bloghash-container, .bloghash-container-fluid, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul { padding: 0 5rem; margin: 0 auto; width: 100%; } .alignfull.bloghash-stretch>div, .alignfull>.wp-block-embed__wrapper { max-width: 100% !important; } .bloghash-container__wide.bloghash-container, .bloghash-container__wide .bloghash-header-container, .bloghash-container__wide .bloghash-logo-container>.bloghash-container, .bloghash-container__wide .bloghash-nav-container>.bloghash-container, .bloghash-container__wide>.bloghash-container, .bloghash-layout__fw-stretched.bloghash-container, .bloghash-layout__fw-stretched .bloghash-container, .bloghash-layout__fw-stretched .bloghash-header-container, .bloghash-layout__fw-stretched .bloghash-logo-container>.bloghash-container, .bloghash-layout__fw-stretched .bloghash-nav-container>.bloghash-container, .bloghash-layout__fw-stretched>.bloghash-container { max-width: 100%; } .bloghash-layout__boxed #page, .bloghash-layout__boxed-separated #page { margin: 0 auto; } .bloghash-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; } .bloghash-layout__boxed-separated #primary, .bloghash-layout__boxed-separated #secondary { margin-top: 5rem; margin-bottom: 5rem; } .bloghash-layout__boxed-separated.bloghash-sidebar-position__right-sidebar #primary { padding-right: 5rem; } .bloghash-layout__boxed-separated.bloghash-sidebar-position__right-sidebar.bloghash-sidebar-style-2 #primary { padding-right: 3rem; } .bloghash-layout__boxed-separated.bloghash-sidebar-position__left-sidebar #primary { padding-left: 5rem; } .bloghash-layout__boxed-separated.bloghash-sidebar-position__left-sidebar.bloghash-sidebar-style-2 #primary { padding-left: 3rem; } .bloghash-layout__boxed-separated #page { background: transparent; } .bloghash-layout__boxed-separated #comments, .bloghash-layout__boxed-separated #content > article { padding: 3rem; } .bloghash-layout__boxed-separated #content .entry-content>.alignfull:first-child { margin-top: -3rem; } .bloghash-layout__boxed-separated:not(.comments-open) #content .entry-content>.alignfull:last-child { margin-bottom: -3rem; } .bloghash-layout__boxed-separated.archive #comments, .bloghash-layout__boxed-separated.blog #comments, .bloghash-layout__boxed-separated.category #comments, .bloghash-layout__boxed-separated.search-results #comments, .bloghash-layout__boxed-separated.archive #content > article, .bloghash-layout__boxed-separated.blog #content > article, .bloghash-layout__boxed-separated.category #content > article, .bloghash-layout__boxed-separated.search-results #content > article { padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: none; } .bloghash-card__boxed .bloghash-card-items, .bloghash-layout__boxed-separated.page .bloghash-article, .bloghash-layout__boxed-separated.archive .bloghash-article, .bloghash-layout__boxed-separated.blog .bloghash-article, .bloghash-layout__boxed-separated.category .bloghash-article, .bloghash-layout__boxed-separated.search-results .bloghash-article { padding: 3rem; -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .bloghash-layout__boxed-separated.page .bloghash-article, .bloghash-layout__boxed-separated.archive .bloghash-article, .bloghash-layout__boxed-separated.blog .bloghash-article, .bloghash-layout__boxed-separated.category .bloghash-article, .bloghash-layout__boxed-separated.search-results .bloghash-article { margin-bottom: 3rem; } .bloghash-layout__boxed-separated.archive.bloghash-blog-horizontal .bloghash-pagination, .bloghash-layout__boxed-separated.blog.bloghash-blog-horizontal .bloghash-pagination, .bloghash-layout__boxed-separated.category.bloghash-blog-horizontal .bloghash-pagination, .bloghash-layout__boxed-separated.search-results.bloghash-blog-horizontal .bloghash-pagination { margin-top: 4rem; } .bloghash-layout__boxed-separated.bloghash-sidebar-style-2 #secondary .bloghash-widget.widget_media_image { padding: 0; overflow: hidden; } .bloghash-layout__boxed-separated.bloghash-sidebar-style-2 #secondary .widget_media_image .widget-title { padding-left: 2.5rem; margin-left: 0; margin-top: 2rem; } /*****************************************/ /* Post sticky & audio /*****************************************/ .bloghash-article.post.sticky { outline: .3rem solid var(--bloghash-primary_15); } body:not(.bloghash-layout__boxed-separated) .bloghash-article.post.sticky { outline-offset: 1rem; border-radius: var(--bloghash-radius); } #hero .bloghash-article.post.sticky { outline: none; } .bloghash-article .bloghash-audio-wrapper .bloghash-post-audio-wrapper { display: grid; place-items: center; } /*****************************************/ /* Layout Shadow /*****************************************/ #comments .comment-body, #comments .comment_container, .author-box, .bloghash-card__boxed .bloghash-card-items, .bloghash-layout__boxed #page, .bloghash-layout__boxed-separated #comments, .bloghash-layout__boxed-separated #content > article, .bloghash-layout__boxed-separated.author .author-box, .bloghash-layout__boxed-separated.page .bloghash-article, .bloghash-layout__boxed-separated.archive .bloghash-article, .bloghash-layout__boxed-separated.blog .bloghash-article, .bloghash-layout__boxed-separated.category .bloghash-article, .bloghash-layout__boxed-separated.search-results .bloghash-article { border-radius: var(--bloghash-radius); border: .1rem solid rgba(185, 185, 185, 0.4); } .bloghash-layout-shadow:not(.single-post) .author-box, .bloghash-card-shadow.bloghash-card__boxed .bloghash-card-items, .bloghash-layout-shadow.bloghash-layout__boxed #page, .bloghash-layout-shadow.bloghash-layout__boxed-separated:not(.woocommerce, .archive, .blog, .category, .search-results) #comments, .bloghash-layout-shadow.bloghash-layout__boxed-separated:not(.archive, .blog, .category, .search-results) #content > article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.author .author-box, .bloghash-layout-shadow.bloghash-layout__boxed-separated.blog .bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.category .bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.search-results .bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.bloghash-sidebar-style-2 #secondary .bloghash-widget, .bloghash-layout-shadow.bloghash-layout__boxed-separated.archive article.bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.blog article.bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.category article.bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.search-results article.bloghash-article { box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1); border-color: transparent; } .bloghash-layout-shadow.bloghash-layout__boxed-separated.archive .col-xs-12 > .bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.blog .col-xs-12 > .bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.category .col-xs-12 > .bloghash-article, .bloghash-layout-shadow.bloghash-layout__boxed-separated.search-results .col-xs-12 > .bloghash-article { margin-bottom: 0; } .bloghash-layout__framed #page { z-index: 0; margin: 3rem 4.5rem 0; overflow: hidden; border-radius: 1rem 1rem 0 0; background-color: var(--bloghash-white); -webkit-box-shadow: 0 0 3rem rgba(50, 52, 54, 0.18); box-shadow: 0 0 3rem rgba(50, 52, 54, 0.18); } .bloghash-layout__framed.bloghash-sticky-header #page #bloghash-header-inner { margin: 0 5rem 0; } #main iframe { max-width: 100%; } .wp-block-embed__wrapper { overflow: hidden; border-radius: var(--bloghash-normal-radius); } .wp-block-embed__wrapper.alignfull { border-radius: 0; } .bloghash-video-container.wp-embed-responsive .wp-block-embed__wrapper { display: flex; } /*****************************************/ /* Flexbox Grid /*****************************************/ .bloghash-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; --bloghash-gutter-x: 2.4rem; --bloghash-gutter-y: 0; margin-top: calc(var(--bloghash-gutter-y) * -1); margin-right: calc(var(--bloghash-gutter-x)/ -2); margin-left: calc(var(--bloghash-gutter-x)/ -2); } .bloghash-flex-row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .bloghash-flex-row div[class^='col-'], .bloghash-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(--bloghash-gutter-x)/ 2); padding-left: calc(var(--bloghash-gutter-x)/ 2); margin-top: var(--bloghash-gutter-y); } .g-0,.gx-0 { --bloghash-gutter-x: 0; } .g-0,.gy-0 { --bloghash-gutter-y: 0; } .g-1,.gx-1 { --bloghash-gutter-x: .4rem; } .g-1,.gy-1 { --bloghash-gutter-y: .4rem; } .g-2,.gx-2 { --bloghash-gutter-x: .8rem; } .g-2,.gy-2 { --bloghash-gutter-y: .8rem; } .g-3,.gx-3 { --bloghash-gutter-x: 1.6rem; } .g-3,.gy-3 { --bloghash-gutter-y: 1.6rem; } .g-4,.gx-4 { --bloghash-gutter-x: 2.4rem; } .g-4,.gy-4 { --bloghash-gutter-y: 2.4rem; } .g-5,.gx-5 { --bloghash-gutter-x: 4.8rem; } .g-5,.gy-5 { --bloghash-gutter-y: 4.8rem; } .g-6,.gx-6 { --bloghash-gutter-x: 6.5rem; } .g-6,.gy-6 { --bloghash-gutter-y: 6.5rem; } /*****************************************/ /* Extra Small (599px and less) /*****************************************/ .site .bloghash-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 .bloghash-flex-row .col-xs.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloghash-flex-row .col-xs-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloghash-flex-row .col-xs-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloghash-flex-row .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloghash-flex-row .col-xs-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloghash-flex-row .col-xs-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloghash-flex-row .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloghash-flex-row .col-xs-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloghash-flex-row .col-xs-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloghash-flex-row .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloghash-flex-row .col-xs-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloghash-flex-row .col-xs-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloghash-flex-row .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloghash-flex-row .col-xs-offset-0 { margin-left: 0%; } .site .bloghash-flex-row .col-xs-offset-1 { margin-left: 8.33333%; } .site .bloghash-flex-row .col-xs-offset-2 { margin-left: 16.66667%; } .site .bloghash-flex-row .col-xs-offset-3 { margin-left: 25%; } .site .bloghash-flex-row .col-xs-offset-4 { margin-left: 33.33333%; } .site .bloghash-flex-row .col-xs-offset-5 { margin-left: 41.66667%; } .site .bloghash-flex-row .col-xs-offset-6 { margin-left: 50%; } .site .bloghash-flex-row .col-xs-offset-7 { margin-left: 58.33333%; } .site .bloghash-flex-row .col-xs-offset-8 { margin-left: 66.66667%; } .site .bloghash-flex-row .col-xs-offset-9 { margin-left: 75%; } .site .bloghash-flex-row .col-xs-offset-10 { margin-left: 83.33333%; } .site .bloghash-flex-row .col-xs-offset-11 { margin-left: 91.66667%; } .site .bloghash-flex-row .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloghash-flex-row .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloghash-flex-row.start-xs, .site .bloghash-flex-row .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .site .bloghash-flex-row.center-xs, .site .bloghash-flex-row .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloghash-flex-row.end-xs, .site .bloghash-flex-row .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloghash-flex-row.top-xs, .site .bloghash-flex-row .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloghash-flex-row.middle-xs, .site .bloghash-flex-row .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloghash-flex-row.bottom-xs, .site .bloghash-flex-row .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloghash-flex-row.stretch-xs, .site .bloghash-flex-row .stretch-xs { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloghash-flex-row.around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloghash-flex-row.between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site .bloghash-flex-row > div:not(.col-xs-12), .site .bloghash-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: -.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 .bloghash-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(--bloghash-secondary) !important; color: var(--bloghash-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; } .content-area .bloghash-entry .wp-block-navigation:where(:not([class*=has-text-decoration])) a, .wp-block-navigation:where(:not([class*=has-text-decoration])) a { text-decoration: none; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container { list-style: none; margin: 0; } .wp-block-navigation .wp-block-page-list>.wp-block-navigation-item:not(:first-child) { margin-left: 1rem; } .wp-block-file { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; } #page #main .wp-block-cover .wp-block-cover-text a, #page #main :where(.wp-block-cover-image:not(.has-text-color)), #page #main :where(.wp-block-cover:not(.has-text-color)) { color: var(--bloghash-white); } .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(--bloghash-normal-radius); border: .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-bottom: 0; margin-left: 0; } #page .wp-block-social-links .wp-social-link a, #page .wp-block-social-links .wp-social-link a:focus, #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 bloghash-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes bloghash-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } /*****************************************/ /* Button styles. /*****************************************/ #infinite-handle span, .bloghash-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(--bloghash-secondary); color: #ffffff; border-color: var(--bloghash-secondary); } input[type="reset"]:hover, .using-keyboard input[type="reset"]:focus { border-color: var(--bloghash-primary); } /* max-width > 782px */ @media screen and (max-width:48.875em) { #infinite-handle span, .bloghash-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, .bloghash-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, .bloghash-btn.disabled, .bloghash-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, .bloghash-btn.disabled>span, .bloghash-btn.disabled>svg, .bloghash-btn:disabled>span, .bloghash-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.bloghash-btn:disabled { opacity: .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: .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; z-index: 0; } .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: .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); } .bloghash-btn.btn-white { background: var(--bloghash-white); border-color: var(--bloghash-white); color: var(--bloghash-secondary); } .bloghash-btn.btn-white:hover, .bloghash-btn.btn-white:focus, .using-keyboard .bloghash-btn.btn-white:focus { color: var(--bloghash-primary); background: var(--bloghash-white); border-color: var(--bloghash-white); } .bloghash-btn.btn-white.btn-outline { border-color: var(--bloghash-white); color: var(--bloghash-white); } .bloghash-btn.btn-white.btn-outline:hover, .using-keyboard .bloghash-btn.btn-white.btn-outline:focus { background: var(--bloghash-white); color: var(--bloghash-secondary); } .bloghash-btn.btn-outline, .bloghash-btn.btn-secondary.btn-outline { background-color: transparent; } .bloghash-btn.btn-secondary.btn-outline { border-color: var(--bloghash-secondary); color: var(--bloghash-secondary); } .bloghash-btn.btn-secondary.btn-outline:hover, .using-keyboard .bloghash-btn.btn-secondary.btn-outline:focus { background: var(--bloghash-secondary); color: #ffffff; } .bloghash-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); } .bloghash-btn.btn-with-shadow:hover { -webkit-box-shadow: 0 .5rem 2.5rem rgba(0, 0, 0, 0.175); box-shadow: 0 .5rem 2.5rem rgba(0, 0, 0, 0.175); -webkit-transform: translateY(-.2rem); -ms-transform: translateY(-.2rem); transform: translateY(-.2rem); } .bloghash-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; } .bloghash-btn.btn-text-1 span { padding: 0; } .bloghash-btn.btn-text-1 span:before { content: ""; position: absolute; bottom: -.1rem; left: 0; width: 100%; height: .1rem; border-radius: 0 } .bloghash-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; } .bloghash-btn.btn-text-1:hover>span:before, .using-keyboard .bloghash-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); } .bloghash-btn.btn-text-1.btn-left-icon>span, .bloghash-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: .2rem solid rgba(185, 185, 185, 0.4); background-color: var(--bloghash-white); padding: .9rem 1.6rem; color: #66717f; width: 100%; border-radius: var(--bloghash-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(--bloghash-black); } #add_payment_method table.cart td.actions .coupon .input-text.bloghash-invalid, .woocommerce-cart table.cart td.actions .coupon .input-text.bloghash-invalid, .woocommerce-checkout table.cart td.actions .coupon .input-text.bloghash-invalid, input[type=date].bloghash-invalid, input[type=email].bloghash-invalid, input[type=password].bloghash-invalid, input[type=search].bloghash-invalid, input[type=tel].bloghash-invalid, input[type=text].bloghash-invalid, input[type=url].bloghash-invalid, textarea.bloghash-invalid { border-color: #f33; } fieldset { border: .1rem solid rgba(185, 185, 185, 0.4); margin: 2.4rem .2rem; padding: 1rem 2.5rem 2rem; border-radius: var(--bloghash-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: .2rem solid rgba(185, 185, 185, 0.4); border-radius: var(--bloghash-normal-radius); margin-bottom: .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 .5rem 1rem; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: .8rem 1.6rem; border-color: rgba(185, 185, 185, 0.4); border-radius: var(--bloghash-normal-radius); background-color: rgba(190, 190, 190, 0.20); } .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.20); } .select2-dropdown { border-color: rgba(185, 185, 185, 0.4); border-width: .2rem; border-radius: var(--bloghash-normal-radius); top: -.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: .6rem 1.5rem; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; margin: 0 1rem; border-radius: var(--bloghash-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: .2rem solid rgba(185, 185, 185, 0.4); -o-border-image: initial; border-image: initial; border-radius: var(--bloghash-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-darkmode="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(--bloghash-white); color: var(--bloghash-secondary); } input:-webkit-autofill { animation-name: autofill; -webkit-animation-name: autofill; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .bloghash-input-supported input[type=checkbox], .bloghash-input-supported input[type=radio] { position: relative; border: .2rem solid currentColor; border-radius: var(--bloghash-normal-radius); background: none; clear: none; cursor: pointer; display: inline-block !important; line-height: 0; margin: 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: .5; } .bloghash-input-supported input[type=checkbox]+label, .bloghash-input-supported input[type=radio]+label { cursor: pointer; font-weight: 400; font-size: 1.5rem; } .bloghash-input-supported input[type=checkbox]:not([id^='wpforms-']):before, .bloghash-input-supported input[type=radio]:not([id^='wpforms-']):before { content: ''; opacity: 0; position: absolute; } .bloghash-input-supported input[type=checkbox]:checked, .bloghash-input-supported input[type=checkbox]:checked:before, .bloghash-input-supported input[type=checkbox]:focus, .bloghash-input-supported input[type=checkbox]:hover, .bloghash-input-supported input[type=radio]:checked, .bloghash-input-supported input[type=radio]:checked:before, .bloghash-input-supported input[type=radio]:focus, .bloghash-input-supported input[type=radio]:hover { opacity: 1; } .bloghash-input-supported input[type=checkbox] { -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; } .bloghash-input-supported input[type=checkbox]:not([id^='wpforms-']):before { left: .6rem; top: .2rem; width: .5rem; height: 1rem; border: solid var(--bloghash-white); border-width: 0 .2rem .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; } .bloghash-input-supported input[type=checkbox]:focus, .bloghash-input-supported input[type=checkbox]:hover { -webkit-box-shadow: inset 0 0 0 .2rem; box-shadow: inset 0 0 0 .2rem; } .bloghash-input-supported input[type=checkbox]:not([id^='wpforms-']):checked { opacity: 1; -webkit-box-shadow: none !important; box-shadow: none !important; } .bloghash-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); } .bloghash-input-supported input[type=radio] { border-radius: 50%; } .bloghash-input-supported input[type=radio]:not([id^='wpforms-']):before { width: 1rem; height: 1rem; top: 50%; left: .3rem; margin-top: -.5rem; border-radius: 50%; } .bloghash-input-supported .comment-subscription-form #subscribe_blog, .bloghash-input-supported .comment-subscription-form #subscribe_comments { -webkit-appearance: none !important; -moz-appearance: none !important; } .bloghash-input-supported .comment-form-cookies-consent { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*****************************************/ /* Social links styles. /*****************************************/ .bloghash-social-nav { -ms-flex-align: center; align-items: center; } .bloghash-social-nav, .bloghash-social-nav>ul { height: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .bloghash-social-nav>ul { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .bloghash-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%; } .bloghash-social-nav>ul>li:last-child>a { margin-right: 0; } .bloghash-social-nav>ul>li>a { display: block; margin-right: 1.6rem; } .bloghash-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(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .bloghash-social-nav>ul>li>a .bloghash-icon { padding-left: .2rem; padding-right: .2rem; } .bloghash-social-nav>ul>li>a:before { display: none !important; } .bloghash-social-nav>ul>li>a:hover .bloghash-icon, .bloghash-social-nav>ul>li>a:focus-within .bloghash-icon { -webkit-transform: translateY(-225%); -ms-transform: translateY(-225%); transform: translateY(-225%); } .bloghash-social-nav>ul>li>a:hover .bloghash-icon.bottom-icon, .bloghash-social-nav>ul>li>a:focus-within .bloghash-icon.bottom-icon { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bloghash-social-nav>ul>li>a .bloghash-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 .22s; transition: -webkit-transform .22s; transition: transform .22s; transition: transform .22s, -webkit-transform .22s; opacity: 1; will-change: transform; } .bloghash-social-nav>ul>li>a .bloghash-icon.bottom-icon { position: absolute; -webkit-transform: translate3d(0, 225%, 0); transform: translate3d(0, 225%, 0); } .bloghash-social-nav>ul>li>a span { position: relative; } .bloghash-social-nav.rounded-border>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.rounded>ul>li>a>span:not(.screen-reader-text) { margin-right: .8rem; border-radius: 50%; padding: 0; } .bloghash-social-nav.rounded>ul>li>a>span:not(.screen-reader-text) { background-color: rgba(0, 0, 0, 0.15); } .bloghash-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text) { background-color: var(--bloghash-primary); } .bloghash-social-nav.rounded-border>ul>li>a .bloghash-icon, .bloghash-social-nav.rounded-fill>ul>li>a .bloghash-icon, .bloghash-social-nav.rounded>ul>li>a .bloghash-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloghash-social-nav.rounded-border>ul>li>a, .bloghash-social-nav.rounded-fill>ul>li>a, .bloghash-social-nav.rounded>ul>li>a, .bloghash-social-nav.rounded-border>ul>li:last-child>a, .bloghash-social-nav.rounded-fill>ul>li:last-child>a, .bloghash-social-nav.rounded>ul>li:last-child>a { margin-right: 0; } .bloghash-social-nav>ul>li>a .bloghash-icon { height: 1.6rem; } .bloghash-social-nav.rounded-border>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.rounded>ul>li>a>span:not(.screen-reader-text) { width: 3.6rem; height: 3.6rem; } .bloghash-social-nav.bloghash-small>ul>li>a .bloghash-icon { height: 1.4rem; } .bloghash-social-nav.bloghash-small.rounded-border>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.bloghash-small.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.bloghash-small.rounded>ul>li>a>span:not(.screen-reader-text) { width: 3.2rem; height: 3.2rem; } .bloghash-social-nav.bloghash-large>ul>li>a .bloghash-icon { height: 2rem; } .bloghash-social-nav.bloghash-large.rounded-border>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.bloghash-large.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.bloghash-large.rounded>ul>li>a>span:not(.screen-reader-text) { width: 4.4rem; height: 4.4rem; } .bloghash-social-nav.bloghash-xlarge>ul>li>a .bloghash-icon { height: 2.8rem; } .bloghash-social-nav.bloghash-xlarge.rounded-border>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.bloghash-xlarge.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.bloghash-xlarge.rounded>ul>li>a>span:not(.screen-reader-text) { width: 5.1rem; height: 5.1rem; } .bloghash-social-nav.minimal-fill>ul>li>a>span.dribbble { color: #d97aa6; } .bloghash-social-nav.minimal-fill>ul>li>a>span.facebook { color: #175beb; } .bloghash-social-nav.minimal-fill>ul>li>a>span.stackoverflow { color: #e77b23; } .bloghash-social-nav.minimal-fill>ul>li>a>span.github { color: #0d1117; } .bloghash-social-nav.minimal-fill>ul>li>a>span.twitter { color: #000000; } .bloghash-social-nav.minimal-fill>ul>li>a>span.instagram { color: #ef00a2; } .bloghash-social-nav.minimal-fill>ul>li>a>span.linkedin { color: #0077b5; } .bloghash-social-nav.minimal-fill>ul>li>a>span.pinterest { color: #ee3e52; } .bloghash-social-nav.minimal-fill>ul>li>a>span.tumblr { color: #5f7990; } .bloghash-social-nav.minimal-fill>ul>li>a>span.youtube { color: #ff0000; } .bloghash-social-nav.minimal-fill>ul>li>a>span.flickr { color: #ef3998; } .bloghash-social-nav.minimal-fill>ul>li>a>span.twitch { color: #8551e6; } .bloghash-social-nav.minimal-fill>ul>li>a>span.vk { color: #6299dc; } .bloghash-social-nav.minimal-fill>ul>li>a>span.telegram { color: #08c; } .bloghash-social-nav.minimal-fill>ul>li>a>span.discord { color: #5865f2; } .bloghash-social-nav.minimal-fill>ul>li>a>span.wechat { color: #09B83E; } .bloghash-social-nav.minimal-fill>ul>li>a>span.qq { color: #09f; } .bloghash-social-nav.minimal-fill>ul>li>a>span.bilibili { color: #06B6F2; } .bloghash-social-nav.minimal-fill>ul>li>a>span.threads { color: #101010; } .bloghash-social-nav.minimal-fill>ul>li>a>span.rss { color: #f59f23; } .bloghash-social-nav.minimal-fill>ul>li>a>span.tiktok { color: #010101; } .bloghash-social-nav.rounded-border>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text) { margin-right: .8rem; border-radius: 50%; padding: 0; } .bloghash-social-nav.rounded-border>ul>li>a>span:not(.screen-reader-text) { color: var(--bloghash-secondary); border: 1px solid rgba(185, 185, 185, 0.4); } .bloghash-social-nav.rounded-fill>ul>li>a>span:not(.screen-reader-text), .bloghash-social-nav.rounded-fill>ul>li>a .bloghash-icon.bottom-icon { color: #fff; } .bloghash-social-nav.rounded-fill>ul>li>a>span.dribbble { background-color: #d97aa6; } .bloghash-social-nav.rounded-fill>ul>li>a>span.facebook { background-color: #175beb; } .bloghash-social-nav.rounded-fill>ul>li>a>span.stackoverflow { background-color: #e77b23; } .bloghash-social-nav.rounded-fill>ul>li>a>span.github { background-color: #0d1117; outline: 1px solid rgba(190,190,190,0.30); } .bloghash-social-nav.rounded-fill>ul>li>a>span.twitter { background-color: #000000; outline: 1px solid rgba(190,190,190,0.30); } .bloghash-social-nav.rounded-fill>ul>li>a>span.instagram { background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%),linear-gradient(135deg,#234bd7 12%,#c33cbe 58%); } .bloghash-social-nav.rounded-fill>ul>li>a>span.linkedin { background-color: #0077b5; } .bloghash-social-nav.rounded-fill>ul>li>a>span.pinterest { background-color: #ee3e52; } .bloghash-social-nav.rounded-fill>ul>li>a>span.tumblr { background-color: #5f7990; } .bloghash-social-nav.rounded-fill>ul>li>a>span.youtube { background-color: #ff0000; } .bloghash-social-nav.rounded-fill>ul>li>a>span.flickr { background-color: #ef3998; } .bloghash-social-nav.rounded-fill>ul>li>a>span.twitch { background-color: #8551e6; } .bloghash-social-nav.rounded-fill>ul>li>a>span.vk { background-color: #6299dc; } .bloghash-social-nav.rounded-fill>ul>li>a>span.telegram { background-color: #08c; } .bloghash-social-nav.rounded-fill>ul>li>a>span.discord { background-color: #5865f2; } .bloghash-social-nav.rounded-fill>ul>li>a>span.wechat { background-color: #09B83E; } .bloghash-social-nav.rounded-fill>ul>li>a>span.qq { background-color: #09f; } .bloghash-social-nav.rounded-fill>ul>li>a>span.bilibili { background-color: #06B6F2; } .bloghash-social-nav.rounded-fill>ul>li>a>span.threads { background-color: #101010; outline: 1px solid rgba(190,190,190,0.30); } .bloghash-social-nav.rounded-fill>ul>li>a>span.rss { background-color: #f59f23; } .bloghash-social-nav.rounded-fill>ul>li>a>span.tiktok { background-color: #010101; outline: 1px solid rgba(190,190,190,0.30); } /*****************************************/ /* Topbar layout styles /*****************************************/ #bloghash-topbar { border-style: solid; border-left: none; border-right: none; border-width: 0; font-size: 1.3rem; z-index: 6; } #bloghash-topbar, #bloghash-topbar>.bloghash-container { position: relative; } #bloghash-topbar>.bloghash-container>.bloghash-flex-row { position: relative; margin-top: 0; margin-bottom: 0; min-height: 5rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #bloghash-topbar>.bloghash-container>.bloghash-flex-row>div { width: auto; max-width: 100%; } #bloghash-topbar>.bloghash-container>.bloghash-flex-row>div:empty { display: none; } #bloghash-topbar .bloghash-topbar-left, #bloghash-topbar .bloghash-topbar-right { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } #bloghash-topbar .bloghash-topbar-right { margin-left: auto; } #bloghash-topbar .bloghash-topbar-right .bloghash-topbar-widget:first-child { margin-left: 0; } #bloghash-topbar .bloghash-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; } #bloghash-topbar .bloghash-topbar-widget:first-child { padding-left: 0; border-left: 0; } #bloghash-topbar .bloghash-topbar-widget:last-child { padding-right: 0; border-right: 0 !important; } #bloghash-topbar .bloghash-topbar-widget:last-child:after { display: none !important; } #bloghash-topbar .bloghash-topbar-widget__text .bloghash-icon { margin: 0 .7rem 0 0; height: 1.84rem; position: relative; vertical-align: middle; } #bloghash-topbar .bloghash-social-nav>ul>li>a .bloghash-icon { height: 1.4rem; } .bloghash-topbar__separators-regular #bloghash-topbar .bloghash-topbar-widget:after, .bloghash-topbar__separators-slanted #bloghash-topbar .bloghash-topbar-widget:after { content: ''; width: .1rem; height: 1.6rem; display: inline-block; position: relative; right: -.5rem; margin: -1.6rem 0 -1.6rem 1rem; } .bloghash-topbar__separators-slanted #bloghash-topbar .bloghash-topbar-widget:after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .bloghash-topbar__separators-slanted #bloghash-topbar .bloghash-topbar-widget.bloghash-topbar-widget__socials { padding-left: .5rem; } .bloghash-topbar-widget:after { background-color: rgba(185, 185, 185, 0.4); } /*****************************************/ /* Header layout styles /*****************************************/ #bloghash-header { position: relative; } #bloghash-header-inner { border-style: solid; border-left: none; border-right: none; border-width: 0; } #bloghash-header-inner:after { content: ''; } #bloghash-header-inner>.bloghash-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #bloghash-header-inner .bloghash-widget-wrapper { position: relative; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloghash-header-element:not(.bloghash-mobile-nav) { position: relative; } .bloghash-header-element { z-index: 99; } .bloghash-header-element > .bloghash-header-widget:first-child { margin-left: 1.8rem; } .bloghash-header-element.bloghash-header-widgets { z-index: 5; } .bloghash-header-element:empty, .bloghash-header-element:first-child { margin-left: 0 } /*****************************************/ /* Sticky Header /*****************************************/ .bloghash-sticky-header.bloghash-tsp-header #bloghash-header, .bloghash-sticky-header.bloghash-tsp-header .bloghash-header-widgets a:not(.bloghash-btn), .bloghash-sticky-header.bloghash-tsp-header .bloghash-logo a, .bloghash-sticky-header.bloghash-tsp-header .bloghash-hamburger, .bloghash-sticky-header.bloghash-tsp-header #bloghash-header-inner .bloghash-nav > ul > li > a { color: inherit; } .bloghash-sticky-header.bloghash-tsp-header .bloghash-header-widgets a:not(.bloghash-btn):hover, .bloghash-sticky-header.bloghash-tsp-header .bloghash-logo a:hover, .bloghash-sticky-header.bloghash-tsp-header .bloghash-hamburger:hover, .bloghash-sticky-header.bloghash-tsp-header #bloghash-header-inner .bloghash-nav > ul > li.hovered > a, .bloghash-sticky-header.bloghash-tsp-header #bloghash-header-inner .bloghash-nav > ul > li.current_page_item > a, .bloghash-sticky-header.bloghash-tsp-header #bloghash-header-inner .bloghash-nav > ul > li > a:hover { color: var(--bloghash-primary); } .bloghash-sticky-header.bloghash-is-mobile #bloghash-header-inner, .bloghash-sticky-header:not(.bloghash-header-layout-3, .bloghash-header-layout-4, .bloghash-header-layout-6) #bloghash-header-inner, .bloghash-sticky-header:not(.bloghash-is-mobile).bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header:not(.bloghash-is-mobile).bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header:not(.bloghash-is-mobile).bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav-container>.bloghash-container { position: fixed; left: 0; right: 0; top: 0; z-index: 999; margin: 0 auto; background-color: var(--bloghash-white); -webkit-box-shadow: 0 .4rem 3rem 0 rgba(0, 0, 0, 0.08); box-shadow: 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; } .bloghash-sticky-header.bloghash-header-layout-6:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.bloghash-header-layout-4:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.bloghash-header-layout-3:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav-container>.bloghash-container { background-color: inherit; border: inherit; } .bloghash-sticky-header.bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav-container>.bloghash-container { max-width: 100%; } .bloghash-sticky-header.admin-bar.bloghash-is-mobile #bloghash-header-inner, .bloghash-sticky-header.admin-bar:not(.bloghash-header-layout-3, .bloghash-header-layout-4, .bloghash-header-layout-6) #bloghash-header-inner, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav-container>.bloghash-container { top: 32px; } /*****************************************/ /* Header Widgets /*****************************************/ .bloghash-header-widgets .bloghash-header-widget .bloghash-darkmode span { --size: 1.8rem; width: var(--size); height: var(--size); box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; border-radius: 100rem; vertical-align: middle; -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } html[data-darkmode="dark"] .bloghash-header-widgets .bloghash-header-widget .bloghash-darkmode span { --size: 1.05em; --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(--bloghash-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; } .bloghash-header-widgets a:not(.bloghash-btn) { color: inherit; } .bloghash-header-widgets .bloghash-header-widget { height: 100%; max-height: 9rem; position: relative; padding-left: .8rem; padding-right: .8rem; } .bloghash-header-widgets .bloghash-header-widget.bloghash-header-widget__button { padding-left: 1.6rem; padding-right: 1.6rem; } .bloghash-header-widgets .bloghash-header-widget.dropdown-visible .dropdown-item:not(.bloghash-search-container), .bloghash-header-widgets .bloghash-header-widget .bloghash-widget-wrapper.dropdown-visible .dropdown-item, .bloghash-header-widgets .bloghash-header-widget>.bloghash-widget-wrapper:hover .dropdown-item:not(.bloghash-search-container) { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; pointer-events: auto; } .bloghash-header-widgets .bloghash-header-widget:not(.bloghash-header-widget__button, .bloghash-header-widget__socials) .bloghash-icon { height: 2.057rem; width: auto; } .bloghash-header-widgets .bloghash-header-widget:not(.bloghash-header-widget__button, .bloghash-header-widget__socials) .bloghash-icon path:not([fill=none]) { fill: currentColor; fill-rule: evenodd; } body header.site-header div:not(.bloghash-header-widget__button) .bloghash-empty-cart svg.bloghash-icon { width: 100%; height: 8rem; clear: both; } .bloghash-header-widgets .bloghash-cart, .bloghash-header-widgets .bloghash-search { position: relative; } .bloghash-header-widgets .bloghash-darkmode { background-color: transparent; border: none; cursor: pointer; } .bloghash-header-widgets .bloghash-darkmode.rounded-fill, .bloghash-header-widgets .bloghash-darkmode.rounded-border, .bloghash-header-widgets .bloghash-cart.rounded-fill, .bloghash-header-widgets .bloghash-cart.rounded-border, .bloghash-header-widgets .bloghash-search.rounded-fill, .bloghash-header-widgets .bloghash-search.rounded-border { width: 3.6rem; height: 3.6rem; border-radius: 50%; justify-content: center; } .bloghash-header-widgets .bloghash-header-widget:not(.bloghash-header-widget__button, .bloghash-header-widget__socials) .rounded-fill .bloghash-icon, .bloghash-header-widgets .bloghash-header-widget:not(.bloghash-header-widget__button, .bloghash-header-widget__socials) .rounded-border .bloghash-icon { height: 1.6rem; } .bloghash-header-widgets .bloghash-darkmode.rounded-fill, .bloghash-header-widgets .bloghash-cart.rounded-fill, .bloghash-header-widgets .bloghash-search.rounded-fill { color: #fff; background-color: var(--bloghash-primary); } html[data-darkmode="dark"] .bloghash-header-widgets .bloghash-header-widget .bloghash-darkmode.rounded-fill span, .bloghash-header-widgets .bloghash-header-widget .bloghash-darkmode.rounded-fill span, .bloghash-header-widgets .bloghash-header-widget:not(.bloghash-header-widget__button, .bloghash-header-widget__socials) .rounded-fill .bloghash-icon { color: #fff; } .bloghash-header-widgets .bloghash-header-widget .bloghash-darkmode.rounded-fill span { transform: scale(.8); } .bloghash-header-widgets .bloghash-header-widget:has(.rounded-border, .rounded-fill) { padding-left: 0.4rem; padding-right: 0.4rem; } .bloghash-header-widgets .bloghash-header-widget:is(.rounded-border, .rounded-fill) { padding-left: 0.4rem; padding-right: 0.4rem; } .bloghash-header-widgets .bloghash-darkmode.rounded-border, .bloghash-header-widgets .bloghash-cart.rounded-border, .bloghash-header-widgets .bloghash-search.rounded-border { border: 1px solid rgba(185, 185, 185, 0.4); } .bloghash-header-widgets .bloghash-cart .bloghash-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; border-radius: 50%; position: absolute; top: -10px; right: -10px; line-height: 1; color: var(--bloghash-white); font-weight: 500; letter-spacing: 0; } .bloghash-header-widgets .bloghash-cart.minimal .bloghash-cart-count { height: 1.7rem; width: 1.7rem; font-size: 1.02rem; } .bloghash-header-widgets .dropdown-item { width: 28rem; background-color: var(--bloghash-white); -webkit-box-shadow: 0 1rem 3.5rem -.3rem rgba(0, 0, 0, 0.12); box-shadow: 0 1rem 3.5rem -.3rem rgba(0, 0, 0, 0.12); border-radius: 0 0 .3rem .3rem; border: .1rem solid rgba(185, 185, 185, 0.4); border-top-width: .2rem; } .bloghash-header-widgets .dropdown-item:not(.bloghash-search-container) { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; visibility: hidden; opacity: 0; -webkit-transform: translateY(.5rem); -ms-transform: translateY(.5rem); transform: translateY(.5rem); z-index: 9991; pointer-events: none; } .bloghash-header-widgets .dropdown-item:not(.bloghash-search-container):hover { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; } .bloghash-header-widget:after { width: .1rem; height: 1.6rem; background-color: rgba(185, 185, 185, 0.4); display: inline-block; position: relative; right: -.5rem; margin: -1.6rem 0 -1.6rem 1rem; } .bloghash-header__separators-regular .bloghash-header-widget, .bloghash-header__separators-slanted .bloghash-header-widget { padding-left: 1rem; padding-right: 1rem; } .bloghash-header__separators-regular .bloghash-header-widget:after, .bloghash-header__separators-slanted .bloghash-header-widget:after { content: ''; } .bloghash-header__separators-slanted .bloghash-header-widget:after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .bloghash-header__separators-slanted .bloghash-header-widget.bloghash-topbar-widget__socials { padding-left: .5rem; } .bloghash-header-layout-6 .bloghash-widget-location-left .dropdown-item, .bloghash-header-layout-4 .bloghash-widget-location-left .dropdown-item, .bloghash-header-layout-3 .bloghash-widget-location-left .dropdown-item { right: auto; left: -.7rem; } .bloghash-header-layout-6 .bloghash-widget-location-left .dropdown-item:after, .bloghash-header-layout-4 .bloghash-widget-location-left .dropdown-item:after, .bloghash-header-layout-3 .bloghash-widget-location-left .dropdown-item:after { right: auto; left: 1.6rem; } /*****************************************/ /* Header layouts /*****************************************/ .bloghash-header-layout-1 .bloghash-logo, .bloghash-header-layout-2 .bloghash-logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloghash-header-layout-5 .bloghash-header-widget:last-of-type, .bloghash-header-layout-4 .bloghash-header-widget:last-of-type, .bloghash-header-layout-2 .bloghash-header-widget:last-of-type, .bloghash-header-layout-1 .bloghash-header-widget:last-of-type { padding-right: 0; } .bloghash-header-layout-5 .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-4 .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-2 .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-1 .bloghash-header-widget:last-of-type:after { display: none; } .bloghash-header-layout-1 .bloghash-header-container .bloghash-logo { margin-right: auto; } .bloghash-header-layout-1 .bloghash-header-container .bloghash-nav { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bloghash-header-layout-1 .bloghash-header-container .bloghash-nav>ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /*****************************************/ /* Header layout 2 /*****************************************/ .bloghash-header-layout-2 .bloghash-header-container .bloghash-logo { margin-right: 3.2rem; } .bloghash-header-layout-2 .bloghash-header-container .bloghash-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bloghash-header-layout-2 .bloghash-header-container .bloghash-header-widgets { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloghash-header-layout-2 .bloghash-header-container .bloghash-header-widgets:last-child { margin-right: 0; } .bloghash-header-layout-2.bloghash-is-mobile .bloghash-header-container .bloghash-header-widgets { margin-left: 0; } .bloghash-header-layout-2.bloghash-is-mobile .bloghash-header-container .bloghash-logo { margin-right: auto; } /*****************************************/ /* Header layout 3 & 6 /*****************************************/ .bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav>ul, .bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav>ul, .bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav>ul { min-height: 6rem; } .bloghash-header-layout-6 .bloghash-header-widget__cart .dropdown-item, .bloghash-header-layout-4 .bloghash-header-widget__cart .dropdown-item, .bloghash-header-layout-3 .bloghash-header-widget__cart .dropdown-item { right: -1.4rem; } .bloghash-header-layout-6 .bloghash-logo-container>.bloghash-container, .bloghash-header-layout-6 .bloghash-nav-container>.bloghash-container, .bloghash-header-layout-4 .bloghash-nav-container>.bloghash-container, .bloghash-header-layout-3 .bloghash-logo-container>.bloghash-container, .bloghash-header-layout-3 .bloghash-nav-container>.bloghash-container { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav>ul>li>a, .bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav>ul>li>a, .bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav>ul>li>a { padding-top: 1.4rem; padding-bottom: 1.4rem; } .bloghash-header-layout-3 .bloghash-logo-container>.bloghash-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-header-element, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-header-element { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-logo, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-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; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-logo>.logo-inner, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-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; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-left, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-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; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-left .bloghash-header-widget:first-child, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-widget-location-left .bloghash-header-widget:first-child { padding-left: 0; margin-left: 0; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type, .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type { padding-right: 0; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type:after { display: none; } .bloghash-header-layout-6 .bloghash-logo-container .bloghash-widget-location-right, .bloghash-header-layout-3 .bloghash-logo-container .bloghash-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; } .bloghash-header-layout-6 .bloghash-widget-wrapper, .bloghash-header-layout-4 .bloghash-widget-wrapper, .bloghash-header-layout-3 .bloghash-widget-wrapper { padding-top: 1rem; padding-bottom: 1rem; } .bloghash-header-layout-6 .bloghash-mobile-nav, .bloghash-header-layout-4 .bloghash-mobile-nav, .bloghash-header-layout-3 .bloghash-mobile-nav { padding-top: 1.6rem; padding-bottom: 1.6rem; } .bloghash-header-layout-3 .bloghash-nav-container { position: relative; z-index: 3; border-width: 0; margin-bottom: -.1rem; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.04); } /*****************************************/ /* Header layout 4 & 6 /*****************************************/ .bloghash-header-layout-4 .bloghash-header-widgets .bloghash-header-widget { max-height: none; min-height: 9rem; } .bloghash-header-layout-4 .bloghash-logo-container .bloghash-logo>.logo-inner { flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .bloghash-header-layout-4 .bloghash-logo-container .bloghash-logo>.logo-inner .site-description { font-size: 90%; } .bloghash-header-layout-4 .bloghash-logo-container .bloghash-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; } .bloghash-header-layout-4 .bloghash-logo-container .bloghash-widget-location-right { display: none; } .bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav > ul > li, .bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav > ul > li { margin-left: 1.6rem; } .bloghash-header-layout-6 .bloghash-nav-container, .bloghash-header-layout-4 .bloghash-nav-container { position: relative; z-index: 3; border-width: 0; margin-bottom: -.1rem; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-header-element, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-header-element { -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-nav, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-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; } .bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav>ul, .bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav>ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-left, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-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; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-left .bloghash-header-widget:first-child, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-widget-location-left .bloghash-header-widget:first-child { padding-left: 0; margin-left: 0; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type, .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type { padding-right: 0; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-widget-location-right .bloghash-header-widget:last-of-type:after, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-widget-location-left .bloghash-header-widget:last-of-type:after { display: none; } .bloghash-header-layout-6 .bloghash-nav-container .bloghash-widget-location-right, .bloghash-header-layout-4 .bloghash-nav-container .bloghash-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; } .bloghash-header-layout-4 .bloghash-logo-container .bloghash-ad-widget__advertisements { flex: 1; z-index: 5; } .bloghash-header-layout-4 .bloghash-logo-container .bloghash-ad-widget__advertisements .ads-banner { text-align: end; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 0; max-width: 100%; } /*****************************************/ /* Header layouts 5 /*****************************************/ .bloghash-header-layout-5 #bloghash-header { margin-top: 6rem; } .bloghash-header-layout-5 #bloghash-topbar+#bloghash-header { margin-top: 2rem; } .bloghash-header-layout-5:not(.bloghash-sticky-header) #bloghash-header { padding: 0 3rem; } .bloghash-header-layout-5:not(.bloghash-sticky-header) #bloghash-header + .page-header { margin-top: 3rem; } .bloghash-header-layout-5:not(.bloghash-sticky-header) #bloghash-header #bloghash-header-inner { margin: 0 auto; } .bloghash-header-layout-5:not(.bloghash-sticky-header) #bloghash-header #bloghash-header-inner, .bloghash-header-layout-5 #masthead+#main .bloghash-breadcrumbs { border-width: 1px; border-style: solid; border-radius: 10rem; } .bloghash-header-layout-5 #masthead+#main .bloghash-breadcrumbs { margin: 4rem auto 0; width: 90%; } .bloghash-header-layout-5:not(.bloghash-sticky-header) #bloghash-header #bloghash-header-inner .bloghash-container { padding: 0 4rem; } .bloghash-header-layout-5 .bloghash-logo { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bloghash-header-layout-5 .bloghash-header-container .bloghash-logo { margin-right: auto; } .bloghash-header-layout-5 .bloghash-header-container .bloghash-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bloghash-header-layout-5 .bloghash-header-container .bloghash-nav>ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloghash-header-layout-5.bloghash-layout__boxed-separated #masthead+#main #primary, .bloghash-header-layout-5.bloghash-layout__boxed-separated #masthead+#main #secondary { margin-top: 6rem; } .page-header { position: relative; border-width: 0; } .page-header:empty { display: none; } .page-header>.bloghash-container>div, .page-header>.bloghash-container>nav { z-index: 2; } .page-header.bloghash-has-breadcrumbs.bloghash-align-left .bloghash-page-header-wrapper { padding-right: 3rem; } .page-header.bloghash-has-breadcrumbs.bloghash-align-right .bloghash-page-header-wrapper { padding-left: 3rem; } .page-header .bloghash-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 .bloghash-page-header-description { font-size: 1.707rem; margin: 0; margin-top: .8rem; } .page-header h1.page-title, .page-header .page-title { margin: 0; } .page-header:after { content: ''; pointer-events: none; } .bloghash-page-title-align-left .page-header.bloghash-has-page-title .bloghash-page-header-wrapper { margin-right: auto; } .bloghash-page-title-align-right .page-header.bloghash-has-page-title .bloghash-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; } .bloghash-page-title-align-right .page-header.bloghash-has-page-title .bloghash-breadcrumbs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .bloghash-page-title-align-center .page-header.bloghash-has-page-title>.bloghash-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bloghash-page-title-align-center .page-header.bloghash-has-page-title>.bloghash-container .bloghash-page-header-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .bloghash-page-title-align-center .page-header.bloghash-has-page-title>.bloghash-container .bloghash-breadcrumbs { text-align: center; width: 100%; } /*****************************************/ /* Transparent header layout styles /*****************************************/ .bloghash-tsp-header #bloghash-header-inner, .bloghash-tsp-header .page-header { background: none; background-color: rgba(0, 0, 0, 0); } .bloghash-tsp-header .site-header { position: relative; } .bloghash-tsp-header #bloghash-header-inner { -webkit-box-shadow: none; box-shadow: none; } .bloghash-tsp-header .page-header { position: relative; z-index: 1; } .bloghash-tsp-header.bloghash-single-title-in-page-header .page-header.bloghash-page-title-has-bg-img:after { background: none; } .bloghash-tsp-header.bloghash-single-title-in-page-header #masthead:before { content: ''; pointer-events: none; background-color: #111827; opacity: .65; } .bloghash-tsp-absolute .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 99; background-color: transparent; } /*****************************************/ /* Fullwidth section /*****************************************/ body:not(.bloghash-layout__boxed) .bloghash_section_extra .alignfull, body:not(.bloghash-layout__boxed) .bloghash_section_extra .bloghash-fw-section, body:not(.bloghash-layout__boxed).bloghash-no-sidebar .entry-content .alignfull, body:not(.bloghash-layout__boxed).bloghash-no-sidebar .bloghash-fw-section { position: relative; width: 100vw; left: 50%; margin-left: -50vw; max-width: var(--bloghash-screen-width, 100vw); } body.bloghash-layout__boxed .bloghash_section_extra .alignfull, body.bloghash-layout__boxed .bloghash_section_extra .bloghash-fw-section, body.bloghash-layout__boxed.bloghash-no-sidebar .entry-content .alignfull, body.bloghash-layout__boxed.bloghash-no-sidebar .bloghash-fw-section { margin-left: -10rem; margin-right: -10rem; } body.bloghash-layout__boxed-separated:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, body.bloghash-layout__boxed-separated:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, body.bloghash-layout__boxed-separated:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .bloghash-fw-section { left: 0 !important; width: auto !important; max-width: unset; margin-left: -3rem !important; margin-right: -3rem !important; } .bloghash-layout__boxed .bloghash_section_extra .alignfull, .bloghash-layout__boxed .bloghash_section_extra .bloghash-fw-section, .bloghash-layout__boxed.bloghash-no-sidebar .elementor-section.elementor-section-stretched, .bloghash-layout__boxed.bloghash-no-sidebar .entry-content .alignfull, .bloghash-layout__boxed.bloghash-no-sidebar .bloghash-fw-section { left: 0 !important; width: auto !important; margin-left: -10rem !important; margin-right: -10rem !important; } .bloghash-layout__boxed.page-template-elementor_header_footer .elementor-section.elementor-section-stretched, .bloghash-layout__boxed.page-template-elementor_header_footer .entry-content .alignfull, .bloghash-layout__boxed.page-template-elementor_header_footer .bloghash-fw-section, .bloghash-layout__boxed.page-template-template-bloghash-fullwidth .elementor-section.elementor-section-stretched, .bloghash-layout__boxed.page-template-template-bloghash-fullwidth .entry-content .alignfull, .bloghash-layout__boxed.page-template-template-bloghash-fullwidth .bloghash-fw-section { left: 0 !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .bloghash-has-sidebar:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, .bloghash-has-sidebar:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, .bloghash-has-sidebar:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .bloghash-fw-section { margin-left: 0 !important; margin-right: 0 !important; left: 0 !important; max-width: 100%; } body:not(.bloghash-has-sidebar):not(.bloghash-single-title-in-content) #content .entry-content>.alignfull:first-child { margin-top: -5rem; } body:not(.bloghash-has-sidebar):not(.bloghash-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; } /*****************************************/ /* Post List styles /*****************************************/ .bloghash-post-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bloghash-post-list .bloghash-post-list-thumb { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; z-index: 0; } .bloghash-post-list.s1 .bloghash-post-list-thumb { margin-right: 1.8rem; width: 9rem; height: 9rem; } .bloghash-post-list .bloghash-post-list-thumb a { width: 100%; height: 100%; display: block; } .bloghash-post-list .bloghash-post-list-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--bloghash-radius); box-shadow: 0 0 1.5rem rgba(185, 185, 185, 0.4); } .bloghash-post-list .post-category { margin-bottom: 0.6rem; text-transform: uppercase; } .bloghash-post-list .entry-meta, .bloghash-post-list .post-category { font-size: 1.2rem; line-height: 1.5; } .bloghash-post-list .entry-meta .author-avatar img { width: 2.4rem; } .bloghash-post-list .entry-title { margin: 0; font-size: 1.6rem; line-height: 1.2; } .bloghash-hero-slider .swiper-bottom { height: 100px; width: 100%; margin-bottom: 3rem; position: absolute; right: 0px; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bloghash-hero-slider .swiper-bottom .bloghash-post-list .bloghash-post-list-thumb img { border: 2px solid transparent; } .bloghash-hero-slider .swiper-bottom .swiper-slide-thumb-active .bloghash-post-list .bloghash-post-list-thumb img { border-color: #fff; } @media screen and (max-width: 991px) { .bloghash-hero-slider .swiper-bottom .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .bloghash-hero-slider .swiper-bottom .swiper-slide { width: 100px !important; } .bloghash-hero-slider .swiper-bottom .bloghash-post-list { width: 9rem; height: 9rem; } .bloghash-hero-slider .swiper-bottom .bloghash-post-list .bloghash-post-list-content { display: none; } } .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-meta a { pointer-events: none; } .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-title a, .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-meta, .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-meta a { color: #fff; } .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-meta .posted-on, .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-meta a { opacity: 0.88; } /*****************************************/ /* Hero styles /*****************************************/ .swiper-button-prev, .swiper-button-next { width: 3.5rem; height: 3.5rem; --swiper-navigation-top-offset: 47%; --swiper-navigation-sides-offset: 3rem; --swiper-navigation-size: 1.3rem; font-weight: 900; color: #000; background: #fff; border-radius: 50%; border: 1px solid rgba(185, 185, 185, 0.4); -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .swiper-button-prev:hover, .swiper-button-next:hover { color: #fff; background: var(--bloghash-primary); border-color: rgba(209, 213, 219, 0.1); box-shadow: rgba(0, 0, 0, 0.09) 0 0 1.5rem 0; } .one-slider .swiper-horizontal > .swiper-pagination-bullets, .one-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .one-slider .swiper-pagination-custom, .one-slider .swiper-pagination-fraction { --swiper-pagination-bottom: 35px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100px; opacity: 1; border: none; -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .one-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background-color: #fff; } .swiper-pagination-bullet-active { width: 25px; background-color: var(--bloghash-primary); } .bloghash-hero-slider.bloghash-blog-layout-1 .bloghash-swiper > .swiper-pagination { position: relative; --swiper-pagination-top: 0; margin-top: 2rem; } .one-slider .bloghash-post-item { padding: 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .one-slider .bloghash-post-item:focus-within, .one-slider .bloghash-post-item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .six-slider .bloghash-post-item, .three-slider .bloghash-post-item, .two-slider .bloghash-post-item { box-sizing: border-box; padding: 1rem; } .six-slider .bloghash-post-item .bloghash-container, .three-slider .bloghash-post-item .bloghash-container, .two-slider .bloghash-post-item .bloghash-container { padding: 0; max-width: 100%; } .six-slider .bloghash-swiper, .two-slider .bloghash-swiper { width: 100%; padding: 3rem 5rem 1rem; } .four-slider .bloghash-swiper { border-radius: 1rem; } .four-slider .bloghash-post-item .bloghash-post-content .bloghash-btn { min-height: 2.8rem; } .six-slider { overflow: hidden; } .six-slider .bloghash-hero-container .bloghash-swiper { overflow: visible; } @media screen and (min-width: 869px) { .six-slider .bloghash-post-item .bloghash-post-content { max-width: 63%; } } #pyml, #featured_links, #hero, #ticker { position: relative; } .style-1.bloghash-post-item { display: flex; flex-wrap: wrap; position: relative; width: 100%; min-height: 30rem; overflow: hidden; background-color: rgba(32,32,32,0.5); } [data-darkmode=dark] .style-1.bloghash-post-item { border: 1px solid rgba(190,190,190,0.30); } #hero .one-slider .style-1.bloghash-post-item { border: none; } .style-1.bloghash-post-item>div { flex: 100%; } .bloghash-post-item.rounded { border-radius: var(--bloghash-radius); } .style-1.bloghash-post-item.start { align-items: start; } .style-1.bloghash-post-item.center { align-items: center; justify-content: center; } .style-1.bloghash-post-item.center .bloghash-post-content { text-align: center; } .style-1.bloghash-post-item.center .bloghash-post-content .entry-meta-elements { justify-content: center; } .style-1.bloghash-post-item.end { align-items: end; } .style-1.bloghash-post-item.middle { align-items: center; } .bloghash-post-content { padding: 16px; position: relative; z-index: 1; } .bloghash-post-item .bloghash-post-content .entry-summary { margin-top: 1rem; } .bloghash-post-item .bloghash-post-content .entry-summary + .entry-meta { padding-top: 1.4rem; border-top: 1px solid rgba(185, 185, 185, 0.4); } .bloghash-post-item .bloghash-post-content .post-category { margin-bottom: 1rem; } .style-1.bloghash-post-item .bloghash-post-content .entry-summary, .style-1.bloghash-post-item .bloghash-post-content .entry-meta, .style-1.bloghash-post-item .bloghash-post-content .entry-meta a, .style-1.bloghash-post-item .bloghash-post-content .entry-header .entry-title a, .style-1.bloghash-post-item:hover .bloghash-post-content .entry-header .entry-title a, .using-keyboard .style-1.bloghash-post-item:focus-within .bloghash-post-content .entry-header .entry-title a { color: #fff; } .bloghash-post-item .bloghash-post-content .bloghash-btn { min-height: 4rem; padding: 0.8rem 2rem; font-size: 75%; margin-top: 2rem; } .bloghash-post-thumb { position: relative; z-index: 0; } .bloghash-post-thumb a, .style-1 .bloghash-post-thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bloghash-post-thumb a { z-index: 1; } .slider-overlay-1 .bloghash-post-thumb .inner:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.5) 59%,rgba(0,0,0,.8) 100%); } .slider-overlay-2 .bloghash-post-thumb .inner:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 75%; 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%); } .bloghash-post-thumb .inner img, .bloghash-post-thumb .inner { width: 100%; height: 100%; } .bloghash-post-thumb .inner .entry-media { margin-bottom: 0; } .bloghash-post-thumb .inner img { object-fit: cover; } .style-2.bloghash-post-item { overflow: hidden; background-color: var(--bloghash-white); border: 1px solid rgba(229, 231, 235, .8); } .style-2.bloghash-post-item .bloghash-post-thumb img, .style-2.bloghash-post-item .bloghash-post-thumb { min-height: 23rem; } .bloghash-post-item .author-avatar img { width: 2.2rem; margin-right: .6rem; } /*****************************************/ /* Hero Horizontal Slider Styles /*****************************************/ .bloghash-horizontal-slider .bloghash-swiper.swiper, .bloghash-vertical-slider .bloghash-swiper.swiper { --bloghash-gutter: 14px; padding-bottom: calc(var(--bloghash-gutter)* 1.2); padding-left: var(--bloghash-gutter); padding-right: var(--bloghash-gutter); margin-left: calc(var(--bloghash-gutter)/ -1); margin-right: calc(var(--bloghash-gutter)/ -1); } .bloghash-vertical-slider, .bloghash-horizontal-slider { position: relative; overflow: hidden; } .bloghash-vertical-slider .bloghash-container__wide, .bloghash-horizontal-slider .bloghash-container__wide { padding: 0; } .bloghash-vertical-slider .bloghash-container__wide .bloghash-swiper, .bloghash-horizontal-slider .bloghash-container__wide .bloghash-swiper { padding: 0 5rem; margin: 0; } .bloghash-hero-slider .bloghash-spinner, .bloghash-vertical-slider .bloghash-spinner, .bloghash-horizontal-slider .bloghash-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; } .bloghash-blog-horizontal .bloghash-horizontal-slider .bloghash-article .entry-media, .bloghash-blog-layout-1 .bloghash-vertical-slider .bloghash-article .entry-media { -webkit-box-shadow: none; box-shadow: none; } .bloghash-horizontal-slider .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .post-gallery.entry-media, .bloghash-horizontal-slider .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .entry-media { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; } .bloghash-vertical-slider a:not(.bloghash-btn, .wp-block-button__link, .page-numbers, [class^=cat-]), .bloghash-horizontal-slider a:not(.bloghash-btn, .wp-block-button__link, .page-numbers, [class^=cat-]) { color: var(--bloghash-secondary); } .bloghash-vertical-slider a:not(.bloghash-btn, .wp-block-button__link, [class^=cat-]):hover, .using-keyboard .bloghash-vertical-slider a:not(.bloghash-btn, .wp-block-button__link, [class^=cat-]):focus, .bloghash-horizontal-slider a:not(.bloghash-btn, .wp-block-button__link, [class^=cat-]):hover, .using-keyboard .bloghash-horizontal-slider a:not(.bloghash-btn, .wp-block-button__link, [class^=cat-]):focus { color: var(--bloghash-primary); } .bloghash-vertical-slider .entry-header .entry-title a, .bloghash-horizontal-slider .entry-header .entry-title a { color: inherit; } .bloghash-vertical-slider .entry-header .entry-title a:hover, .using-keyboard .bloghash-vertical-slider .entry-header .entry-title a:focus, .bloghash-horizontal-slider .entry-header .entry-title a:hover, .using-keyboard .bloghash-horizontal-slider .entry-header .entry-title a:focus { color: var(--bloghash-primary); } .bloghash-vertical-slider .bloghash-entry-content-wrapper .bloghash-btn.btn-text-1, .bloghash-horizontal-slider .bloghash-entry-content-wrapper .bloghash-btn.btn-text-1 { font-size: 1.5rem; } .bloghash-vertical-slider .bloghash-entry-content-wrapper .bloghash-btn.btn-text-1::after, .bloghash-horizontal-slider .bloghash-entry-content-wrapper .bloghash-btn.btn-text-1::after { content: "\f105"; color: inherit; font-family: "Font Awesome 5 Free"; margin-left: 0.8rem; margin-top: 0.5rem; } .bloghash-vertical-slider .horizontal-slider-items, .bloghash-horizontal-slider .horizontal-slider-items { padding: 1rem 1rem 1.8rem; } #hero .swiper-button-prev, #hero .swiper-button-next { width: 4rem; height: 4rem; --swiper-navigation-size: 1.6rem; --swiper-navigation-sides-offset: 2.8rem; border-color: transparent; box-shadow: 0 1px 3px rgba(0,0,0,0.18); } #hero .bloghash-hero-slider:hover .swiper-button-prev, #hero .bloghash-hero-slider:hover .swiper-button-next { --swiper-navigation-sides-offset: 2.4rem; } @media screen and (max-width: 768px) { #hero .five-slider .swiper-button-prev, #hero .five-slider .swiper-button-next, #hero .four-slider .swiper-button-prev, #hero .four-slider .swiper-button-next, #hero .three-slider .swiper-button-prev, #hero .three-slider .swiper-button-next, #hero .one-slider .swiper-button-prev, #hero .one-slider .swiper-button-next { display: none; } #hero .swiper-button-prev, #hero .swiper-button-next{ --swiper-navigation-sides-offset: 0.3rem; } #hero .bloghash-hero-slider:hover .swiper-button-prev, #hero .bloghash-hero-slider:hover .swiper-button-next { --swiper-navigation-sides-offset: 0; } #hero .swiper-button-prev, #hero .swiper-button-next { --swiper-navigation-size: 1.5rem; } } #masthead + #hero .bloghash-hero-slider.four-slider, #masthead + #hero .bloghash-hero-slider.bloghash-blog-layout-1, #masthead + #hero .bloghash-hero-slider.bloghash-blog-horizontal { margin-top: 3rem; } @media screen and (min-width: 869px) { .bloghash-layout__boxed-separated .bloghash-hero-slider.bloghash-blog-horizontal .bloghash-article { padding-right: 5rem; } } /*****************************************/ /* Search /*****************************************/ .bloghash-header-widgets .bloghash-search-simple .bloghash-form-label { display: block; width: 100%; } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-form input[type="search"]::-webkit-search-cancel-button { display: none; } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-form input { font-size: 1.5rem; color: var(--bloghash-secondary); display: block; width: 100%; padding: 1.6rem 4.5rem 1.6rem 2rem;/* 9rem */ background-color: rgba(0, 0, 0, 0) !important; } .bloghash-header-widgets .bloghash-search-simple button { position: absolute; top: 0; bottom: 0; width: 3.2rem; height: 3.2rem; padding: .8rem; border-radius: 10rem; margin: auto 0; cursor: pointer; } .bloghash-header-widgets .bloghash-search-simple button:not(.bloghash-search-close) { right: 5.6rem; /*right: 1.6rem;*/ color: var(--bloghash-white); background-color: var(--bloghash-primary); } .bloghash-header-widgets .bloghash-search-simple button:not(.bloghash-search-close) svg { fill: currentColor; } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close { right: 1.6rem; } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close svg { display: inline-block; vertical-align: middle; } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close svg, .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close svg path { -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close:hover svg, .using-keyboard .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close:focus svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close:hover svg path, .using-keyboard .bloghash-header-widgets .bloghash-search-simple .bloghash-search-close:focus svg path { fill: var(--bloghash-primary); } .bloghash-search-simple { opacity: 0; visibility: hidden; -webkit-transform: translateY(.5rem); -ms-transform: translateY(.5rem); transform: translateY(.5rem); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .bloghash-search-visible .bloghash-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: .8rem; bottom: 0; width: 3.5rem; height: 3.5rem; background-color: var(--bloghash-primary); color: var(--bloghash-white); margin: auto; border-radius: var(--bloghash-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: -.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(--bloghash-full-radius); border-width: .1rem; box-shadow: -.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; } .search-submit, .wp-block-search__button, .bloghash-search-form .bloghash-animate-arrow { 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; } .wp-block-search .wp-block-search__button { border-radius: var(--bloghash-normal-radius); background-color: var(--bloghash-primary); border-color: var(--bloghash-primary); color: var(--bloghash-white); cursor: pointer; } .wp-block-search .wp-block-search__button svg { fill: currentColor; } .using-keyboard .wp-block-search .wp-block-search__button:focus { outline: .1rem dotted; outline-offset: -.4rem; } .wp-block-search .wp-block-search__label { margin-bottom: 1.2rem; } /*****************************************/ /* Logo styles /*****************************************/ .bloghash-logo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bloghash-logo .site-description, .bloghash-logo .site-title { margin: 0; } .bloghash-logo a { -webkit-transition: color .2s linear; transition: color .2s linear; } .bloghash-logo a img { display: block; width: auto; height: auto; max-width: 100%; } .bloghash-logo a img.bloghash-svg-logo { max-width: 100% !important; } .bloghash-logo .site-description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: .4rem; } /*****************************************/ /* General Navigation /*****************************************/ .bloghash-nav .children li.current_page_ancestor>a, .bloghash-nav .children li.current_page_item>a, .bloghash-nav .children li:hover>a, .bloghash-nav .sub-menu li.current-menu-ancestor>a, .bloghash-nav .sub-menu li.current-menu-item>a, .bloghash-nav .sub-menu li:hover>a { color: #111827 !important; background-color: rgba(0, 0, 0, 0.05); } .bloghash-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; } .bloghash-nav>ul { width: 100%; height: 100% } .bloghash-nav>ul, .bloghash-nav>ul>li { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .bloghash-nav>ul>li { position: relative; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1.6rem } .bloghash-nav>ul>li:first-child, .bloghash-nav>ul>li:first-of-type { margin-left: 0 !important; } .bloghash-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; } .bloghash-nav>ul>li:last-child { margin-right: 0 !important; } /*****************************************/ /* Dropdowns. /*****************************************/ .bloghash-nav>ul>li.opens-left>.children, .bloghash-nav>ul>li.opens-left>.sub-menu { left: auto; right: 0; } .bloghash-nav>ul>li.opens-right>.children, .bloghash-nav>ul>li.opens-right>.sub-menu { right: auto; left: -2.856rem; } .bloghash-nav li:hover .children, .bloghash-nav li:hover .sub-menu { -webkit-transition: all .2s; transition: all .2s; } .bloghash-nav .sub-menu { color: var(--bloghash-secondary); } .bloghash-nav .large-dropdown>.sub-menu { min-width: 31rem; } .bloghash-nav .children, .bloghash-nav .sub-menu { position: absolute; top: 100%; left: -2.856rem; min-width: 23rem; visibility: hidden; opacity: 0; background-color: var(--bloghash-white); border: 0 solid rgba(185, 185, 185, 0.4); border-top-width: .2rem; border-top-style: solid; padding: .5rem 0; line-height: 1.5; text-align: start; -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all .25s; transition: all .25s; z-index: 998; border-radius: 0 0 .3rem .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; } .bloghash-nav .children li, .bloghash-nav .sub-menu li { position: relative; padding-left: .5rem; padding-right: .5rem; } .bloghash-nav .children li a, .bloghash-nav .sub-menu li a { font-weight: 400; display: block; padding: 1.2rem 1.62rem; letter-spacing: 0; position: relative; } .bloghash-nav .children li a:hover, .bloghash-nav .sub-menu li a:hover { color: #000; } .bloghash-nav .children li:last-child a, .bloghash-nav .sub-menu li:last-child a { border-bottom: none; } .bloghash-nav .children li.opens-left .children, .bloghash-nav .children li.opens-left .sub-menu, .bloghash-nav .sub-menu li.opens-left .children, .bloghash-nav .sub-menu li.opens-left .sub-menu { left: auto; right: 100%; margin-left: 0; margin-right: .5rem; } .bloghash-nav .children li.opens-left .children:before, .bloghash-nav .children li.opens-left .sub-menu:before, .bloghash-nav .sub-menu li.opens-left .children:before, .bloghash-nav .sub-menu li.opens-left .sub-menu:before { left: auto; right: -.5rem; } .bloghash-nav .children li.opens-right .children, .bloghash-nav .children li.opens-right .sub-menu, .bloghash-nav .sub-menu li.opens-right .children, .bloghash-nav .sub-menu li.opens-right .sub-menu { right: auto; left: 100%; margin-right: 0; margin-left: .5rem; } .bloghash-nav .children li.opens-right .children:before, .bloghash-nav .children li.opens-right .sub-menu:before, .bloghash-nav .sub-menu li.opens-right .children:before, .bloghash-nav .sub-menu li.opens-right .sub-menu:before { left: auto; right: -.5rem; } .bloghash-nav .children .children, .bloghash-nav .children .sub-menu, .bloghash-nav .sub-menu .children, .bloghash-nav .sub-menu .sub-menu { border-radius: var(--bloghash-normal-radius); left: 100%; top: -0.2rem; margin-left: .5rem; } .bloghash-nav .children .children:before, .bloghash-nav .children .sub-menu:before, .bloghash-nav .sub-menu .children:before, .bloghash-nav .sub-menu .sub-menu:before { content: ''; position: absolute; z-index: 1; width: .5rem; top: 0; left: -.5rem; height: 100%; } /*.bloghash-nav .children .description, .bloghash-nav .sub-menu .description */ html body #bloghash-header-inner .bloghash-nav ul li span.description { display: block; max-width: 20rem; font-size: 1.2rem; color: inherit; opacity: .6; line-height: 1.4; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } html body #bloghash-header-inner .bloghash-nav > ul > li > a > span > span.description { color: var(--bloghash-secondary); margin-top: -3px; } .bloghash-nav .menu-item-has-children.hovered>.sub-menu, .bloghash-nav .menu-item-has-children:hover>.sub-menu, .using-keyboard .bloghash-nav .menu-item-has-children a:focus+.sub-menu, .bloghash-nav .page_item_has_children.hovered>.children, .bloghash-nav .page_item_has_children:hover>.children, .using-keyboard .bloghash-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; } .bloghash-nav .menu-item-has-children>a>.bloghash-icon, .bloghash-nav .page_item_has_children>a>.bloghash-icon { height: 1.92rem; margin-left: .4rem; margin-right: 0; } .bloghash-nav .children .page_item_has_children>a>.bloghash-icon, .bloghash-nav .sub-menu .menu-item-has-children>a>.bloghash-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); } #bloghash-header-inner .bloghash-nav>ul>.menu-item-has-children>a:after, #bloghash-header-inner .bloghash-nav>ul>.page_item_has_children>a:after, #bloghash-topbar .bloghash-nav>ul>.menu-item-has-children>a:after, #bloghash-topbar .bloghash-nav>ul>.page_item_has_children>a:after { top: .24rem; } .bloghash-mobile-toggen { display: none; } /*****************************************/ /* Top Bar Navigation /*****************************************/ #bloghash-topbar .bloghash-nav, .bloghash-topbar-widget__nav { height: auto; } /*****************************************/ /* Main Navigation /*****************************************/ #bloghash-header-inner .bloghash-nav>ul { min-height: 9rem; } #bloghash-header-inner .bloghash-nav>ul>li { margin-left: 2rem; } /* md > 961px || 1030px */ @media screen and (min-width: 60.063em) and (max-width: 74.938em) { #bloghash-header-inner .bloghash-nav>ul>li { margin-left: 1.8rem; } } #bloghash-header-inner .bloghash-nav>ul>li>a { font-size: inherit; font-weight: inherit; } /*****************************************/ /* Copyright Bar navigation. /*****************************************/ #bloghash-copyright .bloghash-nav>ul>li { margin-left: 1.6rem; } #bloghash-copyright .bloghash-nav>ul>li:first-child { margin-left: 0; } #bloghash-copyright .bloghash-nav .sub-menu a { color: #111827; } #bloghash-copyright .bloghash-nav>ul>li>.sub-menu { bottom: 100%; } #bloghash-copyright .bloghash-nav>ul>li>.sub-menu .sub-menu { bottom: 0 !important; margin-bottom: -1rem; } #bloghash-copyright .bloghash-nav>ul .sub-menu { top: auto !important; -webkit-transform: none; -ms-transform: none; transform: none; margin-bottom: 1.6rem; border-radius: var(--bloghash-normal-radius); } #bloghash-copyright .bloghash-nav>ul .sub-menu a:before { display: none; } #bloghash-copyright .bloghash-nav>ul>li.menu-item-has-children li.menu-item-has-children.hovered>.sub-menu, #bloghash-copyright .bloghash-nav>ul>li.menu-item-has-children li.menu-item-has-children:hover>.sub-menu { bottom: auto; top: -1rem; } #bloghash-copyright .bloghash-nav>ul>li.menu-item-has-children>a:after { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: .1rem; } #bloghash-copyright .bloghash-nav>ul>li.menu-item-has-children:after { content: ''; position: absolute; width: 100%; left: 0; top: -1rem; height: 1rem; } #bloghash-copyright .bloghash-nav>ul>li>a { padding-top: 0; padding-bottom: 0; } /*****************************************/ /* Navigation item hover styles. /*****************************************/ /* Underline */ .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-nav>ul>li>a>span { padding: .2rem 0; } .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a>span, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-nav>ul>li>a>span { position: relative; } .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li.menu-item-has-children:hover>a>span:before, .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li.page_item_has_children:hover>a>span:before, .bloghash-menu-animation-underline #bloghash-copyright .bloghash-nav>ul>li>a:hover>span:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-nav>ul>li.current-menu-item>a>span:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-nav>ul>li.current_page_item>a>span:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-nav>ul>li.menu-item-has-children:hover>a>span:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-nav>ul>li.page_item_has_children:hover>a>span:before, .bloghash-menu-animation-underline #bloghash-header-inner .bloghash-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 */ .bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav>ul>li, .bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav>ul>li { margin-left: 0.1rem; } .bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav>ul>li>a, .bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav>ul>li>a { padding: 0.6rem 1.4rem; } body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li > a:hover, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li > a:focus, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:hover > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:focus > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-item > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-ancestor > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.page_item_has_children:hover > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_item > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_ancestor > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li > a:hover, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile).using-keyboard #bloghash-topbar .bloghash-nav > ul > li > a:focus, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.menu-item-has-children:hover > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-item > a, body.bloghash-menu-animation-squarebox:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-ancestor > a { background-color: var(--bloghash-primary); color: #fff; } /* Square Box Anime */ .bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav>ul>li>a { z-index: 0; -webkit-transition: all .5s; transition: all .5s; } .bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav>ul>li>a::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 0; margin: auto; background-color: var(--bloghash-primary); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all .5s; transition: all .5s; } body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li > a:hover, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li > a:focus, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:hover > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:focus > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-item > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-ancestor > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.page_item_has_children:hover > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_item > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_ancestor > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li > a:hover, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile).using-keyboard #bloghash-topbar .bloghash-nav > ul > li > a:focus, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.menu-item-has-children:hover > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-item > a, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-ancestor > a { color: #fff; } body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li > a:hover::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li > a:focus::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:hover > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:focus > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-item > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-ancestor > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.page_item_has_children:hover > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_item > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_ancestor > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li > a:hover::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile).using-keyboard #bloghash-topbar .bloghash-nav > ul > li > a:focus::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.menu-item-has-children:hover > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-item > a::before, body.bloghash-menu-animation-squareboxtwo:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-ancestor > a::before { opacity: 1; visibility: visible; height: 100%; } /* Focus Menu */ .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li > a { height: 100%; } .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav:hover > ul > li > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile).using-keyboard #bloghash-topbar .bloghash-nav:focus-within > ul > li > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav:hover > ul > li > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav:focus-within > ul > li > a { opacity: .35; } .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li > a:hover, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li > a:focus, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:hover > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile).using-keyboard #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:focus > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.page_item_has_children:hover > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li > a:hover, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile).using-keyboard #bloghash-topbar .bloghash-nav > ul > li > a:focus, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.menu-item-has-children:hover > a { opacity: 1; } .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-item > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current-menu-ancestor > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_item > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-header-inner .bloghash-nav > ul > li.current_page_ancestor > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-item > a, .bloghash-menu-animation-focusmenu:not(.bloghash-is-mobile) #bloghash-topbar .bloghash-nav > ul > li.current-menu-ancestor > a { opacity: .8; } /*****************************************/ /* Main container styles /*****************************************/ [data-darkmode=dark] a, [data-darkmode=dark] .wp-block-search__label { color: inherit; } .bloghash-sticky-sidebar { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .bloghash-sticky-sidebar .bloghash-sidebar-inner { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: -webkit-sticky; position: sticky; top: var(--bloghash-sticky-h-offset, 2rem); } .bloghash-sticky-sidebar.admin-bar .bloghash-sidebar-inner { top: calc(var(--bloghash-sticky-h-offset, 2rem) + 32px); } .bloghash-sticky-last-widget #secondary .bloghash-sidebar-inner { height: 100%; } .bloghash-sticky-last-widget #secondary .bloghash-sidebar-inner>.widget:last-child { position: -webkit-sticky; position: sticky; top: var(--bloghash-sticky-h-offset, 2rem); } .bloghash-sticky-last-widget.admin-bar #secondary .bloghash-sidebar-inner>.widget:last-child { top: calc(var(--bloghash-sticky-h-offset, 2rem) + 32px); } .bloghash-no-sidebar #primary, .bloghash-sidebar-position__no-sidebar #primary { width: 100%; } #primary, #secondary { margin-top: 5rem; margin-bottom: 5rem; } .bloghash-card-items .h4.widget-title > span { flex-shrink: 0; max-width: 100%; } .bloghash-card-items .bloghash-swiper-buttons { position: relative; z-index: 1; padding-left: 1.6rem; margin-left: auto; flex-shrink: 0; order: 2; } @media screen and (max-width: 475px) { .bloghash-card-items .h4.widget-title > span { flex-shrink: 1; } } .bloghash-swiper-buttons .swiper-button-prev, .bloghash-swiper-buttons .swiper-button-next { position: relative; display: inline-flex; margin-top: 0; --swiper-navigation-sides-offset: 0; color: var(--bloghash-secondary); background: var(--bloghash-white); } .bloghash-swiper-buttons .swiper-button-prev:hover, .bloghash-swiper-buttons .swiper-button-next:hover { background: var(--bloghash-primary); color: #fff; } .bloghash-card-items .h4.widget-title, .is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label, .is-section-heading-init-s1 #secondary .wp-block-heading, .is-section-heading-init-s1 #secondary .widget-title { display: flex; align-items: center; justify-content: start; overflow: hidden; gap: 1.25rem; } .is-section-heading-init-s1 .bloghash-card-items .widget-title::after, .is-section-heading-init-s1 #secondary .wp-block-search .wp-block-search__label::after, .is-section-heading-init-s1 #secondary .wp-block-heading::after, .is-section-heading-init-s1 #secondary .widget-title::after { content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 12px; color: var(--bloghash-primary); line-height: 0.1; border: 1px solid rgba(185, 185, 185, 0.4); border-width: 1px 0; flex: 1; height: 4px; display: inline-block; -webkit-transform-style: preserve-3d; } .bloghash-sidebar-style-2 #secondary .bloghash-widget { border: .1rem solid rgba(185, 185, 185, 0.4); border-radius: var(--bloghash-radius); margin-bottom: 2.4rem; padding: 3rem; } @media screen and (max-width: 1199px) { .bloghash-sidebar-style-2 #secondary .bloghash-widget { margin-bottom: 2rem; } } .bloghash-sidebar-style-2 #secondary .bloghash-widget:last-child { margin-bottom: 0; } .is-section-heading-init-s1 .bloghash-card__boxed .bloghash-card-items .widget-title { margin-top: -0.5rem; } /* Section Heading 2 */ .bloghash-layout__boxed-separated.bloghash-sidebar-style-2.is-section-heading-init-s2 .bloghash-card-items, .bloghash-layout__boxed-separated.bloghash-sidebar-style-2.is-section-heading-init-s2 #secondary .bloghash-widget { position: relative; overflow: visible; } .bloghash-layout__boxed-separated.bloghash-sidebar-style-2.is-section-heading-init-s2 #secondary .bloghash-widget { margin-bottom: 4.5rem; } .is-section-heading-init-s2 .bloghash-card__boxed .bloghash-card-items .widget-title, .bloghash-sidebar-style-2.is-section-heading-init-s2 #secondary .bloghash-widget .widget-title, .bloghash-sidebar-style-2.is-section-heading-init-s2 #secondary .bloghash-widget .wp-block-search .wp-block-search__label, .bloghash-sidebar-style-2.is-section-heading-init-s2 #secondary .bloghash-widget .wp-block-heading { position: absolute; left: 2.5rem; top: -2rem; z-index: 2; } .bloghash-sidebar-style-2.is-section-heading-init-s2 #secondary .bloghash-widget .wp-block-search .wp-block-search__label { margin-top: -3rem; margin-left: -3rem; } .is-section-heading-init-s2 .bloghash-card-items .widget-title, .is-footer-heading-init-s2 #bloghash-footer .wp-block-search__label, .is-footer-heading-init-s2 #bloghash-footer .wp-block-heading, .is-footer-heading-init-s2 #bloghash-footer .widget-title, .is-section-heading-init-s2 #secondary .bloghash-widget .widget-title, .is-section-heading-init-s2 #secondary .bloghash-widget .wp-block-search__label, .is-section-heading-init-s2 #secondary .bloghash-widget .wp-block-heading { max-width: max-content; padding: 0.4rem 2.5rem; background-color: #fff; border-radius: calc(var(--bloghash-radius) + 10px); border: 1px solid rgba(185, 185, 185, 0.4); } .is-section-heading-init-s2 .bloghash-card-items .widget-title { max-width: 100%; right: 2.5rem; } html[data-darkmode=dark] .is-footer-heading-init-s2 #bloghash-footer .wp-block-search__label, html[data-darkmode=dark] .is-footer-heading-init-s2 #bloghash-footer .wp-block-heading, html[data-darkmode=dark] .is-footer-heading-init-s2 #bloghash-footer .widget-title, html[data-darkmode=dark] .is-section-heading-init-s2 .bloghash-card-items .widget-title, html[data-darkmode=dark] .is-section-heading-init-s2:not(.bloghash-sidebar-style-2) #secondary .bloghash-widget .widget-title, html[data-darkmode=dark] .is-section-heading-init-s2:not(.bloghash-sidebar-style-2) #secondary .bloghash-widget .wp-block-search__label, html[data-darkmode=dark] .is-section-heading-init-s2:not(.bloghash-sidebar-style-2) #secondary .bloghash-widget .wp-block-heading { background-color: rgba(0,0,0,0.3); } .is-section-heading-init-s2:not(.bloghash-sidebar-style-1) #secondary .bloghash-widget .search-form, .is-section-heading-init-s2:not(.bloghash-sidebar-style-1) #secondary .bloghash-widget .wp-block-search .wp-block-search__inside-wrapper { padding-top: 2.2rem; } .is-section-heading-init-s2 .bloghash-card-items { position: relative; } .is-section-heading-init-s2 .bloghash-card-items .widget-title + .bloghash-flex-row.gy-4 { margin-top: 0; } @media screen and (max-width: 1199px) { .bloghash-sidebar-style-2 #secondary .bloghash-widget, .bloghash-card__boxed .bloghash-card-items, .bloghash-layout__boxed-separated.page .bloghash-article, .bloghash-layout__boxed-separated.archive .bloghash-article, .bloghash-layout__boxed-separated.blog .bloghash-article, .bloghash-layout__boxed-separated.category .bloghash-article, .bloghash-layout__boxed-separated.search-results .bloghash-article { padding: 2rem; } } /* Section Heading 3 */ .is-footer-heading-init-s3 #bloghash-footer .wp-block-search__label, .is-footer-heading-init-s3 #bloghash-footer .wp-block-heading, .is-footer-heading-init-s3 #bloghash-footer .widget-title, .is-section-heading-init-s3 .bloghash-card-items .widget-title, .is-section-heading-init-s3 #secondary .wp-block-search .wp-block-search__label, .is-section-heading-init-s3 #secondary .wp-block-heading, .is-section-heading-init-s3 #secondary .widget-title { overflow: hidden; padding-bottom: 1rem; } .is-footer-heading-init-s3 #bloghash-footer .wp-block-search__label::after, .is-footer-heading-init-s3 #bloghash-footer .wp-block-heading::after, .is-footer-heading-init-s3 #bloghash-footer .widget-title::after, .is-section-heading-init-s3 .bloghash-card-items .widget-title::after, .is-section-heading-init-s3 #secondary .wp-block-search .wp-block-search__label::after, .is-section-heading-init-s3 #secondary .wp-block-heading::after, .is-section-heading-init-s3 #secondary .widget-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 8rem; height: 0.6rem; -webkit-mask: url('data:image/svg+xml,'); mask: url('data:image/svg+xml,'); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--bloghash-primary); } .is-section-heading-init-s3 .widget.bloghash-entry .wp-block-heading.has-text-align-center::after { margin-left: auto; margin-right: auto; right: 0; } /* * main */ #main { position: relative; -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>.bloghash-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #main>.bloghash-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>.bloghash-container #secondary { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .bloghash-widget .wp-block-search .wp-block-search__label, .bloghash-widget .wp-block-heading, .bloghash-widget .widget-title { position: relative; } .bloghash-sidebar-position__left-sidebar #primary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 5rem; } .bloghash-sidebar-position__left-sidebar #secondary { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .bloghash-sidebar-position__right-sidebar #primary { padding-right: 5rem; } /*****************************************/ /* Blog Layouts /*****************************************/ .bloghash-blog-horizontal .bloghash-article, .bloghash-blog-layout-1 .bloghash-article { margin-bottom: 5rem; } .bloghash-blog-horizontal .bloghash-article .bloghash-blog-entry-content>:first-child, .bloghash-blog-layout-1 .bloghash-article .bloghash-blog-entry-content>:first-child { margin-top: 0; } .bloghash-blog-horizontal .bloghash-article:last-child, .bloghash-blog-layout-1 .bloghash-article:last-child { margin-bottom: 0; } .single-post .bloghash-article .entry-media img { border-radius: inherit; } .single-post .bloghash-article .entry-media img, body:not(.single-post) .bloghash-article .entry-media { -webkit-box-shadow: 0 1.6rem 2.8rem -1.2rem rgba(0, 0, 0, 0.18); box-shadow: 0 1.6rem 2.8rem -1.2rem rgba(0, 0, 0, 0.18); } .bloghash-blog-horizontal .bloghash-article:hover .entry-media > a > img, .bloghash-blog-layout-1 .bloghash-article:hover .entry-media > a > img, .bloghash-blog-horizontal .bloghash-article:focus-within .entry-media > a > img, .bloghash-blog-layout-1 .bloghash-article:focus-within .entry-media > a > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .bloghash-blog-horizontal .bloghash-article .entry-media img, .bloghash-blog-layout-1 .bloghash-article .entry-media img { margin-left: 0; margin-right: 0; display: block; } .wp-block-gallery .wp-block-image img, .bloghash-blog-layout-1 .bloghash-article .entry-media img { -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } .bloghash-blog-horizontal .bloghash-article .entry-media img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .bloghash-blog-horizontal .bloghash-article .entry-summary, .bloghash-blog-layout-1 .bloghash-article .entry-summary { margin: 1rem 0 1.6rem; } .bloghash-blog-horizontal .bloghash-article .entry-footer, .bloghash-blog-layout-1 .bloghash-article .entry-footer { margin-top: 1.6rem; } .using-keyboard.bloghash-blog-horizontal .bloghash-article .entry-title:focus-within, .using-keyboard.bloghash-blog-layout-1 .bloghash-article .entry-title:focus-within { color: var(--bloghash-primary); text-decoration: underline; } .bloghash-blog-horizontal .bloghash-article .entry-meta span:first-child, .bloghash-blog-layout-1 .bloghash-article .entry-meta span:first-child { padding-left: 0; } .bloghash-blog-horizontal.bloghash-layout__boxed-separated .bloghash-article.format-quote, .bloghash-blog-layout-1.bloghash-layout__boxed-separated .bloghash-article.format-quote { padding: 0; } .sticky .entry-title .bloghash-icon { opacity: .3; margin-right: .7rem; } .bloghash-blog-layout-1 .bloghash-article .entry-media { margin-bottom: 2.128rem; margin-top: 2rem; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-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; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .entry-media { margin: 0; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-right .entry-media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 3rem; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-left .entry-media { margin-right: 3rem; } .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.page .site-content .has-post-thumbnail, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.single-post .site-content:not(.no-entry-media), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-layout-1:not(.single-post) .bloghash-article.format-video:not(.format-quote), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap .bloghash-blog-layout-1 .bloghash-article:not(.format-quote, .no-entry-media), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-layout-1 .bloghash-article:not(.format-quote, .no-entry-media) { margin-top: 3rem; } .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.page .site-content .has-post-thumbnail .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.single-post .site-content > .bloghash-article .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap .bloghash-blog-layout-1 .bloghash-article .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-layout-1 .bloghash-article .entry-media { margin-top: -6rem; } .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-layout-1 .bloghash-blog-horizontal .bloghash-article:not(.format-quote, .no-entry-media), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-layout-1 .bloghash-blog-horizontal .bloghash-article .entry-media { margin-top: 0; } @media only screen and (min-width: 869px) { .bloghash-layout__boxed-separated.bloghash-blog-image-wrap .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-left .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-left .entry-media { margin-left: -6rem; } .bloghash-layout__boxed-separated.bloghash-blog-image-wrap:not(.single-post) .bloghash-blog-horizontal .bloghash-article.format-video:not(.format-quote), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal:not(.single-post) .bloghash-article.format-video:not(.format-quote), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap .bloghash-blog-horizontal .bloghash-article:not(.format-quote, .no-entry-media), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal .bloghash-article:not(.format-quote, .no-entry-media) { margin-left: 3rem; } .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal .bloghash-blog-layout-1 .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-left .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal:not(.single-post) .bloghash-blog-layout-1 .bloghash-article.format-video:not(.format-quote), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal .bloghash-blog-layout-1 .bloghash-article:not(.format-quote, .no-entry-media) { margin-left: 0; } } @media only screen and (max-width: 868px) { .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal:not(.single-post) .bloghash-article.format-video:not(.format-quote), .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal .bloghash-article:not(.format-quote, .no-entry-media) { margin-top: 3rem; } .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.page .site-content .has-post-thumbnail .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.single-post .site-content > .bloghash-article .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap .bloghash-blog-layout-1 .bloghash-article .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-layout-1 .bloghash-article .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .entry-media, .bloghash-layout__boxed-separated.bloghash-blog-image-wrap.bloghash-blog-horizontal .bloghash-article:not(.format-quote) .entry-media { margin-top: -5rem; } } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .post-gallery, .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .post-thumb { -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .bloghash-entry-content-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper .bloghash-entry-content-wrapper > :last-child { margin-bottom: 0; } .bloghash-blog-layout-1 .bloghash-article:not(.format-quote) .post-category, .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .post-category { font-weight: 500; font-size: 1.6rem; margin-bottom: .8rem; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .entry-meta { margin-top: 1.6rem; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .entry-footer { margin: .8rem 0 1.6rem 0; } .post-category .cat-links a { font-size: 12px; padding: 7px 12px 7px 12px; letter-spacing: .06em; font-weight: 600; line-height: 1.2; text-align: center; display: inline-block; margin-bottom: 0.5rem; text-decoration: none; border-radius: var(--bloghash-radius); background-color: var(--bloghash-primary_80); color: var(--bloghash-primary); } .post-category .cat-links a:hover, .post-category .cat-links a:focus { background-color: var(--bloghash-primary); color: #fff; } .post-category .cat-links a+a { margin-left: 3px; } .entry-thumb-image { position: relative; z-index: 0; } .has-post-thumbnail .entry-media, .bloghash-article .entry-media { overflow: hidden; border-radius: var(--bloghash-radius); } #hero .bloghash-blog-horizontal .bloghash-article .bloghash-blog-entry-wrapper .entry-media { min-height: 30rem; background-color: #d1d1d1; } .bloghash-blog-layout-1 .bloghash-article .entry-thumb-image img, .bloghash-blog-layout-1 .bloghash-article .entry-thumb-image .entry-media { min-height: 23rem; background-color: #d1d1d1; object-fit: cover; margin-top: 0; } .entry-thumb-image .entry-media+.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 .4rem; display: inline-block; vertical-align: middle; line-height: 1; } .breadcrumb-trail .trail-items li:last-child:after { display: none; } .bloghash-breadcrumbs { font-size: 1.4rem; border-width: 0; } .bloghash-breadcrumbs .separator { margin: 0 .3rem; } #page .page-header .bloghash-breadcrumbs a>span { color: inherit; } /*****************************************/ /* Pre-Footer styles. /*****************************************/ #bloghash-pre-footer { position: relative; z-index: 2; } #bloghash-pre-footer .bloghash-flex-row>div:empty { display: none; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer { margin-bottom: -5rem; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row { position: relative; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row>div { position: relative; z-index: 3; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row:after, .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row:before { content: ''; position: absolute; top: 0; left: 1.5rem; right: 1.5rem; height: 100%; z-index: 1; border-radius: var(--bloghash-normal-radius); } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row:before { border-width: 0; z-index: 2; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-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); } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row { padding: 5rem 7rem; } .bloghash-pre-footer-cta-style-1 #colophon { padding-top: 5rem; } .bloghash-pre-footer-cta-style-1.bloghash-pre-footer-no-margin #bloghash-pre-footer { margin-bottom: 5rem; } .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer .bloghash-flex-row { padding-top: 5rem; padding-bottom: 5rem; position: relative; z-index: 3; } .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer:after, .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer:before { content: ''; z-index: 1; } .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer:before { border-width: 0; z-index: 2; } /*****************************************/ /* Footer layout styles /*****************************************/ #colophon a:before { bottom: -.2rem !important; } #colophon #bloghash-copyright a:before, #bloghash-copyright a>span:before { bottom: -.1rem !important; } #colophon { --elementBorderColor: rgba(255, 255, 255, .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; } #bloghash-footer .bloghash-flex-row { margin-top: 0; margin-bottom: 0; } #bloghash-footer .bloghash-footer-column { padding-top: 7rem; padding-bottom: 7rem; } #bloghash-footer .bloghash-footer-column .bloghash-widget { margin-bottom: 4rem; } #bloghash-footer .no-widget-text, #bloghash-footer .bloghash-footer-column .bloghash-widget:last-child { margin-bottom: 0 } #colophon, #bloghash-footer { border-width: 0; } #page #bloghash-footer .center-text .title-shape { right: 0; margin: 0 auto; } /*****************************************/ /* Copyright styles /*****************************************/ #bloghash-copyright .bloghash-flex-row>div:empty { display: none; } #bloghash-copyright.fw-separator { border-top-width: .1rem; border-top-style: solid; } #bloghash-copyright.contained-separator { border-top: none; } #bloghash-copyright.contained-separator>.bloghash-container:before { content: ''; display: block; height: .1rem; position: absolute; top: 0; left: 5rem; right: 5rem; } #bloghash-copyright>.bloghash-container { position: relative; } #bloghash-copyright>.bloghash-container>.bloghash-flex-row { padding-top: 1.9rem; padding-bottom: 1.9rem; position: relative; margin-bottom: 0; } #bloghash-copyright>.bloghash-container>.bloghash-flex-row>div { width: auto; padding-top: .6rem; padding-bottom: .6rem; } #bloghash-copyright .bloghash-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; } #bloghash-copyright .bloghash-copyright-widget:first-child { padding-left: 0; border-left: 0; } #bloghash-copyright .bloghash-copyright-widget:last-child { padding-right: 0; border-right: 0 !important; } #bloghash-copyright .bloghash-copyright-widget:last-child:after { display: none !important; } #bloghash-copyright .bloghash-copyright-widget .bloghash-nav { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; max-width: 100%; } #bloghash-copyright .bloghash-copyright-widget .bloghash-nav>ul { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } #bloghash-copyright .bloghash-social-nav>ul>li>a .bloghash-icon { font-size: 1.722rem; } .bloghash-copyright-layout-1 #bloghash-copyright>.bloghash-container>.bloghash-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; } .bloghash-copyright-layout-1 .bloghash-copyright-widget__text { text-align: center; } /*****************************************/ /* Scroll to Top styles. /*****************************************/ #bloghash-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); } #bloghash-scroll-top.bloghash-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #bloghash-scroll-top .bloghash-scroll-icon { overflow: hidden; z-index: 2; } #bloghash-scroll-top .bloghash-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(--bloghash-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; } #bloghash-scroll-top .bloghash-icon.top-icon { -webkit-transform: translate(0, 5.2rem); -ms-transform: translate(0, 5.2rem); transform: translate(0, 5.2rem); } #bloghash-scroll-top:before { content: ''; z-index: 1; border-radius: 10rem; background-color: var(--bloghash-primary); -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: .1rem solid rgba(185, 185, 185, 0.4); } #bloghash-scroll-top:hover { cursor: pointer; } #bloghash-scroll-top:hover:before { background-color: var(--bloghash-white); box-shadow: 0 .4rem 1rem rgba(0, 0, 0, 0.22); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } #bloghash-scroll-top:hover .bloghash-icon { -webkit-transform: translate(0, -5.2rem); -ms-transform: translate(0, -5.2rem); transform: translate(0, -5.2rem); } #bloghash-scroll-top:hover .bloghash-icon.top-icon { -webkit-transform: translate(0, 1.1rem); -ms-transform: translate(0, 1.1rem); transform: translate(0, 1.1rem); } #bloghash-scroll-top .bloghash-animated-arrow { position: relative; z-index: 2; } #bloghash-scroll-top svg { fill: var(--bloghash-white); } #bloghash-scroll-top:hover svg { fill: var(--bloghash-primary); } /*****************************************/ /* Pagination navigation. /*****************************************/ .infinite-scroll .bloghash-pagination { display: none; } .bloghash-pagination { position: relative; margin: 5rem 0 0; text-align: center; } .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: .256rem } .navigation .nav-links .bloghash-animate-arrow, .navigation .nav-links .page-numbers:not(.prev, .next), .page-links span, .page-links a { min-width: 4.4rem; min-height: 4.4rem; padding: 5px; text-decoration: none } .navigation .nav-links .bloghash-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(--bloghash-full-radius); -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary) } .navigation .nav-links .bloghash-animate-arrow, .navigation .nav-links .page-numbers, .page-links > span { background-color: var(--bloghash-white); } .navigation .nav-links .bloghash-animate-arrow, .navigation .nav-links .page-numbers:not(.prev, .next), .page-links a span { border: .2rem solid rgba(185, 185, 185, 0.4) } .navigation .nav-links .next.page-numbers { margin-left: 1rem } .navigation .nav-links .prev.page-numbers { margin-right: 1rem } .navigation .nav-links .bloghash-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: .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 .bloghash-animate-arrow, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloghash-animate-arrow, .navigation .nav-links .page-numbers.next:hover .bloghash-animate-arrow, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloghash-animate-arrow { cursor: pointer } .navigation .nav-links .page-numbers.next:hover .bloghash-animate-arrow .arrow-handle, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloghash-animate-arrow .arrow-handle, .navigation .nav-links .page-numbers.next:hover .bloghash-animate-arrow .arrow-handle, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloghash-animate-arrow .arrow-handle { transform: translateX(0) } .navigation .nav-links .page-numbers.next:hover .bloghash-animate-arrow .arrow-bar, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloghash-animate-arrow .arrow-bar, .navigation .nav-links .page-numbers.next:hover .bloghash-animate-arrow .arrow-bar, .using-keyboard .navigation .nav-links .page-numbers.prev:focus .bloghash-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(--bloghash-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: #fff; background-color: var(--bloghash-primary); border-color: var(--bloghash-primary); } /*****************************************/ /* Widget styles. /*****************************************/ #page .bloghash-widget .gallery, .widget.bloghash-entry .textwidget>p:first-child { margin-top: 0; } .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol { list-style: none; margin-left: 0; margin-right: 0; } .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ul, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ol, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ul, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ol { margin: 1.6rem 0 1.6rem 1.968rem; } .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ul:last-child, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ul ol:last-child, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ul:last-child, .bloghash-widget.widget:not(.widget_text):not(.hester-core-custom-list-widget) ol ol:last-child { margin-bottom: 0; } .bloghash-widget.widget_text ul, .bloghash-widget.widget_text ol { margin: 1.6rem 0 1.6rem 1.968rem; } .bloghash-widget.widget_text ul:last-child, .bloghash-widget.widget_text ol:last-child { margin-bottom: 0; } .bloghash-widget.widget_text>ul:first-child, .bloghash-widget.widget_text>ol:first-child { margin-top: 0; } .bloghash-card-items, #main .bloghash-widget { overflow: hidden; } #main .bloghash-widget { margin-bottom: 4rem; } #main .bloghash-widget .no-widget-text, #main .bloghash-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: 2.5rem; } .wp-block-search .wp-block-search__label { width: auto; line-height: 1.4; } #colophon .widget-title { color: var(--bloghash-white); } .tagcloud a, .wp-block-tag-cloud a { font-size: 1.3rem !important; } .widget .tagcloud, .widget .wp-block-tag-cloud { margin-top: -.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: -.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: .4; } .widget.bloghash-entry p { margin-top: 1.6rem; margin-bottom: 1.6rem; } .bloghash-entry .wp-block-image:last-child, .widget.bloghash-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: .8rem; display: inline-block; vertical-align: middle; margin-top: -.2rem; border-radius: var(--bloghash-full-radius); opacity: 0; visibility: hidden; background-color: var(--bloghash-primary); -webkit-transform: translateX(-1.6rem); transform: translateX(-1.6rem); -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-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: .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; } .bloghash-sidebar-container .widget ul:not(.bloghash-socials-menu, .wp-block-social-links)>li:not(:first-child) { padding-top: 1rem; border-top: .1rem solid rgba(185, 185, 185, 0.4); } .bloghash-sidebar-container .widget:not(.woocommerce) ul:not(.bloghash-socials-menu)>li:not(:first-child) span { top: 1.15rem; } .bloghash-sidebar-container .widget ul>:not(.bloghash-socials-menu, .children, .submenu-container) li, .bloghash-sidebar-container .widget ul>:not(.bloghash-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(--bloghash-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(--bloghash-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: .3rem; background-color: rgba(145, 145, 145, 0.1); min-width: 2.4rem; min-height: 2.4rem; padding: .5rem .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: .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: .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: .2rem; font-weight: 500; caption-side: top; padding: 1.5rem; background-color: var(--bloghash-white); color: inherit; border-width: 0; border-style: solid; border-color: var(--bloghash-gray); border-left-width: 0.1rem; border-right-width: 0.1rem; border-top-width: 0.3rem; border-top-color: var(--bloghash-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(--bloghash-primary); } .wp-calendar-nav { font-size: 1.3rem; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; letter-spacing: .05rem; background-color: rgba(190, 190, 190, 0.05); border: .1rem solid rgba(185, 185, 185, 0.4); 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: .7rem; width: 2rem; vertical-align: text-bottom; } .widget.widget_icon_list ul li a:before, .widget.widget_meta ul li a:before { bottom: -.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,'); } .bloghash-sidebar-style-2 #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: -.08em; font-weight: 700; line-height: 1; color: var(--bloghash-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 .bloghash-btn { margin: 5rem 0 0 0; text-decoration: none; } .error-404 input[type=search] { padding-top: 1.3rem; padding-bottom: 1.3rem; } .error404 #main>.bloghash-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, .bloghash-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, .bloghash-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; } .bloghash-entry>.alignfull:first-child { margin-top: 0; } .bloghash-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: .64rem; } .entry-content .tablepress { word-break: normal; } .bloghash-entry ul:not(.wp-block-latest-posts) { list-style: disc; } .bloghash-entry ul ul { list-style: circle; } .bloghash-entry ol, .bloghash-entry ul:not(.wp-block-latest-posts) { margin-left: 4rem; } .bloghash-entry ol li:not(.blocks-gallery-item):last-child, .bloghash-entry ul:not(.wp-block-social-links) li:not(.blocks-gallery-item):last-child { margin-bottom: 0; } .bloghash-entry ol ol, .bloghash-entry ol ul, .bloghash-entry ul ol, .bloghash-entry ul ul { margin-top: .64rem; margin-bottom: 0; } .bloghash-entry ol, .bloghash-entry ul:not(.wp-block-latest-posts) { margin-bottom: 2rem; margin-top: 2rem; } .bloghash-entry .gallery, .bloghash-entry blockquote, .bloghash-entry dl, .bloghash-entry p, .bloghash-entry pre, .bloghash-entry table { margin-bottom: 1.5rem; margin-top: 1.5rem; } .bloghash-entry .wp-block-post-template { margin: 0; list-style: none; } .bloghash-entry ul.bloghash-socials-menu { margin-top: 0; } .bloghash-entry .wp-block-image figure.alignleft, .bloghash-entry .wp-block-image figure.alignright { display: table; } .bloghash-entry .wp-block-image figure.alignleft figcaption, .bloghash-entry .wp-block-image figure.alignright figcaption { display: table-caption; caption-side: bottom; } #page .widget.bloghash-entry .wp-block-social-links { margin-bottom: 0; } .bloghash-entry figure { margin-top: 2rem; margin-bottom: 2rem; } .bloghash-entry figure.wp-block-gallery { margin-bottom: calc(2rem - 16px); } .bloghash-entry .wp-block-embed figcaption, .bloghash-entry .wp-block-image figcaption { margin-top: 1.2rem; margin-bottom: 0; font-size: 1.3rem; } .bloghash-entry cite { font-style: normal; color: #66717f; font-size: 1.4rem; } .bloghash-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; } .bloghash-entry .post-password-form { text-align: center; } .bloghash-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 .bloghash-blog-entry-content { position: relative; border-radius: var(--bloghash-normal-radius); overflow: hidden; } .post_format-post-format-quote .bloghash-blog-entry-content:hover .quote-post-bg, .post_format-post-format-quote .bloghash-blog-entry-content:hover .quote-post-bg:after { opacity: 1; } .post_format-post-format-quote .bloghash-blog-entry-content .entry-content h3 { line-height: 1.4; } .post_format-post-format-quote .bloghash-blog-entry-content .entry-content h3, .post_format-post-format-quote .bloghash-blog-entry-content .entry-content a { color: #fff; } .post_format-post-format-quote .bloghash-blog-entry-content .entry-content .quote-link { z-index: 3; } .post_format-post-format-quote .bloghash-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 .bloghash-blog-entry-content .quote-post-bg:after { content: ''; background-color: #111827; opacity: 0.8795; } .post_format-post-format-quote .bloghash-blog-entry-content .quote-inner { position: relative; text-align: start; padding: 10% 12%; overflow: hidden; z-index: 2; } .post_format-post-format-quote .bloghash-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 .bloghash-blog-entry-content .quote-inner .author:before { content: '\2014'; display: inline-block; margin-right: .6rem; } .post_format-post-format-quote .bloghash-blog-entry-content .bloghash-icon.icon-quote { position: relative; width: 2.2rem; height: 2.2rem; margin-bottom: 2.5rem; z-index: 2; fill: #fff; } /* Post Format Gallery */ .bloghash-post-gallery { background-color: var(--bloghash-black); } .bloghash-post-gallery .swiper-slide img { width: 100%; height: auto; } .horizontal-slider-items.swiper .bloghash-post-gallery .swiper-button-prev, .horizontal-slider-items.swiper .bloghash-post-gallery .swiper-button-next { display: none; } .bloghash-post-gallery.swiper-horizontal .swiper-pagination { bottom: 1.5rem; } .bloghash-post-gallery .swiper-pagination .swiper-pagination-bullet { cursor: pointer; width: 0.9rem; height: 0.9rem; --swiper-pagination-bullet-inactive-color: #fff; } .bloghash-post-gallery .swiper-pagination .swiper-pagination-bullet-active { background: var(--bloghash-primary); } /* // */ .bloghash-post-audio-wrapper audio { width: 100%; } .author-avatar img { border-radius: var(--bloghash-full-radius); width: 3rem; vertical-align: middle; margin-right: .8rem; display: inline-block; outline: 1px solid rgba(185, 185, 185, 0.4); } #main .wp-block-file__button { color: var(--bloghash-white); } .content-area .wp-block-site-title a:not(:hover, :focus), #main .content-area .entry-meta a { color: inherit; } .content-area .wp-block-site-title a:not(.bloghash-btn):not(.wp-block-button__link):hover, .content-area .wp-block-site-title a:not(.bloghash-btn):not(.wp-block-button__link):focus { color: var(--bloghash-primary); } .entry-meta { font-size: 1.3rem; font-weight: 600; margin-top: 1.2rem; } .entry-meta .bloghash-icon { height: 1.827rem; margin-right: .7rem; vertical-align: text-bottom; } .entry-meta .entry-meta-elements>span { padding: 0 1rem; line-height: 1.2; } .entry-meta .entry-meta-elements>span.posted-on { line-height: 1.5; } .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: ''; position: relative; left: -1.1rem; width: 4px; height: 4px; border-radius: 100%; background-color: var(--bloghash-primary); } .entry-meta .entry-meta-elements>span:first-child:before { display: none; } .entry-meta .post-like button { color: inherit; background-color: rgba(185, 185, 185, 0.4); border: none; display: flex; align-items: center; cursor: pointer; border-radius: 10rem; padding: 0.2rem 1.2rem 0.2rem 0.9rem; transition: .3s all; } .entry-meta .post-like button.liked, .entry-meta .post-like button:hover, .entry-meta .post-like button:focus { color: rgb(225, 29, 72); background-color: var(--bloghash-primary_80); } .entry-meta .post-like button.liked svg{ fill:currentColor; } .heartBeat svg { animation-name: heartBeat; animation-duration: calc(1s * 1.3); animation-timing-function: ease-in-out; } .entry-media { margin-bottom: 2.5rem; } .entry-media img { margin: 0 auto; display: block; } .entry-media>a { position: relative; display: block; } .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; width: 4.8rem; height: 4.8rem; top: 2rem; right: 2rem; } .entry-media> a .entry-media-icon.is_sticky:before { border-color: rgba(225, 225, 225, 0.6); } .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(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-radius: 50%; background-color: rgba(17, 24, 39, 0.6); border: 1px solid rgba(225, 225, 225, 0.9); } .entry-media > a .entry-media-icon.is_sticky:before { background-color: var(--bloghash-primary); } .entry-media>a .entry-media-icon .bloghash-icon, .entry-media>a .entry-media-icon svg { color: var(--bloghash-white); fill: var(--bloghash-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.6rem, 0); transform: translate3d(0, 1.6rem, 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 .bloghash-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 .bloghash-icon.bloghash-play:before, .entry-media>a .entry-media-icon svg.bloghash-play:before { position: relative; right: -.1rem; } .entry-media>a:hover .entry-media-icon:before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); border-color: transparent; } .entry-media>a:hover .entry-media-icon .bloghash-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 .bloghash-icon.top-icon, .entry-media>a:hover .entry-media-icon svg.top-icon { -webkit-transform: translate(0, 1.6rem); -ms-transform: translate(0, 1.6rem); transform: translate(0, 1.6rem); } /*****************************************/ /* 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; } .bloghash-post-list .entry-title a, .ticker-slide-item .slide-inner h6 a, .bloghash-post-item .entry-header a, #main .bloghash-article .entry-header .entry-title a { color: inherit; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor)); background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); background-size: 0 1px; background-repeat: no-repeat; background-position: left 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .bloghash-post-list .entry-title a:hover, .bloghash-hero-slider .swiper-bottom .bloghash-post-list .entry-title a:focus, .ticker-slide-item .slide-inner h6 a:hover, .ticker-slide-item .slide-inner h6 a:focus, .bloghash-post-item:hover .entry-header .entry-title a, .using-keyboard .bloghash-post-item:focus-within .entry-header .entry-title a, #main .bloghash-article:hover .entry-header .entry-title a, .using-keyboard #main .bloghash-article:focus-within .entry-header .entry-title a { color: var(--bloghash-primary); background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor)); background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); background-size: 0 1px; background-repeat: no-repeat; background-position: left 100%; background-size: 100% 1px; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .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: .4rem; font-size: 1.493rem; } .single .entry-footer .last-updated .bloghash-icon { height: 1.6rem; margin-right: .6rem; } .single .post_format-post-format-quote .bloghash-blog-entry-content { margin-bottom: 5rem; } .post-thumb-caption { margin-top: .8rem; text-align: center; font-size: 1.4rem; } .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 .entry-content .wp-block-avatar img, .wp-block-navigation .wp-block-page-list { margin: 0; } .single .post-tags { margin-bottom: -.5rem; } .single .post-tags .cat-links { display: inline-block; } .single .post-category { margin-bottom: .3rem; font-size: 1.4rem; } .single .post-category a { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 .4rem .8rem .4rem; } .single .entry-header { text-align: start; margin-bottom: 1rem; } .single .entry-meta { text-align: start; margin-top: 1.6rem; } .single .entry-content { margin-bottom: 5rem; } .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(--bloghash-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: end; } .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: end; 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:not(:hover, :focus), #main .tagcloud a:not(:hover, :focus), #main .wp-block-tag-cloud a:not(:hover, :focus) { 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(--bloghash-full-radius); padding: .8rem 1.4rem; margin: .8rem .8rem 0 0; background-color: rgba(190, 190, 190, 0.12); border: .1rem solid rgba(185, 185, 185, 0.4); 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 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 { color: #fff; } .post-password-form { background-color: rgba(0, 0, 0, 0.02); padding: 4rem 3rem; border: .1rem solid rgba(185, 185, 185, 0.4); } .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: start; } .post-password-form input[type='password'] { min-width: 25rem; margin-top: .7rem; } .post-password-form input[type='submit'] { position: relative; top: -.1rem; margin-left: .6rem; padding: 0 3.2rem; } .single.bloghash-page-title-align-left .page-header.bloghash-has-page-title, .single.bloghash-page-title-align-left .bloghash-article>.entry-header, .single.bloghash-page-title-align-left .bloghash-article>.post-category { text-align: start; } .single.bloghash-page-title-align-left .bloghash-article>.entry-meta>.entry-meta-elements { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .single.bloghash-page-title-align-center .page-header.bloghash-has-page-title, .single.bloghash-page-title-align-center .bloghash-article>.entry-header, .single.bloghash-page-title-align-center .bloghash-article>.post-category { text-align: center; } .single.bloghash-page-title-align-center .bloghash-article>.entry-meta>.entry-meta-elements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .single.bloghash-page-title-align-right .page-header.bloghash-has-page-title, .single.bloghash-page-title-align-right .bloghash-article>.entry-header, .single.bloghash-page-title-align-right .bloghash-article>.post-category { text-align: end; } .single.bloghash-page-title-align-right .bloghash-article>.entry-meta>.entry-meta-elements { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .single.bloghash-single-title-in-page-header .entry-content, .single.bloghash-single-title-in-page-header .hentry>div:first-child { margin-top: 0; } .single.bloghash-single-title-in-page-header #page .page-header .page-title { color: #fff; font-size: 4.8rem; } .single.bloghash-single-title-in-page-header .page-header { padding-top: 0 !important; padding-bottom: 0 !important; } .single.bloghash-single-title-in-page-header .page-header .entry-meta { margin-top: 0; } .single.bloghash-single-title-in-page-header .page-header .entry-meta, .single.bloghash-single-title-in-page-header .page-header .entry-meta a { color: rgba(255, 255, 255, 0.75); } .using-keyboard.single.bloghash-single-title-in-page-header .page-header .entry-meta a:focus, .single.bloghash-single-title-in-page-header .page-header .entry-meta a:hover { color: #fff; } .single.bloghash-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.bloghash-single-title-in-page-header .page-header .post-category { margin-bottom: 1.6rem; } .single.bloghash-single-title-in-page-header .page-header .post-category a { font-size: 1.5rem; -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); padding: .8rem 1.2rem; margin: 0 .3rem .6rem .3rem; } .single.bloghash-single-title-in-page-header .page-header .bloghash-breadcrumbs .breadcrumb-trail .trail-items li:after, .single.bloghash-single-title-in-page-header .page-header .bloghash-breadcrumbs .separator, .single.bloghash-single-title-in-page-header .page-header .bloghash-breadcrumbs a, .single.bloghash-single-title-in-page-header .page-header .bloghash-breadcrumbs span { color: rgba(255, 255, 255, 0.75); } .using-keyboard.single.bloghash-single-title-in-page-header .page-header .bloghash-breadcrumbs a:focus, .single.bloghash-single-title-in-page-header .page-header .bloghash-breadcrumbs a:hover { color: #fff; } .single.bloghash-single-title-in-page-header .page-header.bloghash-has-page-title .entry-meta { margin-top: 3.2rem; } .page-header.bloghash-page-title-has-bg-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border: none; } .page-header.bloghash-page-title-has-bg-img:after { content: ''; pointer-events: none; background-color: #111827; opacity: 0.65; } .page-header.bloghash-page-title-has-bg-img.bloghash-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: .8rem; } .author-box .author-box-content { line-height: 1.6; } .author-box .more-posts-button { margin-top: 1.6rem; } /*****************************************/ /* Comment styles. /*****************************************/ .bloghash-has-comments-toggle #comments { display: none; margin-top: 4rem; } .bloghash-has-comments-toggle.comments-visible #comments { display: block; } .bloghash-has-comments-toggle #bloghash-comments-toggle { font-size: inherit; margin-top: 4rem; } .bloghash-has-comments-toggle #bloghash-comments-toggle .bloghash-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: .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: .1rem; background-color: rgba(185, 185, 185, 0.4); left: -2.5rem; top: -1.5rem; } #comments .comment-list .children>li:after { position: absolute; content: ''; height: .1rem; width: 2.5rem; background-color: rgba(185, 185, 185, 0.4); 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: .1rem; background-color: rgba(185, 185, 185, 0.4); left: -2.5rem; top: -1.5rem; } #comments .comment-list .children #respond:before { position: absolute; content: ''; height: calc(100% + 20px); width: .1rem; background-color: rgba(185, 185, 185, 0.4); 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: .1rem; background-color: rgba(185, 185, 185, 0.4); 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: .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 .bloghash-pingback { position: relative; padding: 1.2rem 2.5rem; border-radius: var(--bloghash-normal-radius); border: .1rem solid rgba(185, 185, 185, 0.4); margin-bottom: .7rem; border-radius: 0; overflow-wrap: break-word; word-wrap: break-word; } #comments .bloghash-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: -.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: .2rem solid var(--bloghash-white); color: var(--bloghash-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: #111827; } #comments .comment-actions .bloghash-comment-sep { width: .1rem; height: 1.6rem; margin: 0 .9rem -.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: .6rem; } #respond .required-field { border-bottom-color: #f00; } #cancel-comment-reply-link { font-size: 1.3rem; border-radius: var(--bloghash-normal-radius); border: .2rem solid currentColor; font-weight: 500; padding: .4rem .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: .6rem; margin-bottom: 1.6rem; } .comment-form>div, .comment-form>p { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0; margin-bottom: .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 .bloghash-submit-form-button, .comment-form>p .bloghash-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: .5rem; padding-right: .4rem; } /*****************************************/ /* Spinner styles /*****************************************/ .bloghash-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; } .bloghash-spinner.visible { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .bloghash-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; } .bloghash-spinner>div:last-child { -webkit-animation-delay: -.8s; animation-delay: -.8s; } /*****************************************/ /* Preloader styles /*****************************************/ #bloghash-preloader { position: fixed; z-index: 99991; overflow: hidden; } .bloghash-loading #bloghash-preloader .preloader-1 { opacity: 0; } .bloghash-loaded #bloghash-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(--bloghash-white); -webkit-transition: opacity .2s; transition: opacity .2s; opacity: 1; } .preloader-1>div { display: inline-block; border: .3rem solid rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.2); -webkit-animation: spin 0.65s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: 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 spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes 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: #111827; 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: -.4rem; } .mejs-container .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-handle .mejs-time-handle-content { height: 1.4rem; width: 1.4rem; top: -.6rem; background-color: var(--bloghash-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: .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: -.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.bloghash-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, .bloghash-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, .bloghash-animate-arrow .arrow-bar, .bloghash-animate-arrow .arrow-handle { -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .btn-svg svg, .flex-next svg, .flex-prev svg, .bloghash-animate-arrow svg { vertical-align: middle; } .btn-svg:focus, .btn-svg:hover, .flex-next:focus, .flex-next:hover, .flex-prev:focus, .flex-prev:hover, .bloghash-animate-arrow:focus, .bloghash-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, .bloghash-animate-arrow:focus .arrow-handle, .bloghash-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, .bloghash-animate-arrow:focus .arrow-bar, .bloghash-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, .bloghash-animate-arrow.btn-left-icon .arrow-bar, .bloghash-animate-arrow.has-left-icon .arrow-bar, .bloghash-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, .bloghash-animate-arrow.btn-left-icon .arrow-handle, .bloghash-animate-arrow.has-left-icon .arrow-handle, .bloghash-animate-arrow.left-arrow .arrow-handle { -webkit-transform: translateX(.6rem); -ms-transform: translateX(.6rem); transform: translateX(.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, .bloghash-animate-arrow.btn-right-icon svg, .bloghash-animate-arrow.has-right-icon svg, .bloghash-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, .bloghash-animate-arrow.btn-right-icon .arrow-bar, .bloghash-animate-arrow.has-right-icon .arrow-bar, .bloghash-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, .bloghash-animate-arrow.btn-right-icon .arrow-handle, .bloghash-animate-arrow.has-right-icon .arrow-handle, .bloghash-animate-arrow.right-arrow .arrow-handle { -webkit-transform: translateX(.6rem); -ms-transform: translateX(.6rem); transform: translateX(.6rem); } svg.bloghash-animate-arrow.right-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } svg.bloghash-animate-arrow.right-arrow .arrow-bar { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } svg.bloghash-animate-arrow.right-arrow .arrow-handle { -webkit-transform: translateX(.6rem); -ms-transform: translateX(.6rem); transform: translateX(.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 .bloghash-clear-p { padding: 0; } #page .bloghash-clear-m { margin: 0; } #page .bloghash-clear-bm { margin-bottom: 0; } #page .bloghash-clear-tm { margin-top: 0; } #page .bloghash-unset-mw, #page .bloghash-unset-mw>img { max-width: unset; } #page .bloghash-z-index-99 { position: relative; z-index: 99; } #page .bloghash-br-0, #page .bloghash-br-0 img { border-radius: 0; } #page .bloghash-br-3, #page .bloghash-br-3 img { border-radius: var(--bloghash-normal-radius); } #page .bloghash-br-6, #page .bloghash-br-6 img { border-radius: .6rem; } #page .bloghash-br-12, #page .bloghash-br-12 img { border-radius: 1.2rem; } #page .bloghash-bs { -webkit-box-shadow: 0 1rem 3.5rem -.3rem rgba(0, 0, 0, 0.12); box-shadow: 0 1rem 3.5rem -.3rem rgba(0, 0, 0, 0.12); } .bloghash-entry>.ss-inline-share-wrapper:first-child { margin-top: 0; } .bloghash-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 * * Bloghash changes: added prefix .si to all HTML elements; */ .bloghash-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: -.1rem; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 2.8rem; height: 2px; background-color: #111827; border-radius: var(--bloghash-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 /*****************************************/ .bloghash-is-mobile #bloghash-header-inner .bloghash-nav>ul>li>a { color: inherit !important; } /*****************************************/ /* Mobile navigation styles. /*****************************************/ .bloghash-mobile-nav { order: 1; display: none; margin-left: 2.4rem; } .bloghash-hamburger, .bloghash-mobile-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body:not(.is-mobile-menu-active) .bloghash-hamburger .hamburger-box .hamburger-inner::before { width: 1.5rem; } .bloghash-hamburger { -js-display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: var(--bloghash-normal-radius); } .bloghash-hamburger .hamburger-label { font-size: 1.2rem; letter-spacing: .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; } .bloghash-hamburger .hamburger-label:empty { margin-right: 0; } .bloghash-hamburger .hamburger-inner, .bloghash-hamburger .hamburger-inner::before, .bloghash-hamburger .hamburger-inner::after { background-color: currentColor; } .using-keyboard .bloghash-hamburger:focus { outline-offset: 0.5rem; border-radius: 0; } #bloghash-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(--bloghash-transition-primary); transition: var(--bloghash-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.60); 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 #bloghash-header { position: relative; z-index: 99; } .is-mobile-menu-active #bloghash-header:after { visibility: visible; opacity: 1; pointer-events: all; } .is-mobile-menu-active .bloghash-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) { .bloghash-hide-tablet { display: none !important; } } @media only screen and (min-width: 600px) { .g-sm-0,.gx-sm-0 { --bloghash-gutter-x: 0; } .g-sm-0,.gy-sm-0 { --bloghash-gutter-y: 0; } .g-sm-1,.gx-sm-1 { --bloghash-gutter-x: .4rem; } .g-sm-1,.gy-sm-1 { --bloghash-gutter-y: .4rem; } .g-sm-2,.gx-sm-2 { --bloghash-gutter-x: .8rem; } .g-sm-2,.gy-sm-2 { --bloghash-gutter-y: .8rem; } .g-sm-3,.gx-sm-3 { --bloghash-gutter-x: 1.6rem; } .g-sm-3,.gy-sm-3 { --bloghash-gutter-y: 1.6rem; } .g-sm-4,.gx-sm-4 { --bloghash-gutter-x: 2.4rem; } .g-sm-4,.gy-sm-4 { --bloghash-gutter-y: 2.4rem; } .g-sm-5,.gx-sm-5 { --bloghash-gutter-x: 4.8rem; } .g-sm-5,.gy-sm-5 { --bloghash-gutter-y: 4.8rem; } .g-sm-6,.gx-sm-6 { --bloghash-gutter-x: 6.5rem; } .g-sm-6,.gy-sm-6 { --bloghash-gutter-y: 6.5rem; } .site .bloghash-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 .bloghash-flex-row .col-sm.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloghash-flex-row .col-sm-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloghash-flex-row .col-sm-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloghash-flex-row .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloghash-flex-row .col-sm-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloghash-flex-row .col-sm-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloghash-flex-row .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloghash-flex-row .col-sm-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloghash-flex-row .col-sm-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloghash-flex-row .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloghash-flex-row .col-sm-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloghash-flex-row .col-sm-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloghash-flex-row .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloghash-flex-row .col-sm-offset-0 { margin-left: 0%; } .site .bloghash-flex-row .col-sm-offset-1 { margin-left: 8.33333%; } .site .bloghash-flex-row .col-sm-offset-2 { margin-left: 16.66667%; } .site .bloghash-flex-row .col-sm-offset-3 { margin-left: 25%; } .site .bloghash-flex-row .col-sm-offset-4 { margin-left: 33.33333%; } .site .bloghash-flex-row .col-sm-offset-5 { margin-left: 41.66667%; } .site .bloghash-flex-row .col-sm-offset-6 { margin-left: 50%; } .site .bloghash-flex-row .col-sm-offset-7 { margin-left: 58.33333%; } .site .bloghash-flex-row .col-sm-offset-8 { margin-left: 66.66667%; } .site .bloghash-flex-row .col-sm-offset-9 { margin-left: 75%; } .site .bloghash-flex-row .col-sm-offset-10 { margin-left: 83.33333%; } .site .bloghash-flex-row .col-sm-offset-11 { margin-left: 91.66667%; } .site .bloghash-flex-row .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloghash-flex-row .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloghash-flex-row.start-sm, .site .bloghash-flex-row .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .site .bloghash-flex-row.center-sm, .site .bloghash-flex-row .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloghash-flex-row.end-sm, .site .bloghash-flex-row .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloghash-flex-row.top-sm, .site .bloghash-flex-row .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloghash-flex-row.middle-sm, .site .bloghash-flex-row .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloghash-flex-row.stretch-sm, .site .bloghash-flex-row .stretch-sm { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloghash-flex-row.bottom-sm, .site .bloghash-flex-row .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloghash-flex-row.around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloghash-flex-row.between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 600px) and (max-width: 782px) { .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) { .bloghash-has-sidebar:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, .bloghash-has-sidebar:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, .bloghash-has-sidebar:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .bloghash-fw-section, body.bloghash-layout__boxed-separated:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .elementor-section.elementor-section-stretched, body.bloghash-layout__boxed-separated:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .entry-content .alignfull, body.bloghash-layout__boxed-separated:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer) #page .bloghash-fw-section { max-width: unset; margin-left: -5rem !important; margin-right: -5rem !important } } @media only screen and (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 .bloghash-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; } .g-md-0,.gx-md-0 { --bloghash-gutter-x: 0; } .g-md-0,.gy-md-0 { --bloghash-gutter-y: 0; } .g-md-1,.gx-md-1 { --bloghash-gutter-x: .4rem; } .g-md-1,.gy-md-1 { --bloghash-gutter-y: .4rem; } .g-md-2,.gx-md-2 { --bloghash-gutter-x: .8rem; } .g-md-2,.gy-md-2 { --bloghash-gutter-y: .8rem; } .g-md-3,.gx-md-3 { --bloghash-gutter-x: 1.6rem; } .g-md-3,.gy-md-3 { --bloghash-gutter-y: 1.6rem; } .g-md-4,.gx-md-4 { --bloghash-gutter-x: 2.4rem; } .g-md-4,.gy-md-4 { --bloghash-gutter-y: 2.4rem; } .g-md-5,.gx-md-5 { --bloghash-gutter-x: 4.8rem; } .g-md-5,.gy-md-5 { --bloghash-gutter-y: 4.8rem; } .g-md-6,.gx-md-6 { --bloghash-gutter-x: 6.5rem; } .g-md-6,.gy-md-6 { --bloghash-gutter-y: 6.5rem; } .site .bloghash-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 .bloghash-flex-row .col-md.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloghash-flex-row .col-md-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloghash-flex-row .col-md-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloghash-flex-row .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloghash-flex-row .col-md-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloghash-flex-row .col-md-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloghash-flex-row .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloghash-flex-row .col-md-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloghash-flex-row .col-md-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloghash-flex-row .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloghash-flex-row .col-md-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloghash-flex-row .col-md-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloghash-flex-row .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloghash-flex-row .col-md-offset-0 { margin-left: 0%; } .site .bloghash-flex-row .col-md-offset-1 { margin-left: 8.33333%; } .site .bloghash-flex-row .col-md-offset-2 { margin-left: 16.66667%; } .site .bloghash-flex-row .col-md-offset-3 { margin-left: 25%; } .site .bloghash-flex-row .col-md-offset-4 { margin-left: 33.33333%; } .site .bloghash-flex-row .col-md-offset-5 { margin-left: 41.66667%; } .site .bloghash-flex-row .col-md-offset-6 { margin-left: 50%; } .site .bloghash-flex-row .col-md-offset-7 { margin-left: 58.33333%; } .site .bloghash-flex-row .col-md-offset-8 { margin-left: 66.66667%; } .site .bloghash-flex-row .col-md-offset-9 { margin-left: 75%; } .site .bloghash-flex-row .col-md-offset-10 { margin-left: 83.33333%; } .site .bloghash-flex-row .col-md-offset-11 { margin-left: 91.66667%; } .site .bloghash-flex-row .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloghash-flex-row .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloghash-flex-row.start-md, .site .bloghash-flex-row .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .site .bloghash-flex-row.center-md, .site .bloghash-flex-row .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloghash-flex-row.end-md, .site .bloghash-flex-row .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloghash-flex-row.top-md, .site .bloghash-flex-row .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloghash-flex-row.middle-md, .site .bloghash-flex-row .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloghash-flex-row.stretch-md, .site .bloghash-flex-row .stretch-md { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloghash-flex-row.bottom-md, .site .bloghash-flex-row .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloghash-flex-row.around-md { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloghash-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 { --bloghash-gutter-x: 0; } .g-lg-0,.gy-lg-0 { --bloghash-gutter-y: 0; } .g-lg-1,.gx-lg-1 { --bloghash-gutter-x: .4rem; } .g-lg-1,.gy-lg-1 { --bloghash-gutter-y: .4rem; } .g-lg-2,.gx-lg-2 { --bloghash-gutter-x: .8rem; } .g-lg-2,.gy-lg-2 { --bloghash-gutter-y: .8rem; } .g-lg-3,.gx-lg-3 { --bloghash-gutter-x: 1.6rem; } .g-lg-3,.gy-lg-3 { --bloghash-gutter-y: 1.6rem; } .g-lg-4,.gx-lg-4 { --bloghash-gutter-x: 2.4rem; } .g-lg-4,.gy-lg-4 { --bloghash-gutter-y: 2.4rem; } .g-lg-5,.gx-lg-5 { --bloghash-gutter-x: 4.8rem; } .g-lg-5,.gy-lg-5 { --bloghash-gutter-y: 4.8rem; } .g-lg-6,.gx-lg-6 { --bloghash-gutter-x: 6.5rem; } .g-lg-6,.gy-lg-6 { --bloghash-gutter-y: 6.5rem; } .site .bloghash-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 .bloghash-flex-row .col-lg.flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .site .bloghash-flex-row .col-lg-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .site .bloghash-flex-row .col-lg-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .site .bloghash-flex-row .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .site .bloghash-flex-row .col-lg-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .site .bloghash-flex-row .col-lg-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .site .bloghash-flex-row .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .site .bloghash-flex-row .col-lg-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .site .bloghash-flex-row .col-lg-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .site .bloghash-flex-row .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .site .bloghash-flex-row .col-lg-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .site .bloghash-flex-row .col-lg-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .site .bloghash-flex-row .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .site .bloghash-flex-row .col-lg-offset-0 { margin-left: 0%; } .site .bloghash-flex-row .col-lg-offset-1 { margin-left: 8.33333%; } .site .bloghash-flex-row .col-lg-offset-2 { margin-left: 16.66667%; } .site .bloghash-flex-row .col-lg-offset-3 { margin-left: 25%; } .site .bloghash-flex-row .col-lg-offset-4 { margin-left: 33.33333%; } .site .bloghash-flex-row .col-lg-offset-5 { margin-left: 41.66667%; } .site .bloghash-flex-row .col-lg-offset-6 { margin-left: 50%; } .site .bloghash-flex-row .col-lg-offset-7 { margin-left: 58.33333%; } .site .bloghash-flex-row .col-lg-offset-8 { margin-left: 66.66667%; } .site .bloghash-flex-row .col-lg-offset-9 { margin-left: 75%; } .site .bloghash-flex-row .col-lg-offset-10 { margin-left: 83.33333%; } .site .bloghash-flex-row .col-lg-offset-11 { margin-left: 91.66667%; } .site .bloghash-flex-row .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site .bloghash-flex-row .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site .bloghash-flex-row.start-lg, .site .bloghash-flex-row .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .site .bloghash-flex-row.center-lg, .site .bloghash-flex-row .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .site .bloghash-flex-row.end-lg, .site .bloghash-flex-row .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; margin-left: auto; } .site .bloghash-flex-row.top-lg, .site .bloghash-flex-row .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site .bloghash-flex-row.middle-lg, .site .bloghash-flex-row .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site .bloghash-flex-row.stretch-lg, .site .bloghash-flex-row .stretch-lg { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .site .bloghash-flex-row.bottom-lg, .site .bloghash-flex-row .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site .bloghash-flex-row.around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .site .bloghash-flex-row.between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } /* 768 to 868 */ @media only screen and (max-width: 868px) { .bloghash-entry p.has-background { padding: 2.5rem; } .bloghash-hide-mobile-tablet { display: none !important; } .alignfull.bloghash-wrap-content>div, .bloghash-container, .bloghash-container-fluid, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul { padding: 0 3rem; } .bloghash-header-widgets .bloghash-header-widget, .bloghash-header-widgets .bloghash-header-widget.bloghash-header-widget__button { padding-left: 1rem; padding-right: 1rem } .bloghash-header-widgets .bloghash-header-widget:not(.bloghash-header-widget__button, .bloghash-header-widget__socials) .bloghash-icon { font-size: 2.4rem; } body:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer).bloghash-has-sidebar #page .elementor-section.elementor-section-stretched, body:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer).bloghash-has-sidebar #page .entry-content .alignfull, body:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer).bloghash-has-sidebar #page .bloghash-fw-section, body:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer).bloghash-no-sidebar #page .elementor-section.elementor-section-stretched, body:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer).bloghash-no-sidebar #page .entry-content .alignfull, body:not(.page-template-template-bloghash-fullwidth):not(.page-template-elementor_header_footer).bloghash-no-sidebar #page .bloghash-fw-section { margin-left: -3rem !important; margin-right: -3rem !important; left: 0; max-width: unset; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper { display: block; } .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-left .entry-media, .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-right .entry-media { margin-left: 0; margin-right: 0; margin-bottom: 2.4rem; } #bloghash-pre-footer .col-md-4 { margin-top: 3rem; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row:after, .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row:before { left: 0; right: 0; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row { padding: 4rem 3rem; margin: 0; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row>div { padding-left: 0; padding-right: 0; } #bloghash-copyright.contained-separator>.bloghash-container:before { left: 3rem; right: 3rem; } .single.bloghash-single-title-in-page-header #page .page-header .page-title { font-size: 3.2rem; } .single.bloghash-single-title-in-page-header .page-header .post-category a { font-size: 1.4rem; } #page .bloghash-unset-mw, #page .bloghash-unset-mw>img { max-width: 100%; } .bloghash-mobile-nav { margin-left: 1.6rem; } } @media only screen and (max-width: 599px) { #page .alignleft, #page .alignright { float: none; margin: 2rem auto; } #page .has-text-align-right { text-align: start; } #bloghash-header-inner .bloghash-widget-wrapper, .bloghash-header-element, .bloghash-header-widgets .bloghash-header-widget { position: static } .bloghash-header-widgets .dropdown-item:after { display: none; } .page-header>.bloghash-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>.bloghash-container .bloghash-page-header-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .page-header .bloghash-page-header-wrapper { margin-right: 0; margin-left: 0; width: 100% } .bloghash-page-title-align-right .page-header.bloghash-has-page-title .bloghash-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; } .bloghash-page-title-align-right .page-header.bloghash-has-page-title .bloghash-breadcrumbs { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /*body:not(.bloghash-single-title-in-page-header) .bloghash-has-page-title .bloghash-breadcrumbs { padding-bottom: 0; }*/ #colophon .search-form, #main .search-form { max-width: 100%; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-pre-footer-cta { padding-left: 0; padding-right: 0; } .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row { margin-left: 0; margin-right: 0; } #bloghash-copyright .bloghash-copyright-widget .bloghash-nav>ul>li { margin-top: .32rem; margin-bottom: .32rem; } #bloghash-copyright .bloghash-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 only screen and (max-width: 480px) { .bloghash-hide-mobile { display: none !important; } #page { min-height: -webkit-fill-available; } } @media only screen and (max-width: 782px) { .admin-bar #page { min-height: calc(100vh - 46px); } .bloghash-sticky-header.admin-bar.bloghash-is-mobile #bloghash-header-inner, .bloghash-sticky-header.admin-bar:not(.bloghash-header-layout-3, .bloghash-header-layout-4, .bloghash-header-layout-6) #bloghash-header-inner, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav-container>.bloghash-container { top: 46px; } #bloghash-footer #bloghash-footer-widgets { padding-top: 3rem; padding-bottom: 3rem; } #bloghash-footer .bloghash-footer-column { padding-top: 2rem; padding-bottom: 2rem; } } @media only screen and (max-width: 960px) { .bloghash-layout__boxed-separated #content .entry-content>.alignfull:first-child { margin-top: -5rem; } .bloghash-layout__boxed-separated:not(.comments-open) #content .entry-content>.alignfull:last-child { margin-bottom: -5rem; } #bloghash-topbar>.bloghash-container>.bloghash-flex-row>div .bloghash-topbar-widget { padding-top: .6rem; padding-bottom: .6rem; } #bloghash-topbar .bloghash-topbar-widget { padding-left: .8rem; padding-right: .8rem; } .bloghash-topbar__separators-regular #bloghash-topbar .bloghash-topbar-widget:after, .bloghash-topbar__separators-slanted #bloghash-topbar .bloghash-topbar-widget:after { margin-left: .8rem; } .bloghash-header__separators-regular .bloghash-header-widget, .bloghash-header__separators-slanted .bloghash-header-widget { padding-left: .8rem; padding-right: .8rem; } .bloghash-header__separators-regular .bloghash-header-widget:after, .bloghash-header__separators-slanted .bloghash-header-widget:after { margin-left: .8rem; } body:not(.bloghash-has-sidebar):not(.bloghash-single-title-in-content) #content .entry-content>.alignfull:first-child { margin-top: -4rem; } body:not(.bloghash-has-sidebar):not(.bloghash-single-title-in-content):not(.comments-open).bloghash-layout__boxed #content .entry-content>.alignfull:last-child { margin-bottom: -5rem; } #main>.bloghash-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; } .bloghash-sidebar-r__before-content #main>.bloghash-container { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .bloghash-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, .bloghash-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 only screen and (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 only screen and (max-width: 600px) { .bloghash-sticky-header.admin-bar.bloghash-is-mobile #bloghash-header-inner, .bloghash-sticky-header.admin-bar:not(.bloghash-header-layout-3, .bloghash-header-layout-4, .bloghash-header-layout-6) #bloghash-header-inner, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-6 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-4 #bloghash-header-inner .bloghash-nav-container>.bloghash-container, .bloghash-sticky-header.admin-bar:not(.bloghash-is-mobile).bloghash-header-layout-3 #bloghash-header-inner .bloghash-nav-container>.bloghash-container { top: 0; } } @media only screen and (max-width: 782px) { .bloghash-sticky-last-widget #secondary .bloghash-sidebar-inner>.widget:last-child, .bloghash-sticky-sidebar.admin-bar .bloghash-sidebar-inner { top: calc(var(--bloghash-sticky-h-offset, 20px) + 46px); } } @media print { #main #bloghash-comments-toggle, #main .post-nav, #page #respond, #page .bloghash-header-widgets, #page .bloghash-nav, #secondary, #bloghash-scroll-top, #bloghash-footer { display: none; } } @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { .wp-block-button__link { height: 3rem; } .page-header .bloghash-page-header-wrapper:after, .site .bloghash-flex-row:after { content: ''; display: block; min-height: inherit; font-size: 0; } #infinite-handle span, .bloghash-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>.bloghash-container #primary { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .page-header .bloghash-page-header-wrapper { height: 10rem; } } /**** ///////////////// Colors ======================>>>>>>>>>>>>>> ****/ .bloghash-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, .bloghash-btn.bloghash-read-more::after, .post_format-post-format-quote .bloghash-blog-entry-content .quote-post-bg::after, .entry-media > a:hover .entry-media-icon::before, .bloghash-pre-footer-cta-style-1 #bloghash-pre-footer .bloghash-flex-row::after, .bloghash-pre-footer-cta-style-2 #bloghash-pre-footer::after, .select2-container--default .select2-results__option--highlighted[aria-selected], .bloghash-input-supported input[type=radio]:not([id^='wpforms-']):checked::before, .bloghash-input-supported input[type=checkbox]:not([id^='wpforms-']):checked, .widget .cat-item a:hover + span, .widget_archive li a:hover + span, .widget .cat-item.current-cat a + span, #bloghash-footer .widget .cat-item a:hover + span, #bloghash-footer .widget_archive li a:hover + span, #bloghash-footer .widget .cat-item.current-cat a + span, .bloghash-btn.btn-outline:hover, #infinite-handle span { background-color: var(--bloghash-primary); } .bloghash-btn:hover, #infinite-handle span:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=reset]:focus, .bloghash-btn:focus, input[type=submit]:focus { background-color: var(--bloghash-primary_15); } mark, span.highlight, code, kbd, var, samp, tt { background-color: var(--bloghash-primary_10); } code.block { background-color: var(--bloghash-primary_80); } .content-area a:not(.bloghash-btn, .wp-block-button__link, .page-numbers, [class^="cat-"], [rel="tag"]), #secondary .hester-core-custom-list-widget .bloghash-entry a:not(.bloghash-btn), #secondary a:not(.bloghash-btn, .tag-cloud-link):hover, .using-keyboard #secondary a:not(.bloghash-btn, .tag-cloud-link):focus, .bloghash-header-widgets .bloghash-header-widget.bloghash-active .bloghash-icon.bloghash-search, .bloghash-logo .site-title a:hover, .using-keyboard .site-title a:focus, #bloghash-header-inner .bloghash-nav > ul > li > a:hover, .using-keyboard #bloghash-header-inner .bloghash-nav > ul > li > a:focus, #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:hover > a, .using-keyboard #bloghash-header-inner .bloghash-nav > ul > li.menu-item-has-children:focus > a, #bloghash-header-inner .bloghash-nav > ul > li.current-menu-item > a, #bloghash-header-inner .bloghash-nav > ul > li.current-menu-ancestor > a, #bloghash-header-inner .bloghash-nav > ul > li.page_item_has_children:hover > a, #bloghash-header-inner .bloghash-nav > ul > li.current_page_item > a, #bloghash-header-inner .bloghash-nav > ul > li.current_page_ancestor > a, #bloghash-topbar .bloghash-nav > ul > li > a:hover, .using-keyboard #bloghash-topbar .bloghash-nav > ul > li > a:focus, #bloghash-topbar .bloghash-nav > ul > li.menu-item-has-children:hover > a, #bloghash-topbar .bloghash-nav > ul > li.current-menu-item > a, #bloghash-topbar .bloghash-nav > ul > li.current-menu-ancestor > a, .bloghash-social-nav > ul > li > a .bloghash-icon.bottom-icon, .bloghash-header-widgets a:not(.bloghash-btn, .rounded-fill):hover, .using-keyboard .bloghash-header-widgets a:not(.bloghash-btn, .rounded-fill):focus, #bloghash-header-inner .bloghash-header-widgets .bloghash-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, .bloghash-btn.btn-outline, code, kbd, var, samp, tt, .is-mobile-menu-active .bloghash-hamburger, .bloghash-hamburger:hover, .single #main .post-nav a:hover, .using-keyboard .single #main .post-nav a:focus, #bloghash-topbar .bloghash-topbar-widget__text .bloghash-icon { color: var(--bloghash-primary); } #page ::-moz-selection { background-color: var(--bloghash-primary); color: var(--bloghash-white); } #page ::selection { background-color: var(--bloghash-primary); color: var(--bloghash-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, .bloghash-entry blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, .wp-block-quote.has-text-align-right, .bloghash-input-supported input[type=radio]:checked, .bloghash-input-supported input[type=checkbox]:checked, .bloghash-btn.btn-outline { border-color: var(--bloghash-primary); } #masthead .bloghash-header-widgets .dropdown-item::after, .bloghash-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(--bloghash-primary); outline: none !important; } .bloghash-header-widgets .dropdown-item, .preloader-1 > div, .bloghash-nav .sub-menu { border-top-color: var(--bloghash-primary); } .bloghash-input-supported input[type=checkbox]:focus:hover { box-shadow: inset 0 0 0 .2rem var(--bloghash-primary); } /* Woocommerce Colors */ .bloghash-header-widgets .bloghash-cart .bloghash-cart-count, .bloghash-woo-steps .bloghash-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(--bloghash-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(--bloghash-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 .bloghash-cart-subtotal span, .bloghash-header-widget__cart:hover > a, .bloghash-woo-steps .bloghash-step.is-active, .cart_totals .order-total td { color: var(--bloghash-primary); } .wc-layered-nav-rating a:hover .star-rating span:before { color: var(--bloghash-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(--bloghash-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(--bloghash-primary); } /* -------------------------------------------------------------------------- */ /* Some Basic Home Sections Setup /* -------------------------------------------------------------------------- */ ::-webkit-selection { background-color: var(--bloghash-primary); color: var(--bloghash-white); } ::selection { background-color: var(--bloghash-primary); color: var(--bloghash-white); } /* Scrollbar */ ::-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: .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: .4rem; } .mr-1 { margin-right: .4rem; } .mb-1 { margin-bottom: .4rem; } .ml-1 { margin-left: .4rem; } .mt-2 { margin-top: .8rem; } .mr-2 { margin-right: .8rem; } .mb-2 { margin-bottom: .8rem; } .ml-2 { margin-left: .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: .4rem; } .pr-1 { padding-right: .4rem; } .pb-1 { padding-bottom: .4rem; } .pl-1 { padding-left: .4rem; } .pt-2 { padding-top: .8rem; } .pr-2 { padding-right: .8rem; } .pb-2 { padding-bottom: .8rem; } .pl-2 { padding-left: .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: .4rem; } .mr-lg-1 { margin-right: .4rem; } .mb-lg-1 { margin-bottom: .4rem; } .ml-lg-1 { margin-left: .4rem; } .mt-lg-2 { margin-top: .8rem; } .mr-lg-2 { margin-right: .8rem; } .mb-lg-2 { margin-bottom: .8rem; } .ml-lg-2 { margin-left: .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: .4rem; } .pr-lg-1 { padding-right: .4rem; } .pb-lg-1 { padding-bottom: .4rem; } .pl-lg-1 { padding-left: .4rem; } .pt-lg-2 { padding-top: .8rem; } .pr-lg-2 { padding-right: .8rem; } .pb-lg-2 { padding-bottom: .8rem; } .pl-lg-2 { padding-left: .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: .4rem; } .mr-md-1 { margin-right: .4rem; } .mb-md-1 { margin-bottom: .4rem; } .ml-md-1 { margin-left: .4rem; } .mt-md-2 { margin-top: .8rem; } .mr-md-2 { margin-right: .8rem; } .mb-md-2 { margin-bottom: .8rem; } .ml-md-2 { margin-left: .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: .4rem; } .pr-md-1 { padding-right: .4rem; } .pb-md-1 { padding-bottom: .4rem; } .pl-md-1 { padding-left: .4rem; } .pt-md-2 { padding-top: .8rem; } .pr-md-2 { padding-right: .8rem; } .pb-md-2 { padding-bottom: .8rem; } .pl-md-2 { padding-left: .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: .4rem; } .mr-sm-1 { margin-right: .4rem; } .mb-sm-1 { margin-bottom: .4rem; } .ml-sm-1 { margin-left: .4rem; } .mt-sm-2 { margin-top: .8rem; } .mr-sm-2 { margin-right: .8rem; } .mb-sm-2 { margin-bottom: .8rem; } .ml-sm-2 { margin-left: .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: .4rem; } .pr-sm-1 { padding-right: .4rem; } .pb-sm-1 { padding-bottom: .4rem; } .pl-sm-1 { padding-left: .4rem; } .pt-sm-2 { padding-top: .8rem; } .pr-sm-2 { padding-right: .8rem; } .pb-sm-2 { padding-bottom: .8rem; } .pl-sm-2 { padding-left: .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: .75; z-index: -1; } .is-overlay-inherit::before { background: inherit; } .is-overlay-primary::before { background-color: var(--bloghash-primary); } .is-overlay-secondary::before { background-color: var(--bloghash-black); opacity: .65; } .is-overlay-white::before { background-color: var(--bloghash--bg-white); } a.bloghash-btn i, button.bloghash-btn i { font-size: 105%; vertical-align: baseline; } a.bloghash-btn i::before, button.bloghash-btn i::before { display: inline-block; vertical-align: middle; } a.bloghash-btn span, button.bloghash-btn span { vertical-align: baseline; line-height: normal; } a.bloghash-btn span+i, button.bloghash-btn span+i, a.bloghash-btn i+span, button.bloghash-btn i+span { margin-left: .75rem; } /* Is Left Button a.bloghash-btn i, button.bloghash-btn i { margin-right: .8rem; } Is Right Button Icon a.bloghash-btn i, button.bloghash-btn i { margin-left: .8rem; } */ .bg-primary { background-color: var(--bloghash-primary); } .bg-primary-light { background-color: var(--bloghash-primary_80); } .bg-secondary { background-color: var(--bloghash-secondary); } .text-primary { color: var(--bloghash-primary); } .text-white { color: var(--bloghash-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 only screen and (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; } /* bloghashter wpcf7 ------------------------------------ */ .wpcf7 .wpcf7-form p+p { margin-bottom: 1.5rem; margin-top: 1.5rem; } .form-bloghashter { margin-top: -1.6rem; text-align: start; } .form-bloghashter .wpcf7-form { display: flex; align-items: center; justify-content: end; margin-bottom: -1.6rem; } .form-bloghashter .wpcf7-form>*:not(div) { flex: 1 1 auto; } .form-bloghashter .wpcf7-form .form-control { border-radius: 10rem; } .form-bloghashter .wpcf7-form > p:nth-child(3) { max-width: max-content; flex-basis: auto; } .form-bloghashter .wpcf7-form .wpcf7-submit { margin-left: 1rem; white-space: nowrap; } .form-bloghashter .wpcf7-form .wpcf7-submit:hover, .form-bloghashter .wpcf7-form .wpcf7-submit:focus { background-color: var(--bs-white); color: var(--bs-primary); } @media only screen and (max-width: 61.938em) { .form-bloghashter .wpcf7-form .form-control { min-height: 3.356rem; padding: .786rem 2rem; } } /* WPforms full */ [data-darkmode="dark"] div.wpforms-container .wpforms-field-label-inline, [data-darkmode="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 #bloghash-footer .wp-block-search__label, .is-footer-heading-init-s1 #bloghash-footer .wp-block-heading, .is-footer-heading-init-s1 #bloghash-footer .widget-title { padding-bottom: 2rem; } .is-footer-heading-init-s1 #bloghash-footer .start-xs .widget-title::after { left: 7rem; right: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .start-xs .widget-title::before { left: 0; right: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .center-xs .widget-title::before, .is-footer-heading-init-s1 #bloghash-footer .center-xs .widget-title::after { right: 0; left: 0; margin: auto; } .is-footer-heading-init-s1 #bloghash-footer .center-xs .widget-title::before { transform: translateX(-2.6rem); } .is-footer-heading-init-s1 #bloghash-footer .center-xs .widget-title::after { transform: translateX(2.6rem); } .is-footer-heading-init-s1 #bloghash-footer .end-xs .widget-title::after { right: 7rem; left: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .end-xs .widget-title::before { right: 0; left: unset; transform: none; } /* lg > 1200px */ @media only screen and (min-width: 75em) { .is-footer-heading-init-s1 #bloghash-footer .start-lg .widget-title::after { left: 7rem; right: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .start-lg .widget-title::before { left: 0; right: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .center-lg .widget-title::before, .is-footer-heading-init-s1 #bloghash-footer .center-lg .widget-title::after { right: 0; left: 0; margin: auto; } .is-footer-heading-init-s1 #bloghash-footer .center-lg .widget-title::before { transform: translateX(-2.6rem); } .is-footer-heading-init-s1 #bloghash-footer .center-lg .widget-title::after { transform: translateX(2.6rem); } .is-footer-heading-init-s1 #bloghash-footer .end-lg .widget-title::after { right: 7rem; left: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .end-lg .widget-title::before { right: 0; left: unset; transform: none; } } /* md > 783px */ @media only screen and (min-width: 48.938em) { .is-footer-heading-init-s1 #bloghash-footer .start-md .widget-title::after { left: 7rem; right: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .start-md .widget-title::before { left: 0; right: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .center-md .widget-title::before, .is-footer-heading-init-s1 #bloghash-footer .center-md .widget-title::after { right: 0; left: 0; margin: auto; } .is-footer-heading-init-s1 #bloghash-footer .center-md .widget-title::before { transform: translateX(-2.6rem); } .is-footer-heading-init-s1 #bloghash-footer .center-md .widget-title::after { transform: translateX(2.6rem); } .is-footer-heading-init-s1 #bloghash-footer .end-md .widget-title::after { right: 7rem; left: unset; transform: none; } .is-footer-heading-init-s1 #bloghash-footer .end-md .widget-title::before { right: 0; left: unset; transform: none; } } .is-footer-heading-init-s1 #bloghash-footer .wp-block-search__label::before, .is-footer-heading-init-s1 #bloghash-footer .wp-block-search__label::after, .is-footer-heading-init-s1 #bloghash-footer .wp-block-heading::before, .is-footer-heading-init-s1 #bloghash-footer .wp-block-heading::after, .is-footer-heading-init-s1 #bloghash-footer .widget-title::before, .is-footer-heading-init-s1 #bloghash-footer .widget-title::after { content: ''; position: absolute; bottom: 0; height: .2rem; background-color: var(--bloghash-primary); z-index: 1; } .is-footer-heading-init-s1 #bloghash-footer .wp-block-search__label::before, .is-footer-heading-init-s1 #bloghash-footer .wp-block-heading::before, .is-footer-heading-init-s1 #bloghash-footer .widget-title::before { width: 6rem; left: 0; } .is-footer-heading-init-s1 #bloghash-footer .wp-block-search__label::after, .is-footer-heading-init-s1 #bloghash-footer .wp-block-heading::after, .is-footer-heading-init-s1 #bloghash-footer .widget-title::after { width: 2rem; left: 7rem; } /* -------------------------------------------------------------------------- */ /* Site Elements /* -------------------------------------------------------------------------- */ /* Footer Parallax ------------------------------------ */ [data-darkmode=dark] .bloghash-layout__boxed-separated.is-parallax-footer #page, .is-parallax-footer #page, .is-parallax-footer #page #main { background: inherit; } /* Cursor Dot ------------------------------------ */ .bloghash-cursor { visibility: hidden; position: fixed; pointer-events: none; z-index: 10000; display: flex; justify-content: center; align-items: center; transition: transform .1s cubic-bezier(.165, .84, .44, 1); pointer-events: none; top: 0; left: 0 } .bloghash-cursor .bloghash-cursor-wrapper { display: flex; justify-content: center; align-items: center; transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1) } .bloghash-cursor .bloghash-cursor--follower { position: absolute; background-color: var(--bloghash-primary); opacity: .35; border-radius: 100%; width: 2.4rem; height: 2.4rem; transition: transform .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1), background-color .1s cubic-bezier(.165, .84, .44, 1) } .bloghash-cursor .bloghash-cursor--label { position: absolute; display: flex; justify-content: center; align-items: center; color: var(--bloghash-white); letter-spacing: .08em; transform: scale(0); will-change: transform, opacity; transition: transform .5s cubic-bezier(.165, .84, .44, 1), opacity .5s cubic-bezier(.165, .84, .44, 1) } .bloghash-cursor .bloghash-cursor--icon { position: absolute; display: flex; justify-content: center; align-items: center; color: var(--bloghash-white); transform: scale(0); will-change: transform, opacity; transition: transform 500ms cubic-bezier(.165, .84, .44, 1), opacity 500ms cubic-bezier(.165, .84, .44, 1); color: rgba(255, 255, 255, .76) } .bloghash-cursor .bloghash-cursor--icon:before { content: "\f061"; font-family: var(--bloghash-font-awesome); font-size: 2.4rem } .bloghash-cursor.is-enabled { visibility: visible } .bloghash-cursor.is-hidden .bloghash-cursor-wrapper { transform: scale(0) !important } .bloghash-cursor.is-mouse-down .bloghash-cursor-wrapper { transform: scale(.8) } .bloghash-cursor.is-active .bloghash-cursor--follower { box-shadow: 0 0 8px rgba(0, 0, 0, .7); transform: scale(3.6); opacity: 0 } .bloghash-cursor.is-active.has-label .bloghash-cursor--follower { background-color: var(--bloghash-black); opacity: .8 } .bloghash-cursor.is-active.has-label .bloghash-cursor--label { transform: scale(1) } .bloghash-cursor.is-active.has-icon .bloghash-cursor--follower { background-color: var(--bloghash-black); opacity: .8 } .bloghash-cursor.is-active.has-icon .bloghash-cursor--icon { transform: scale(1) } /* wpform & block plugin support css */ div.wpforms-container-full form.wpforms-form button[type=submit] { background: var(--bloghash-primary); color: var(--bloghash-white); border-color: var(--bloghash-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(--bloghash-primary_15); border-color: var(--bloghash-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(--bloghash-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; } /*----*/ /*****************************************/ /* Bloghash Post ( Sections ) /*****************************************/ #wp-custom-header img { width: 100%; display: block; } #content .bloghash-article .ads-banner, .ads-banner { padding-top: 1.8rem; padding-bottom: 1.8rem; text-align: center; } .ads-banner > a { display: inline-block; } .bloghash-ad-widget + #ticker .bloghash-card-items { margin-top: 0; } #content .ads-banner { max-width: 100%; padding: 0; } #content .ads-banner img { border-radius: var(--bloghash-radius); } #content .bloghash-article .ads-banner img { border-radius: 0; } #main + .bloghash-ad-widget .ads-banner { padding-top: 0; } #main>.bloghash-container>.bloghash-ad-widget:first-child .ads-banner { padding-top: 5rem; padding-right: 0; padding-bottom: 0; padding-left: 0; } .btn-icon.bloghash-btn { width: 42px; height: 42px; padding: 0; border: none; } a.btn-icon.bloghash-btn i::before, button.btn-icon.bloghash-btn i::before { vertical-align: baseline; } .rounded-100 { border-radius: 100%; } /* Featured */ .featured-one .bloghash-post-item.style-1::after, .featured-one .bloghash-post-item.style-1::before, .featured-one .bloghash-post-item.style-1 .bloghash-post-thumb::before, .featured-one .bloghash-post-item.style-1 .bloghash-post-thumb::after { content: ''; position: absolute; width: 38px; height: 38px; border-width: 0; border-style: solid; border-color: #fff; -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .featured-one .bloghash-post-item.style-1:hover::after, .featured-one .bloghash-post-item.style-1:hover::before, .featured-one .bloghash-post-item.style-1:hover .bloghash-post-thumb::before, .featured-one .bloghash-post-item.style-1:hover .bloghash-post-thumb::after, .using-keyboard .featured-one .bloghash-post-item.style-1:focus-within::after, .using-keyboard .featured-one .bloghash-post-item.style-1:focus-within::before, .using-keyboard .featured-one .bloghash-post-item.style-1:focus-within .bloghash-post-thumb::before, .using-keyboard .featured-one .bloghash-post-item.style-1:focus-within .bloghash-post-thumb::after { border-color: var(--bloghash-primary); } .featured-one .bloghash-post-item.style-1::before { bottom: 15px; right: 15px; border-right-width: 2px; border-bottom-width: 2px; z-index: 1; } .featured-one .bloghash-post-item.style-1::after { top: 15px; right: 15px; border-right-width: 2px; border-top-width: 2px; } .featured-one .bloghash-post-item.style-1 .bloghash-post-thumb::before { bottom: 15px; left: 15px; border-left-width: 2px; border-bottom-width: 2px; z-index: 1; } .featured-one .bloghash-post-item.style-1 .bloghash-post-thumb::after { top: 15px; left: 15px; border-left-width: 2px; border-top-width: 2px; } .featured-one .bloghash-post-item.style-1:hover::after, .featured-one .bloghash-post-item.style-1:hover::before, .featured-one .bloghash-post-item.style-1:hover .bloghash-post-thumb::before, .featured-one .bloghash-post-item.style-1:hover .bloghash-post-thumb::after { width: 50%; height: 50%; } .bloghash-featured .bloghash-post-item.style-1 .bloghash-post-content .post-category .cat-links a { margin: 0; font-size: 15px; padding: 10px 20px; color: var(--bloghash-primary); background-color: var(--bloghash-primary_15); } .bloghash-featured .bloghash-post-item.style-1:hover .bloghash-post-content .bloghash-btn.btn-small, .bloghash-featured .bloghash-post-item.style-1:focus-within .bloghash-post-content .bloghash-btn.btn-small, .bloghash-featured .bloghash-post-item.style-1 .bloghash-post-content .bloghash-btn.btn-small:hover, .bloghash-featured .bloghash-post-item.style-1 .bloghash-post-content .bloghash-btn.btn-small:focus, .bloghash-featured .bloghash-post-item.style-1 .bloghash-post-content .post-category .cat-links a:hover, .bloghash-featured .bloghash-post-item.style-1 .bloghash-post-content .post-category .cat-links a:focus { color: #fff; background-color: var(--bloghash-primary); } .bloghash-featured .bloghash-post-item.style-1 .bloghash-post-content .bloghash-btn.btn-small { border: none; border-radius: inherit; margin-top: 0; } /* PYML / Ticker */ #pyml { margin-bottom: 5rem; } #featured_links { margin-top: 5rem; } #ticker .bloghash-card-items { width: 100%; height: auto; display: flex; align-items: center; flex-wrap: nowrap; margin: 1.8rem 0; border: 0.1rem solid rgba(185, 185, 185, 0.4); overflow: hidden; border-radius: calc(var(--bloghash-radius) - 10px); } .bloghash-card__boxed #ticker .bloghash-card-items { padding: 0; } #ticker .bloghash-card-items .widget-title { position: relative; right: 0; flex: 0 0 auto; min-height: 4.5rem; font-size: 1.6rem; font-weight: 600; padding: 1rem 1.6rem; margin: 0; border: none; line-height: 1.5; text-align: center; border-radius: 0; max-width: 100%; gap: 0.5rem; background-color: var(--bloghash-primary); color: #fff; } #ticker .bloghash-card-items .widget-title::before { content: ""; display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; vertical-align: unset; background-color: #fff; -webkit-mask: none; mask: none; animation: liveDotBlink 1.5s ease-in-out infinite; } @keyframes liveDotBlink { 0%, 100% { opacity: 0; } 40%, 70% { opacity: 1; } } #ticker .bloghash-card-items .widget-title::after { display: none; } @media only screen and (max-width: 1025px) { #ticker .bloghash-card-items .widget-title span::before { display: none; } } .ticker-slider-box { overflow: hidden; background-color: var(--bloghash-white); padding: 5px 0; height: 4.5rem; flex: 1 1 0%; } .ticker-slider-box .js-marquee { display: flex; align-items: center; } .ticker-slider-box .ticker-item { position: relative; float: left; clear: none; margin-right: 2.2rem; } .ticker-slider-box .ticker-slider-wrap.swiper { padding-left: 1rem; } .ticker-slider-box .ticker-slider-wrap.swiper .swiper-slide { width: auto; } .ticker-slide-item { display: flex; align-items: center; } .ticker-slide-item .ticker-slider-backgrounds { width: 3.6rem; height: 3.6rem; margin-right: 1rem; } .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: var(--bloghash-normal-radius); object-fit: cover; box-shadow: 2px 2px 3px 0px rgba(93,112,234,0.1); } .ticker-slide-item .slide-inner h6 { font-size: 1.5rem; margin-bottom: 0; margin-top: 0; line-height: 1.2; white-space: nowrap; } .ticker-slide-item .slide-inner h6 a { color: inherit; } .ticker-slide-item .slide-inner .entry-meta { font-size: 1.2rem; margin-top: 0; } .ticker-slide-item .slide-inner .entry-meta span.posted-on { line-height: 1.15; } .ticker-slide-item .entry-meta .entry-meta-elements>span:before { display: inline-block; left: 0; vertical-align: middle; margin-right: 5px; margin-top: -1px; } .ticker-slider-controls, .ticker-slider-controls .ticker-slider-pause, .ticker-slider-controls .swiper-button-prev, .ticker-slider-controls .swiper-button-next { height: 4.5rem; color: var(--bloghash-white); background: var(--bloghash-secondary); } .ticker-slider-controls.bloghash-swiper-buttons { padding: 0; float: none; margin: 0; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; } @media only screen and (max-width: 599px) { .ticker-slider-controls.bloghash-swiper-buttons { display: none; } } .ticker-slider-controls .ticker-slider-pause, .ticker-slider-controls .swiper-button-prev, .ticker-slider-controls .swiper-button-next { border-radius: 0; padding: 0; border: none; width: 38px; top: 0; } .ticker-slider-controls .ticker-slider-pause { display: inline-block; font-size: 1.6rem; cursor: pointer; border-left: 0.1rem solid rgba(185, 185, 185, 0.4); border-right: 0.1rem solid rgba(185, 185, 185, 0.4); -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .ticker-slider-controls .ticker-slider-pause i { line-height: 1.4; } /* Body Background Animation */ .bloghash-glassmorphism { position: fixed; right: 0; left: 0; bottom: 0; display: flex; overflow: hidden; z-index: -1; } .bloghash-glassmorphism .block { width: 28.8rem; height: 28.8rem; filter: blur(64px); mix-blend-mode: multiply; border-radius: 999px; display: block; opacity: .1; } .bloghash-glassmorphism .block.one { margin-top: 5rem; background-color: rgba(239, 35, 60); } .bloghash-glassmorphism .block.two { margin-top: 16rem; margin-left: -8rem; background-color: rgba(4, 134, 139); } @media only screen and (min-width: 768px) { .bloghash-glassmorphism { top: 4rem; } } @media only screen and (min-width: 1024px) { .bloghash-glassmorphism .block { width: 38.4rem; height: 38.4rem; } } @media only screen and (min-width: 1280px) { .bloghash-glassmorphism { top: 8rem; } } /* Custom Style */ #bloghash-blog-heading h3 { margin-bottom: 0; } #bloghash-blog-heading :first-child, #bloghash-blog-heading p { margin-top: 0; } #bloghash-blog-heading p+p { margin-top: 1.6rem; } .bloghash-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(185, 185, 185, 0.4); } .wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: 1.6rem; } #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, .wp-block-latest-posts__featured-image:not(.alignleft, .alignright), .wp-block-latest-posts__featured-image img { border-radius: calc(var(--bloghash-radius) - 0.7rem); } .wp-block-latest-posts__featured-image img { box-shadow: 2px 2px 3px 0px rgba(93,112,234,0.1); -webkit-transition: var(--bloghash-transition-primary); transition: var(--bloghash-transition-primary); } .wp-block-latest-posts li:focus-within .wp-block-latest-posts__featured-image img, .wp-block-latest-posts li:hover .wp-block-latest-posts__featured-image img { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .wp-block-latest-posts__post-title { margin: 1rem 0 0; display: block; font-weight: 600; } @media only 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; } #ticker + #main .bloghash-container > * { margin-top: 1.6rem; } #page .wp-block-group .mr-0 .alignleft { margin-right: 0; margin-top: 0; } .widget.bloghash-entry .wp-block-image+p { margin-top: 0; line-height: 1.2; } .wp-block-group .wp-block-group-is-layout-flex { gap: 0; } .wp-block-group .widget.bloghash-entry p { margin-top: 1rem; margin-bottom: 1rem; } #page .wp-block-group .wp-block-social-links { margin-top: 1.2rem; margin-bottom: 0; } .wp-block-group .shadow img { padding: 4px; box-shadow: 0 5px 13px rgba(0,0,0,0.15); } .wp-block-gallery .wp-block-image>a:hover img, .wp-block-gallery .wp-block-image>a:focus img { -webkit-transform: scale(1.1); transform: scale(1.1); } .wp-block-image:not(.alignfull, .is-style-rounded) img, .wp-block-gallery .wp-block-image { border-radius: calc(var(--bloghash-radius) - 1.2rem); overflow: hidden; } .wait { text-align: center; display: block; width: 1em; height: 1em; border: 2px solid #ffffff29; border-top-color: #ffffff; border-radius: 50%; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /****/