:root {
        --page-shadowbot-hoffset: 2px;
        --page-shadowbot-voffset: 2px;
        --page-shadowbot-blur: 5px;
        --page-shadowbot-spread: 2px;
        --page-shadowbot-color: grey;
        --page-shadowtop-hoffset: -1px;
        --page-shadowtop-voffset: -1px;
        --page-shadowtop-blur: 2px;
        --page-shadowtop-spread: 1px;
        --page-shadowtop-color: lightgrey;
        --footer-shadowtop-hoffset: -2px;
        --footer-shadowtop-voffset: -2px;
        --footer-shadowtop-blur: 5px;
        --footer-shadowtop-spread: 2px;
        --footer-shadowtop-color: grey;
    }

    article.post {
        box-shadow: var(--page-shadowbot-hoffset) var(--page-shadowbot-voffset) var(--page-shadowbot-blur) var(--page-shadowbot-spread) var(--page-shadowbot-color),
            var(--page-shadowtop-hoffset) var(--page-shadowtop-voffset) var(--page-shadowtop-blur) var(--page-shadowtop-spread) var(--page-shadowtop-color);
        border-radius: 10px;
        /*margin-top: 20px !important;*/
    }
    article.post:first-of-type {
        margin-top: 0px !important;
    }
    article.page {
        box-shadow: var(--page-shadowbot-hoffset) var(--page-shadowbot-voffset) var(--page-shadowbot-blur) var(--page-shadowbot-spread) var(--page-shadowbot-color),
            var(--page-shadowtop-hoffset) var(--page-shadowtop-voffset) var(--page-shadowtop-blur) var(--page-shadowtop-spread) var(--page-shadowtop-color);
        border-radius: 10px;
        margin-top: 20px !important;
    }
    .ast-primary-header-bar  {
        box-shadow: var(--page-shadowbot-hoffset) var(--page-shadowbot-voffset) var(--page-shadowbot-blur) var(--page-shadowbot-spread) var(--page-shadowbot-color);
    }
    .ast-mobile-header-content li {
    text-shadow: 2px 1px 4px #ff00ff, 4px 3px 2px #ffff00;
    }
    .ast-mobile-header-content .main-navigation {
        border-bottom: 1px solid #9e9e9e;
    }
    
    /* Kadence Theme border around post thumbnails on index pages*/
    .post-thumbnail.kadence-thumbnail-ratio-2-3 {
    box-shadow: 1px 1px 18px 0px hsl(0deg 0% 45%);
    }    
    
    .post-thumbnail-inner {
        border: 2px solid hsl(180deg 100% 92%);
    }    
    .passw-first-in-content {
        display: grid;
    }
.entry-title {
    color: #2d436a !important;
    text-shadow: 1px 1px 0px #6ecae4, 3px 3px 5px #2d436a;
}  

.google-auto-placed {
    margin-bottom: 20px;
}

/* rounded border on images */
.wp-site-blocks .post-thumbnail {
    border-radius: 16px;
}
/* round site logo in header */
img.custom-logo {
    border-radius: 50%;
}
figcaption.wp-element-caption {
    text-align: left;
    line-height: 1.3em;
}
    /*footer {
        box-shadow: var(--footer-shadowtop-hoffset) var(--footer-shadowtop-voffset) var(--footer-shadowtop-blur) var(--footer-shadowtop-spread) var(--footer-shadowtop-color);
    }*/
    footer { box-shadow: unset;}
    .stack-on-mobile li {
        width: unset !important; /* hamburger menu items in a row instead of column on mobile */
    }
    .nav-previous, .nav-next {
        background-color: #efefef;
        border: 1px solid #ffffff;
        border-radius: 15px;
        padding: 13px 10px 10px 10px;
    }
    .main-header-bar-wrap {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999999999 !important;
    }
    

.ad-image-border img, img.ad-image-border {
    border: 3px solid #00f;
    text-align: center;
}
.widget_media_image, .widget_block {
    text-align: center;
}


.ad-image-border2:hover {
    border-color: #0f0;
}

