13540 lines
381 KiB
CSS
Executable File
13540 lines
381 KiB
CSS
Executable File
@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: 4.2rem;
|
|
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.minimal-fill>ul>li>a>span.linktree {
|
|
color: #4ae767;
|
|
}
|
|
|
|
.bloghash-social-nav.minimal-fill>ul>li>a>span.rumble {
|
|
color: #85c742;
|
|
}
|
|
|
|
.bloghash-social-nav.minimal-fill>ul>li>a>span.mastodon {
|
|
color: #6364ff;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
.bloghash-social-nav.rounded-fill>ul>li>a>span.linktree {
|
|
background-color: #4ae767;
|
|
}
|
|
|
|
.bloghash-social-nav.rounded-fill>ul>li>a>span.rumble {
|
|
background-color: #85c742;
|
|
}
|
|
|
|
.bloghash-social-nav.rounded-fill>ul>li>a>span.mastodon {
|
|
background-color: #6364ff;
|
|
}
|
|
|
|
/*****************************************/
|
|
/* 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);
|
|
}
|
|
|
|
.seven-slider .bloghash-post-item,
|
|
.six-slider .bloghash-post-item,
|
|
.three-slider .bloghash-post-item,
|
|
.two-slider .bloghash-post-item {
|
|
box-sizing: border-box;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.seven-slider .bloghash-post-item .bloghash-container,
|
|
.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%;
|
|
}
|
|
}
|
|
|
|
.seven-slider .bloghash-hero-container,
|
|
#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-title {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.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 .seven-slider .swiper-button-prev,
|
|
#hero .seven-slider .swiper-button-next,
|
|
#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.seven-slider,
|
|
#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;
|
|
}
|
|
|
|
#hero .bloghash-hero-slider.bloghash-blog-horizontal .bloghash-article {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@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;
|
|
}
|
|
|
|
/* Sidebar Style 2 */
|
|
|
|
.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;
|
|
}
|
|
|
|
/* Sidebar Style 3 */
|
|
|
|
.bloghash-sidebar-style-3 #main .bloghash-widget:not(:last-child) {
|
|
border-bottom: 1px solid rgba(185, 185, 185, 0.4);
|
|
padding-bottom: 4rem;
|
|
}
|
|
|
|
.bloghash-sidebar-style-3.is-section-heading-init-s3 #secondary .wp-block-search .wp-block-search__label,
|
|
.bloghash-sidebar-style-3.is-section-heading-init-s3 #secondary .wp-block-heading,
|
|
.bloghash-sidebar-style-3.is-section-heading-init-s3 #secondary .widget-title {
|
|
text-align: center;
|
|
}
|
|
|
|
.bloghash-sidebar-style-3.is-section-heading-init-s3 #secondary .wp-block-search .wp-block-search__label::after,
|
|
.bloghash-sidebar-style-3.is-section-heading-init-s3 #secondary .wp-block-heading::after,
|
|
.bloghash-sidebar-style-3.is-section-heading-init-s3 #secondary .widget-title::after {
|
|
margin: 0 auto;
|
|
right: 0;
|
|
}
|
|
|
|
.bloghash-sidebar-style-3 .bloghash-sidebar-container .widget ul:not(.bloghash-socials-menu, .wp-block-social-links)>li:not(:first-child) {
|
|
border-top: none;
|
|
}
|
|
|
|
.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, .bloghash-sidebar-style-3) #secondary .bloghash-widget .search-form,
|
|
.is-section-heading-init-s2:not(.bloghash-sidebar-style-1, .bloghash-sidebar-style-3) #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: 1.2rem;
|
|
}
|
|
|
|
.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,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="6" viewBox="0 0 80 6"><path fill="currentColor" d="M79 4c-1.528 0-2.259-.749-3.184-1.698C74.816 1.276 73.572 0 71.2 0c-2.37 0-3.615 1.276-4.614 2.303C65.663 3.25 64.933 4 63.407 4c-1.529 0-2.26-.749-3.183-1.698C59.224 1.276 57.98 0 55.608 0c-2.37 0-3.614 1.276-4.614 2.302C50.069 3.25 49.339 4 47.81 4c-1.528 0-2.258-.749-3.183-1.698C43.628 1.276 42.384 0 40.013 0s-3.616 1.276-4.615 2.302C34.471 3.25 33.742 4 32.212 4c-1.529 0-2.26-.749-3.185-1.698C28.028 1.276 26.783 0 24.41 0s-3.617 1.276-4.616 2.302C18.87 3.25 18.139 4 16.61 4c-1.53 0-2.261-.749-3.187-1.698C12.424 1.276 11.178 0 8.805 0 6.433 0 5.188 1.276 4.187 2.302 3.261 3.25 2.53 4 1 4a1 1 0 1 0 0 2c2.373 0 3.618-1.276 4.619-2.302C6.544 2.75 7.275 2 8.805 2s2.261.749 3.187 1.698C12.992 4.724 14.238 6 16.611 6c2.371 0 3.616-1.276 4.616-2.302C22.152 2.75 22.882 2 24.41 2c1.529 0 2.26.749 3.185 1.698C28.596 4.724 29.841 6 32.213 6s3.617-1.276 4.616-2.302C37.754 2.75 38.485 2 40.013 2c1.528 0 2.259.749 3.183 1.698C44.196 4.724 45.44 6 47.81 6s3.615-1.276 4.615-2.302C53.351 2.75 54.081 2 55.608 2c1.528 0 2.259.749 3.183 1.698C59.791 4.724 61.035 6 63.406 6c2.37 0 3.614-1.276 4.613-2.302C68.944 2.75 69.674 2 71.201 2c1.528 0 2.258.749 3.183 1.698C75.384 4.724 76.628 6 79 6a1 1 0 1 0 0-2Z"/></svg>');
|
|
mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="6" viewBox="0 0 80 6"><path fill="currentColor" d="M79 4c-1.528 0-2.259-.749-3.184-1.698C74.816 1.276 73.572 0 71.2 0c-2.37 0-3.615 1.276-4.614 2.303C65.663 3.25 64.933 4 63.407 4c-1.529 0-2.26-.749-3.183-1.698C59.224 1.276 57.98 0 55.608 0c-2.37 0-3.614 1.276-4.614 2.302C50.069 3.25 49.339 4 47.81 4c-1.528 0-2.258-.749-3.183-1.698C43.628 1.276 42.384 0 40.013 0s-3.616 1.276-4.615 2.302C34.471 3.25 33.742 4 32.212 4c-1.529 0-2.26-.749-3.185-1.698C28.028 1.276 26.783 0 24.41 0s-3.617 1.276-4.616 2.302C18.87 3.25 18.139 4 16.61 4c-1.53 0-2.261-.749-3.187-1.698C12.424 1.276 11.178 0 8.805 0 6.433 0 5.188 1.276 4.187 2.302 3.261 3.25 2.53 4 1 4a1 1 0 1 0 0 2c2.373 0 3.618-1.276 4.619-2.302C6.544 2.75 7.275 2 8.805 2s2.261.749 3.187 1.698C12.992 4.724 14.238 6 16.611 6c2.371 0 3.616-1.276 4.616-2.302C22.152 2.75 22.882 2 24.41 2c1.529 0 2.26.749 3.185 1.698C28.596 4.724 29.841 6 32.213 6s3.617-1.276 4.616-2.302C37.754 2.75 38.485 2 40.013 2c1.528 0 2.259.749 3.183 1.698C44.196 4.724 45.44 6 47.81 6s3.615-1.276 4.615-2.302C53.351 2.75 54.081 2 55.608 2c1.528 0 2.259.749 3.183 1.698C59.791 4.724 61.035 6 63.406 6c2.37 0 3.614-1.276 4.613-2.302C68.944 2.75 69.674 2 71.201 2c1.528 0 2.258.749 3.183 1.698C75.384 4.724 76.628 6 79 6a1 1 0 1 0 0-2Z"/></svg>');
|
|
-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;
|
|
}
|
|
|
|
|
|
/* Section Heading 4 */
|
|
.is-section-heading-init-s4 #secondary .wp-block-search .wp-block-search__label,
|
|
.is-section-heading-init-s4 #secondary .wp-block-heading,
|
|
.is-section-heading-init-s4 #secondary .widget-title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: start;
|
|
overflow: hidden;
|
|
gap: 1.25rem;
|
|
}
|
|
|
|
.is-section-heading-init-s4 .bloghash-card-items .widget-title::before,
|
|
.is-section-heading-init-s4 #secondary .wp-block-search .wp-block-search__label::before,
|
|
.is-section-heading-init-s4 #secondary .wp-block-heading::before,
|
|
.is-section-heading-init-s4 #secondary .widget-title::before,
|
|
.is-section-heading-init-s4 .bloghash-card-items .widget-title::after,
|
|
.is-section-heading-init-s4 #secondary .wp-block-search .wp-block-search__label::after,
|
|
.is-section-heading-init-s4 #secondary .wp-block-heading::after,
|
|
.is-section-heading-init-s4 #secondary .widget-title::after {
|
|
content: "";
|
|
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;
|
|
}
|
|
|
|
.is-section-heading-init-s4 .bloghash-card__boxed .bloghash-card-items .widget-title {
|
|
margin-top: -0.5rem;
|
|
}
|
|
|
|
|
|
/*
|
|
* 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);
|
|
}
|
|
|
|
.bloghash-blog-horizontal .bloghash-article .entry-media .entry-image-link,
|
|
.bloghash-blog-horizontal .bloghash-article .entry-media img,
|
|
.bloghash-blog-layout-1 .bloghash-article .entry-thumb-image img,
|
|
.bloghash-blog-layout-1 .bloghash-article .entry-thumb-image .entry-media {
|
|
object-fit: cover;
|
|
background-color: #d1d1d1;
|
|
}
|
|
|
|
.bloghash-blog-horizontal .bloghash-article .entry-media .entry-image-link,
|
|
.bloghash-blog-horizontal .bloghash-article .entry-media img {
|
|
min-height: 30rem;
|
|
}
|
|
|
|
.bloghash-blog-layout-1 .bloghash-article .entry-thumb-image img,
|
|
.bloghash-blog-layout-1 .bloghash-article .entry-thumb-image .entry-media {
|
|
min-height: 24rem;
|
|
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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M20.954 14.487l-8.008-8.008c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l7.074 7.074-7.074 7.074a1.29 1.29 0 000 1.868c.267.267.534.4.934.4s.667-.133.934-.4l8.008-8.008a1.29 1.29 0 000-1.868z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M20.954 14.487l-8.008-8.008c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l7.074 7.074-7.074 7.074a1.29 1.29 0 000 1.868c.267.267.534.4.934.4s.667-.133.934-.4l8.008-8.008a1.29 1.29 0 000-1.868z"/></svg>');
|
|
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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16.016.74C7.875.74 1.335 7.28 1.335 15.421s6.54 14.681 14.681 14.681 14.681-6.54 14.681-14.681S24.157.74 16.016.74zm0 26.693c-6.673 0-12.012-5.339-12.012-12.012S9.343 3.409 16.016 3.409s12.012 5.339 12.012 12.012-5.339 12.012-12.012 12.012zm5.872-10.544L17.35 14.62V7.413c0-.801-.534-1.335-1.335-1.335s-1.335.534-1.335 1.335v8.008c0 .534.267.934.801 1.201l5.339 2.669c.133.133.267.133.534.133.534 0 .934-.267 1.201-.801s0-1.335-.667-1.735z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16.016.74C7.875.74 1.335 7.28 1.335 15.421s6.54 14.681 14.681 14.681 14.681-6.54 14.681-14.681S24.157.74 16.016.74zm0 26.693c-6.673 0-12.012-5.339-12.012-12.012S9.343 3.409 16.016 3.409s12.012 5.339 12.012 12.012-5.339 12.012-12.012 12.012zm5.872-10.544L17.35 14.62V7.413c0-.801-.534-1.335-1.335-1.335s-1.335.534-1.335 1.335v8.008c0 .534.267.934.801 1.201l5.339 2.669c.133.133.267.133.534.133.534 0 .934-.267 1.201-.801s0-1.335-.667-1.735z"/></svg>');
|
|
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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M29.362 14.087h-5.339c-.534 0-1.068.4-1.201.934l-2.803 8.141-6.807-20.153c-.133-.534-.667-.934-1.201-.934s-1.068.4-1.201.934L7.073 14.086H2.669c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h5.339c.534 0 1.068-.4 1.201-.934l2.803-8.141 6.807 20.286c.133.534.667.934 1.201.934s1.068-.4 1.201-.934l3.737-11.077h4.404c.801 0 1.335-.534 1.335-1.335s-.534-1.468-1.335-1.468z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M29.362 14.087h-5.339c-.534 0-1.068.4-1.201.934l-2.803 8.141-6.807-20.153c-.133-.534-.667-.934-1.201-.934s-1.068.4-1.201.934L7.073 14.086H2.669c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h5.339c.534 0 1.068-.4 1.201-.934l2.803-8.141 6.807 20.286c.133.534.667.934 1.201.934s1.068-.4 1.201-.934l3.737-11.077h4.404c.801 0 1.335-.534 1.335-1.335s-.534-1.468-1.335-1.468z"/></svg>');
|
|
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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075h-5.339c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h5.339c.801 0 1.335.534 1.335 1.335v18.685c0 .801-.534 1.335-1.335 1.335h-5.339c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h5.339c2.269 0 4.004-1.735 4.004-4.004V6.081c0-2.269-1.735-4.004-4.004-4.004zm-4.137 13.88c.133-.267.133-.667 0-1.068-.133-.133-.133-.267-.267-.4l-6.673-6.673c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l4.404 4.404H4.004c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h12.813l-4.404 4.404a1.29 1.29 0 000 1.868c.267.267.534.4.934.4s.667-.133.934-.4l6.673-6.673c.133-.133.267-.267.267-.4z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075h-5.339c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h5.339c.801 0 1.335.534 1.335 1.335v18.685c0 .801-.534 1.335-1.335 1.335h-5.339c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h5.339c2.269 0 4.004-1.735 4.004-4.004V6.081c0-2.269-1.735-4.004-4.004-4.004zm-4.137 13.88c.133-.267.133-.667 0-1.068-.133-.133-.133-.267-.267-.4l-6.673-6.673c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l4.404 4.404H4.004c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h12.813l-4.404 4.404a1.29 1.29 0 000 1.868c.267.267.534.4.934.4s.667-.133.934-.4l6.673-6.673c.133-.133.267-.267.267-.4z"/></svg>');
|
|
}
|
|
|
|
.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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M12.012 26.098H6.673c-.801 0-1.335-.534-1.335-1.335V6.078c0-.801.534-1.335 1.335-1.335h5.339c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335H6.673c-2.269 0-4.004 1.735-4.004 4.004v18.685c0 2.269 1.735 4.004 4.004 4.004h5.339c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335zm17.217-10.143c.133-.267.133-.667 0-1.068-.133-.133-.133-.267-.267-.4l-6.673-6.673c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l4.404 4.404H12.012c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h12.813l-4.404 4.404a1.29 1.29 0 000 1.868c.267.267.667.4.934.4s.667-.133.934-.4l6.673-6.673c.133-.133.267-.267.267-.4z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M12.012 26.098H6.673c-.801 0-1.335-.534-1.335-1.335V6.078c0-.801.534-1.335 1.335-1.335h5.339c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335H6.673c-2.269 0-4.004 1.735-4.004 4.004v18.685c0 2.269 1.735 4.004 4.004 4.004h5.339c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335zm17.217-10.143c.133-.267.133-.667 0-1.068-.133-.133-.133-.267-.267-.4l-6.673-6.673c-.534-.534-1.335-.534-1.868 0s-.534 1.335 0 1.868l4.404 4.404H12.012c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h12.813l-4.404 4.404a1.29 1.29 0 000 1.868c.267.267.667.4.934.4s.667-.133.934-.4l6.673-6.673c.133-.133.267-.267.267-.4z"/></svg>');
|
|
}
|
|
|
|
.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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M27.894 9.549c-.133-.133-.133-.267-.267-.4l-8.008-8.008c-.133-.133-.267-.267-.4-.267-.133-.133-.4-.133-.534-.133H8.008c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 2.269 1.735 4.004 4.004 4.004h16.016c2.269 0 4.004-1.735 4.004-4.004V10.083c0-.133 0-.4-.133-.534zM20.02 5.278l3.47 3.47h-3.47v-3.47zm4.003 22.155H8.007c-.801 0-1.335-.534-1.335-1.335V4.744c0-.801.534-1.335 1.335-1.335h9.342v6.673c0 .801.534 1.335 1.335 1.335h6.673v14.681c0 .801-.534 1.335-1.335 1.335zm-2.669-12.012H10.677c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h10.677c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335zm0 5.339H10.677c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h10.677c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335zm-10.677-8.008h2.669c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335h-2.669c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M27.894 9.549c-.133-.133-.133-.267-.267-.4l-8.008-8.008c-.133-.133-.267-.267-.4-.267-.133-.133-.4-.133-.534-.133H8.008c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 2.269 1.735 4.004 4.004 4.004h16.016c2.269 0 4.004-1.735 4.004-4.004V10.083c0-.133 0-.4-.133-.534zM20.02 5.278l3.47 3.47h-3.47v-3.47zm4.003 22.155H8.007c-.801 0-1.335-.534-1.335-1.335V4.744c0-.801.534-1.335 1.335-1.335h9.342v6.673c0 .801.534 1.335 1.335 1.335h6.673v14.681c0 .801-.534 1.335-1.335 1.335zm-2.669-12.012H10.677c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h10.677c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335zm0 5.339H10.677c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h10.677c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335zm-10.677-8.008h2.669c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335h-2.669c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335z"/></svg>');
|
|
}
|
|
|
|
.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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075H6.673c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 .534.267 1.068.801 1.201.133.133.4.133.534.133.4 0 .667-.133.934-.4l4.938-4.938h15.482c2.269 0 4.004-1.735 4.004-4.004V6.079c0-2.269-1.735-4.004-4.004-4.004zm1.335 17.35c0 .801-.534 1.335-1.335 1.335H9.342c-.4 0-.667.133-.934.4l-3.07 3.07V6.079c0-.801.534-1.335 1.335-1.335h18.685c.801 0 1.335.534 1.335 1.335v13.346z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M25.358 2.075H6.673c-2.269 0-4.004 1.735-4.004 4.004v21.354c0 .534.267 1.068.801 1.201.133.133.4.133.534.133.4 0 .667-.133.934-.4l4.938-4.938h15.482c2.269 0 4.004-1.735 4.004-4.004V6.079c0-2.269-1.735-4.004-4.004-4.004zm1.335 17.35c0 .801-.534 1.335-1.335 1.335H9.342c-.4 0-.667.133-.934.4l-3.07 3.07V6.079c0-.801.534-1.335 1.335-1.335h18.685c.801 0 1.335.534 1.335 1.335v13.346z"/></svg>');
|
|
}
|
|
|
|
.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,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.023 15.421c-.801 0-1.335.534-1.335 1.335v8.008c0 .801-.534 1.335-1.335 1.335H6.672c-.801 0-1.335-.534-1.335-1.335V10.083c0-.801.534-1.335 1.335-1.335h8.008c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335H6.672c-2.269 0-4.004 1.735-4.004 4.004v14.681c0 2.269 1.735 4.004 4.004 4.004h14.681c2.269 0 4.004-1.735 4.004-4.004v-8.008c0-.801-.534-1.335-1.335-1.335zm5.206-12.545a1.6 1.6 0 00-.667-.667c-.133-.133-.4-.133-.534-.133H20.02c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h4.805L12.413 17.158a1.29 1.29 0 000 1.868c.267.267.534.4.934.4s.667-.133.934-.4L26.693 6.614v4.805c0 .801.534 1.335 1.335 1.335s1.335-.534 1.335-1.335V3.411c0-.133 0-.4-.133-.534z"/></svg>');
|
|
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M24.023 15.421c-.801 0-1.335.534-1.335 1.335v8.008c0 .801-.534 1.335-1.335 1.335H6.672c-.801 0-1.335-.534-1.335-1.335V10.083c0-.801.534-1.335 1.335-1.335h8.008c.801 0 1.335-.534 1.335-1.335s-.534-1.335-1.335-1.335H6.672c-2.269 0-4.004 1.735-4.004 4.004v14.681c0 2.269 1.735 4.004 4.004 4.004h14.681c2.269 0 4.004-1.735 4.004-4.004v-8.008c0-.801-.534-1.335-1.335-1.335zm5.206-12.545a1.6 1.6 0 00-.667-.667c-.133-.133-.4-.133-.534-.133H20.02c-.801 0-1.335.534-1.335 1.335s.534 1.335 1.335 1.335h4.805L12.413 17.158a1.29 1.29 0 000 1.868c.267.267.534.4.934.4s.667-.133.934-.4L26.693 6.614v4.805c0 .801.534 1.335 1.335 1.335s1.335-.534 1.335-1.335V3.411c0-.133 0-.4-.133-.534z"/></svg>');
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
.featured-one .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);
|
|
}
|
|
|
|
.featured-one .bloghash-post-item.style-1:hover .bloghash-post-content .bloghash-btn.btn-small,
|
|
.featured-one .bloghash-post-item.style-1:focus-within .bloghash-post-content .bloghash-btn.btn-small,
|
|
.featured-one .bloghash-post-item.style-1 .bloghash-post-content .bloghash-btn.btn-small:hover,
|
|
.featured-one .bloghash-post-item.style-1 .bloghash-post-content .bloghash-btn.btn-small:focus,
|
|
.featured-one .bloghash-post-item.style-1 .bloghash-post-content .post-category .cat-links a:hover,
|
|
.featured-one .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;
|
|
}
|
|
/****/ |