.widget_media_image h2, h2.ad-label, .passw-adlabel {
    margin-bottom: 0px;
    text-align: center;
    display: block;
    font-size: 0.65em;
    font-weight: 700;
    color: #8d8d8d;
    font-family: system-ui;
    text-transform: uppercase;
}
.passw-adlabelu {
    margin-bottom: -23px;
    text-align: center;
    display: block;
    font-size: 0.65em;
    font-weight: 700;
    color: #8d8d8dbd;
    font-family: system-ui;
    text-transform: uppercase;
}
.wp-block-column figure.wp-block-image {
    margin-top: 0;
    width: 125px;
}
span.ad-label-above {
    text-align: center;
    display: block;
    font-size: 0.65em;
    font-weight: 700;
}

.ad-image-border img:hover, img.ad-image-border:hover, .passw-adlabel ~ form:hover {
  --angle: 0deg;
  border: 3px solid;
  border-image: conic-gradient(from var(--angle), red, orange, yellow, green, blue, indigo, violet, red) 1;
  
  animation: 3s rotate ease-in-out infinite;
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

:root {
    --adlabel-hide: 1.35em;
}
.passw-adlabel {
    top: var(--adlabel-hide);
    position: relative;
    opacity: 0;
}
.passw-adlabel {
    position: relative;
    animation: adlabelpopdown 1s;
    animation-delay: 0.4s;
    animation-fill-mode: both;    
    animation-timing-function: ease-in;
}
div:hover > .passw-adlabel  {
    animation: adlabelpopup 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}
div:hover > .passw-adlabelu  {
    animation: adlabelupopdown 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}
@keyframes adlabelupopdown {
    from {
        top: 0;
        opacity: 1;
        letter-spacing: 0.2em;
    }
    80% { opacity: 0;}
    to { 
        top: var(--adlabel-hide);
        letter-spacing: inherit;
    }
}

@keyframes adlabelpopdown {
    from {
        top: 0;
        opacity: 1;
        letter-spacing: 0.2em;
    }
    80% { opacity: 0;}
    to { 
        top: var(--adlabel-hide);
        letter-spacing: inherit;
    }
}
@keyframes adlabelpopup {
    30% { color: violet;}
    40% { color: indigo;}
    50% { color: blue;}
    60% { color: green;}
    70% { color: yellow;}
    80% { color: orange;}
    90% { color: red;}
    to {
        letter-spacing: 0.2em;
        top: 0;
        /*z-index: 1;*/
        color: #10eb2b;
        opacity: 1;

    }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}








/* Site header and typography */
@font-face {
  font-family: 'Font Awesome Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-brands-400.eot");
  src: url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-brands-400.woff2") format("woff2"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-brands-400.woff") format("woff"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-brands-400.ttf") format("truetype"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-brands-400.svg#fontawesome") format("svg"); 

}

@font-face {
  font-family: 'Font Awesome Solid';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-solid-900.eot");
  src: url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-solid-900.woff2") format("woff2"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-solid-900.woff") format("woff"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-solid-900.ttf") format("truetype"), url("/wp-content/plugins/rxb-social-share-buttons/assets/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

:root {
--site-color-one: hsl(0deg 50% 50%);
--site-color-two: hsl(60deg 80% 95% / 90%);
--site-color-three:hsl(240deg 22% 50%);


--title-color: var(--site-color-one);
--description-color: var(--site-color-three);
--left-icon-color: var(--site-color-two);
--right-icon-color: var(--site-color-one);
--article-heading-color: var(--site-color-one);
--drop-cap-color: var(--site-color-one);

}
.site-logo-img {
	display: none;
}

.fa-ambulance:after {
	font-family: 'Font Awesome Solid';
	content: "\f13e";
	color: var(--left-icon-color);
	margin-left: 10px;
}
#headerspanend:before {
		font-family: "Font Awesome Solid";
    content: "\f80d";
    font-size: 4rem;
    color: var(--right-icon-color);
    margin-left: 10px;
}
.bigheadtag {
	font-size: 4rem;
	font-weight: 600;
	font-family: serif;
	color: #a7a7a7;
	    text-shadow: 2px 1px 2px #000000b5;
	line-height: 1.0em;
}



.has-drop-cap:not(:focus):first-letter {
    font-family: serif;
    float: left;
    font-size: 8.4em;
    line-height: .48;
    font-weight: 100;
    margin: 0.05em 0.15em 0 -0.25em;
    text-transform: uppercase;
    font-style: normal;
    color: var(--drop-cap-color);
    text-shadow: 1px 1px 2px hsl(0deg 11% 15%), -1px 1px 2px hsl(0deg 11% 20%);
}






@media screen and (max-width: 1024px) {
	.bigheadtag {
		font-size: 3.6rem;
	}
	#headerspanend:before {
		font-size: 3.6rem;
	}
.has-drop-cap:not(:focus):first-letter {
    margin: 0.05em 0.05em 0 -0.15em !important;
	
	}
}
@media screen and (max-width: 660px) {
	.bigheadtag {
		font-size: 45px;
	}
	#headerspanend:before {
		font-size: 3.455rem;
	}
	#headerspanend {
		margin: 0px;
	}
	.site-title {
		font-size: 26px !important;
	}
	.site-description {
		font-size: 1.0rem !important;
		margin-top: 
	}
.site-header .site-title {
  width: auto !important;
	margin-top: 10px;
 }
}


.fa-ambulance:after {
	font-weight: 400;
}
.fa-ambulance:after {
	margin-left: 10px;
}
#headerspanend {
	margin-left: -20px;
}
/*
.site-header .site-title {
  width: 255px;
}
*/
.site-header .site-description {
	font-size: 1.35rem;
	color: var(--description-color);
  cursor: pointer;
	white-space: nowrap;
  text-overflow: clip;
}
.site-title a {
	color: var(--title-color) !important;
	
}

.flipper {
   animation: horizontalFlip 1.0s;
   animation-delay: 0s;
   animation-iteration-count: 1;
   animation-fill-mode: backwards;
   animation-timing-function: ease-in-out;
}

@keyframes horizontalFlip {
  from {transform: rotateX(0deg);}
  to {transform: rotateX(360deg);}
}

.wp-block-latest-posts li a {
    color: var(--article-heading-color);
    font-size: 1.25em;
    font-weight: 600;
    text-shadow: 1px 1px 2px hsl(0deg 11% 15%), -1px 1px 2px hsl(0deg 11% 20%);
    letter-spacing: 0.15em;
}
.wp-block-latest-posts__post-author {
    font-weight: 600;
    background-color: hsl(240deg 22% 78%);
    border-radius: 25px;
    padding: 6px 0px 1px 2px;
}

.wp-block-image figcaption {
    font-family: fangsong;
    color: #b61920;
    font-weight: 600;
		line-height: 1.2;
}

.entry-title {
	color: var(--article-heading-color);
        /*text-shadow: 1px 1px 2px hsl(0deg 11% 15%), -1px 1px 2px hsl(0deg 11% 20%);*/
}
.social-share-wrapper {
	margin-bottom: 15px;
}







/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

.ad-image-border {
    width: fit-content;
    min-width: 300px;
    margin: 0 auto 0 auto;
}
.wp-block-pullquote {
    font-size: 0.7rem;
}
span.amzn-native-header-text {
    font-weight: 800;
    font-size: 1.35rem !important;
    color: var(--article-heading-color) !important;
    letter-spacing: 0.1rem;
    text-shadow: 1px -1px 0px white,
        -1px -1px 9px black;
}
.amazon-shopper .amzn-native-container {
    background-color: #eeeeee;
    padding: 25px 30px 8px 30px;
    border-radius: 25px;
}
.amazon-shopper span.amzn-native-header-text {
    color: var(--ukr-flag-yellow);
}
/* text-shadow: 1px 1px 2px hsl(0deg 11% 15%), -1px 1px 2px hsl(0deg 11% 20%); */

img.avatar.avatar-80.photo {
    border-radius: 100% !important;
}
.entry-author.entry-author-style-normal {
    border: 1px solid #a7a6a6;
    box-shadow: 1px 1px 3px 1px #bf4040;
    padding: 10px 20px 20px 10px;
    border-radius: 10px;
}





/* code block in black with cyan text */
.wp-block-code {
    background: black;
    color: lightcyan;
    font-family: monospace;
    font-stretch-: 1.4rem;
    border-radius: 10px;
}
.wp-block-code strong {
    font-weight: 900;
    color: magenta;
}