/*********************************
	Impress Design / Jack McDaniel
	impress-design.com
	720.495.1368
*********************************/

/*********************************
	SITE COLORS: 
	
	PINK: E79FA8 / (Old - AC8181)
	GOLD: B38F00
        LIGHT PINK: F7F3F3
	TEXT: 222222
	
*********************************/

/*  A. GLOBAL RESET
    . . . . . . . . . . . . . . . . . . . . */
    
html,
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family:'Noto Serif', serif;
    background-color: #F7F3F3;
    margin:0;
    padding:0;
    font-size:16px;
    line-height:1.8em;
    color:#222;
}
.dropcaps h2 + p::first-letter {
    -webkit-initial-letter: 4;
    initial-letter: 4;
    font-weight: bold;
    color: #E79FA8;
    margin: 0 12px 0 0;
}
.dropcaps p:first-child:first-letter {
    -webkit-initial-letter: 4;
    initial-letter: 4;
    font-weight: bold;
    color: #E79FA8;
    margin: 0 12px 0 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
ins {
    background-gridor: #ff9;
    color: #11284F;
    text-decoration: none;
}
mark {
    background-gridor: #ff9;
    color: #11284F;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-gridlapse: gridlapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align: middle; }
input:focus { outline: none; }
button:focus { outline: none; }
textarea:focus { outline: none; }
blockquote {
    width: 100%;
    margin: 30px 0;
    padding: 20px 2%;
    border-top: 1px solid #AC8181;
    border-bottom: 1px solid #AC8181;
    font-size: 1.15em;
    line-height: 1.5em;
    color: #666;
}
img { max-width: 100%; }
p { margin-bottom: 15px; }
.clear { clear: both; }
q {
  font-size: 2.0em;
}
::selection {
    color: #fff;
    background: #E79FA8;
    text-shadow: none;
}
ol { margin-left: 30px; }
sub { 
    font-size: .85em;
    vertical-align: sub;
}
caption { text-align: center; }


/*  B. BODY INFO AND LINKS
    . . . . . . . . . . . . . . . . . . . . */

html {
    animation: fadeSiteIn 1.0s ease forwards; /* [1] */
}

html.fadeSiteOut {
  animation:  fadeSiteOut 1.0s ease forwards; /* [2] */
}


@keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
}

@keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
}
@keyframes delay {
    from   { opacity: 0; }
    to    { opacity: 1; }
}
@-webkit-keyframes show-text {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show-text {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes show-textHL {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
section { 
    clear: both;
    display: block;
}
.mainContain {
    margin: 0 auto;
    max-width: 1280px;
}
a { 
    color: #000;
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
a:hover {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color:  #E79FA8;
}
a:focus { outline: none; }
.grad a { color: #FFF; }
em { 
    font-weight: bold;
    font-style: italics; 
    color: #000;
}
.smoothTran {
    opacity: 0;
    -webkit-animation: show-textHL .5s 1.0s forwards cubic-bezier(0.1, 0.59, 1.0, 1.22);
    animation: show-textHL .5s 1.0s forwards cubic-bezier(0.1, 0.59, 1.0, 1.22);
}
.smoothTran2 {
    opacity: 0;
    -webkit-animation: show-textHL .5s 1.0s forwards cubic-bezier(0.1, 0.59, 1.1, 1.35);
    animation: show-textHL .5s 1.0s forwards cubic-bezier(0.1, 0.59, 1.1, 1.35);
}


/* HERO IMAGE ROTATION FOR HOME PAGE - SEE heroCarousel.css */

.grey {
    padding: 60px 0;
    background: #222;
    color: #FFF;
}
.grey a:hover { color: #FFF; }
.grey h3 { color: #FFF }
.grey .category { color: #CCC; }
.grey a { color: #E79FA8 }
.hvrCenter {
    display: inline-block;
    vertical-align: bottom;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    color: #E79FA8;
}
.hvrCenter:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #E79FA8;
    height: 1px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvrCenter:hover:before, .hvrCenter:focus:before, .hvrCenter:active:before {
    left: 0;
    right: 0;
}

/*  C. HEADER, MENU AND SEARCH
    . . . . . . . . . . . . . . . . . . . . */

header {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 150;
    width: 100%;
    height: 95px;
    background: rgba(247,243,243,0.85);
    padding: 0 2%;
    line-height: 60px;
    box-shadow: 0px 2px 4px rgba(0,0,0, 0.1);
}
.logo { 
    float: left;
    margin: 0 auto;
    width: 33%;
    height: 60px;
}
.logo img { 
    height: 55px;
    padding-top: 5px; 
}

.menu {
    float: left;
    width: 67%;
    height: 60px;
    line-height: 60px;
}
.menu ul {
    list-style: none;
    width: 100%;
    font-family: 'Kanit',sans-serif;
}
.menu ul li {
    list-style: none;
    float: right;
    padding: 0 20px;
    line-height: 60px;
    font-size: 16px;
}
.menu ul li a {
    color: #000;   
}
.menu ul li a:hover {
    color: #DDD;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.menu ul li.last { 
    padding-top: 15px;
    padding-right: 0; 
    padding-left: 0;
}
.menuBadge {
    display: none;
}
.menuBadge img {
    display: none;
}
nav {
    display: none;
}
#hiddenMenu {
    display: none;
}
.menuBuild {
    display: none;
}

/* The side navigation menu */

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10055; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background: rgba(255,255,255, 1.0);
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    /*border-left: 1px solid #F7F3F3;*/
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 0;
    text-decoration: none;
    font-size: 1.35em;
    display: block;
    color: #000;
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
    color: #AAA;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 60px;
    margin-left: 50px;
    color: #222;
    opacity: 80;
}

.sidenav ul { list-style: none; }
.sidenav ul li { 
    list-style: none;
    margin-left: 20px;
    display: block;
    padding: 4px 0;
    border-bottom: 1px solid #EBEBEB;
}
.sidenav p { 
    margin-left: 20px;
    display: block;
    padding: 12px 0;
}
.subHeader { 
   width: 100%;
   height: 34px;
   line-height: 34px;
   border-top: 1px solid #CCC;
}
.subHeader .grid40 { font-style: italic; }
.subHeader .grid60 a { padding: 0 10px; }

.social { padding: 10px 10px 10px 32px; }
.socialIcons {
    position: fixed;
    top: 126px;
    z-index: 500;
    right: 0;
    background: #444;
    padding: 10px 2px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    opacity: 0;
    -webkit-animation: show-text .75s 2.0s forwards cubic-bezier(0.1, 0.95, 0.59, 1.22);
    animation: show-text .75s 2.0s forwards cubic-bezier(0.1, 0.95, 0.59, 1.22);
}
.socialIcons img {
    max-width: 34px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.socialIcons img:hover {
    background: #E79FA8;
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
}
.sidenav h4 {
    font-family: 'PT Serif', sans-serif;
    font-size: 2.0rem;
    color: #000;
}
.categories {
   height: 54px;
   line-height: 34px;
   text-align: center;
   padding: 10px 0;
   border-bottom: 1px solid #DDD;
}
.categories a {
   background: rgba(68,68,68,0.50);
   border-radius: 4px;
   font-size: 14px;
   color: #FFF;
   text-transform: uppercase;
   padding: 0 12px;
   margin: 0 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.categories a:hover {
   background: #E79FA8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}   

/*  D. CONTENT
    . . . . . . . . . . . . . . . . . . . . */

.popular {
    padding: 40px 0;
}
.mobileMainImg { 
    display: none; 
}
.dark {
    padding: 72px 0;
    background: #444 url(../img/sectionBG.webp) top center no-repeat;
    background-size: cover;
    color: #FFF;
    border-top: 2px solid #00CB37;
    border-bottom: 2px solid #00CB37;
}
.dark .innerL { 
    padding: 10px 5px 10px 0;
    margin: 10px 5px 10px 0;
}
.dark .innerR { 
    padding: 10px 0 10px 5px;
    margin: 10px 0 10px 5px;
}
.dark h3 { color: #FFF; }
.dark h5 { 
    color: #FFF; 
    font-weight: 400;
}
.dark .hilite2 {
    font-style: italic;
    font-weight: 700;
    color: #FFF;
    font-size: 1.0em;
}
.testi { 
    background: url(../img/sectionBG-2.webp) center center no-repeat; 
    background-size: cover;
}
.testi .hilite { color: #FFF; }
.standard {
    padding: 72px 0;
}
.standard h5 {  
    font-weight: 400;
}
.standard .innerL { 
    padding: 10px 5px 10px 0;
    margin: 10px 5px 10px 0;
}
.standard .innerR { 
    padding: 10px 0 10px 5px;
    margin: 10px 0 10px 5px;
}
 /* MEDALLION */
 .medallion { 
    width:100%;
    margin: 0 auto;
    text-align:center;
    position:relative;
    z-index:100; 
}
.medallion img { 
    width: 75px;
    margin-top: -37px;
}
.flex-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-container-2 {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-container-recent { 
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch; 
}
.flex-child {
    float: left;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.flex-child-1 {
    float: left;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.flex-child-2 {
    float: left;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.flex-child-3 {
    float: left;
    width: 60%;
    justify-content: center;
    align-items: center;
}
.flex-child-4 {
    float: left;
    width: 40%;
    justify-content: center;
    align-items: center;
}
.flex-child-5 {
    float: left;
    width: 33%;
    justify-content: center;
    align-items: center;
}
.flex-child-6 {
    float: left;
    width: 67%;
    justify-content: center;
    align-items: center;
}
/* Tooltip container */
    .tooltip {
      position: relative;
      display: inline-block;
    }

    /* Tooltip text */
    .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: #444;
      color: #fff;
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
      font-size: 13px;
      text-shadow: none;

      /* Position the tooltip text */
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -60px;

      /* Fade in tooltip */
      opacity: 0;
      transition: opacity 0.3s;
    }

    /* Tooltip arrow */
    .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
    }
row { 
    display: block; 
    width: 100%;
}
.postImg { 
   aspect-ratio: 16 / 9;
   margin-bottom: 20px; 
}
.postImg img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
article ul { 
    list-style: none; 
    margin-bottom: 20px;
}
article ul li {
    list-style: none;
    padding: 7px 0 7px 15px;
    background: url(../img/arrow.webp) 0 12px no-repeat;
    line-height: 1.3em;
}
aside ul { 
    list-style: none; 
    margin-bottom: 20px;
    margin-left: 20px;
}
aside ul li {
    list-style: none;
    padding: 7px 0 7px 15px;
    background: url(../img/arrow.webp) 0 12px no-repeat;
    line-height: 1.3em;
}
.popList { padding-left: 30px; }
.popList ul { 
    list-style: none; 
    margin-bottom: 25px;
}
.popList ul li {
    list-style: none;
    padding: 10px 0 20px 15px;
    background: url(../img/arrow.webp) 0 22px no-repeat;
    line-height: 1.5em;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
}
.popList .hvrCenter {
    display: inline-block;
    vertical-align: bottom;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    color: #000;
}
.siteAd { 
    margin-top: 35px; 
    padding-bottom: 60px;
    border-bottom: 2px solid #444;
    background: #00CB37;
}
#membership {
    padding: 0 0 40px;
}
#membership h3 { text-align: left; }
.price {
    display: block;
    margin: 15px 0;
    font-size: 1.75em;
    font-weight: 600;
}
.btn-1 {
    display: inline-block;
    border-radius: 3px;
    mragin: 20px 0 20px;
    width: 220px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    vertical-align: middle;
    background-color: #00CB37;
    color: #FFF;
    border: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: rgba(0,0,0,.25) 0 0.35vw 0.484375vw 0 !important;
    -webkit-box-shadow: rgba(0,0,0,,.251) 0 0.1538125vw 1.09375vw 0 !important;
    -moz-box-shadow: rgba(0,0,0,.251) 0 .1538125vw 1.09375vw 0 !important;
}
.btn-1:hover { 
    background-color: #444; 
    color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.btn-1 img {
    width: 24px;
    height: 24px;
    display: inline;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}
.btn-1 a { color: #FFF; }
.btn-1 a:hover { color: #FFF; }
#membership .btn-1 {
    display: block;
    width: 170px;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #444;
    color: #FFF;
    font-size: 1.0em;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#membership .btn-1:hover { 
    background-color: #00CB37; 
    color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/***CONTENT PAGE MAIN IMAGE ***/

.contentS {
    padding: 40px 0;
}

/*  E. RIGHT / LEFT COLUMN
    . . . . . . . . . . . . . . . . . . . . */

.block {
    margin: 20px 0;
}

.block ul {
    list-style: none;
    margin-bottom: 20px;
}
.block ul li {
    list-style: none;
    line-height: 1.25em;
    padding: 4px 0 4px 12px !important;
    background: url(../img/arrow.png) 0 11px no-repeat;
}
.block ul li:hover { 
    -moz-transition: opacity .75s ease-in-out;
    -webkit-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
}
.block ul li a { border-bottom:  none; }
.block ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li.active ul li a {
    font-style: normal;
    color: #000;
    border-bottom:  none;
}
.block ul li ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li ul li.active ul li a {
    font-style: none;
    color: #AA1111;
}
.block ul li ul li ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li ul li {
    margin-left: 25px;
}

/*  F. FOOTER
    . . . . . . . . . . . . . . . . . . . . */

footer {
    padding: 40px 0;
    font-size: .75em;
    line-height: 1.75em;
    font-family: 'Noto+Serif',sans-serif;
    font-weight: 300;
    background: #000;
    color: #F7F3F3;
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
}
footer a {
    color: #FFF;
    font-weight: 300;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
footer a:hover { 
    color: #E79FA8;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}
.fLogo img { max-width: 300px; }
footer h5 { 
    color: #FFF;
    font-size: 18px;
    font-weight: 500; 
    border-bottom: 1px solid #E79FA8;
    margin-bottom: 12px;
}
.copy { 
    height: 40px;
    line-height: 40px;
    background: #444;
    font-size: 0.75em;
    color: #CCC;
    text-align:  center;
}
footer .social { text-align: center; }
footer .social h4 { 
    padding-bottom:  12px;
}
footer .social img {
    max-width:  40px;
    background:  #333;
    border-radius:  50%;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}
footer .social a { border-bottom: none; }
footer .social img:hover {  
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(0,0,0,.11) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(0,0,0,.11) 0 .538125vw 1.79375vw 0;
    background: #000;
}
footer .hvrCenter {
display: inline-block;
vertical-align: bottom;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
overflow: hidden;
color: #FFF;
}

/*  G. SPECIAL STYLINGS
    . . . . . . . . . . . . . . . . . . . . */

.platforms {
   margin: 0 auto;
   max-width: 800px;
}
.platforms h4 { margin-bottom: 20px; }
.podcastFarm {
   padding: 30px 0;
   display: inline-block;
   margin: 5px;
   text-align: center;
}
/*. MODAL. */
   .blocker { z-index: 2000; }
   .modal { 
      position: relative;
      z-index: 200;
      max-height: 65%;
      height: auto; 
      max-width: 600px;
      overflow-y: scroll;
      -webkit-box-shadow: 0 0 10px #032D99;
      -moz-box-shadow: 0 0 10px #032D99;
      -o-box-shadow: 0 0 10px #032D99;
      -ms-box-shadow: 0 0 10px #032D99;
      box-shadow: 0 0 10px #032D99;
   }
   .modal a.close-modal {
       position: absolute;
       top: 12.5px;
       right: 12.5px;
   }
   .close-modal { border-bottom: none; }
   .close-modal:hover { border-bottom: none; }
   .blocker { background: rgba(0, 136, 203, 0.5); }

   .podcast {
      background: url([[*mainImgLandscape]][[*mainImgPortrait]]) top center no-repeat; 
      background-size: cover;
      aspect-ratio: 16 / 9;
      width: 100%;
      position: relative;
   }
   .audio {
      padding: 0;
      width: 100%;
      text-align: center;
      margin-top: -15px;
      margin-bottom: 50px;
   }
   .audio .media-controls-container { width: 100% !important; }
   .audio .media-controls { width: 100% !important; }
   audio { 
    -webkit-box-shadow: rgba(0,0,0,.3) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(0,0,0,.3) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(0,0,0,.31) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(0,0,0,.31) 0 .538125vw 1.79375vw 0; 
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    width: 100%;
    max-width: 500px;
}

.bestOfLink { 
    color: #E79FA8;
}
.bestOfLink:hover {
   color: #FFF;
}
.disclaimer {
   height: 50px;
   line-height: 50px;
   background-color: #444;
   color: #FFF;
   border-top: 2px solid #000;
}
/* BLOG POSTS */
   .blogImg { 
      aspect-ratio: 1 / 1; 
      object-fit: fill;
      background: url(../mainImgPortrait/ErinP2024-009.webp) top center no-repeat;
   }
   .blogImg img { 
      aspect-ratio: 1 / 1;
   }
   .blogImg-2 { aspect-ratio: 1 / 1; }
   .blogInfo {
      height: 200px;
      overflow: hidden;
   }
   .bPost .inner { padding: 20px; }
   .bPost h5 { 
      padding: 12px 0;
      line-height: 1.0em;
   }
   .blogRead { 
      height: 34px;
      line-height: 34px;
      text-transform: uppercase;
   }
   .bCategories {
      margin: 0 auto;
      text-align: center;
      height: 40px;
      line-height: 40px;
   }
   .bCategories a {
      margin: 0 12px;
      color: #000;
   }
   .bCategories .hvrCenter {
       display: inline-block;
       vertical-align: bottom;
       -webkit-transform: perspective(1px) translateZ(0);
       transform: perspective(1px) translateZ(0);
       position: relative;
       overflow: hidden;
       color: #000;
    }
   .bCategories .inner { margin: 0 auto; padding: 0; margin: 0; }
   .bPost .date {
      font-size: 0.85em;
      font-style: italic;
      font-weight: 200;
      color: #444;
      text-transform: none;
   }
   .bestOf { 
      position: relative; 
      top: 0; 
      float: right; 
      width: 60px; 
      height: 60px;
   }
.tags {
   padding: 12px 0;
   border-top: 1px dotted #CCC;
   line-height: 1.1em;
}
.tags h5 { padding-bottom: 7px; }
.tagLinks {
   /*text-transform: uppercase;*/
   line-height: 1.2em;
}
/* CAROUSEL / HERO */
.carousel { 
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   background: url(../mainImg/Erin2024-003.webp) top center no-repeat;
   background-size: cover; 
   overflow: hidden; 
   aspect-ratio: 16 / 9; 
}
.carousel__Content { 
   width: 50%; 
   position: relative; 
   z-index: 100; 
   color: #F7F3F3; 
   text-shadow: 1px 1px 2px #000;
   bottom: 70px; 
   left: 40px;
}
.carousel__Content span { 
   text-transform: uppercase; 
   text-shadow: 0 0 0.5em rgba(179, 64, 26, 0.75); 
   text-shadow: 1px 1px 2px #000;
   font-size: 5vw; 
   font-family: "Roboto Condensed", sans-serif; 
   line-height: 0.8; 
   letter-spacing: -0.025em; 
   text-align: left; 
   font-weight: 700;
   color: #F7F3F3;
}
.carousel .button {
  font-family: 'Roboto Mono', sans-serif;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 2vmin;
  display: inline-block;
  position: relative;
  border: 3px solid #F7F3F3;
  box-shadow: -0.5vmin 0.5vmin 0 rgba(255, 255, 255, 0.5);
  background: transparent;
  margin-top: 5vmin;
  mix-blend-mode: lighten;
  color: #F7F3F3;
  padding: 2vmin 2vmin 1.8vmin 2vmin;
  letter-spacing: 0.1em;
  text-shadow: none;
  line-height: 1;
  -webkit-transform: translate3d(0.5vmin, -0.5vmin, 0);
  transform: translate3d(0.5vmin, -0.5vmin, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}

.carousel .button:hover {
  -webkit-transform: translate3d(1vmin, -1vmin, 0);
  transform: translate3d(1vmin, -1vmin, 0);
  box-shadow: -1vmin 1vmin 0 rgba(255, 255, 255, 0.5);
  background: white;
  color: black;
}

.carousel .button:active {
  -webkit-transform: translate3d(0px, 0px, 0);
  transform: translate3d(0px, 0px, 0);
  box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.5);
}

/* * * 
   PORTRAIT HERO MAIN IMG
                     * * */
.asymmetric {
	position: relative;
        padding-top: 50px;
        aspect-ratio: 5 / 2;
	background-color: #333;
	color: #FFF;
        margin-bottom: 70px;
}
.asymmetric::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #333;
	transform-origin: top right;
	transform: skewY(-2deg);
	z-index: -10;
}
.asymmetric h1 {
        text-transform: uppercase;
        color: #F7F3F3;
        font-size: 5vw;
}
.asymmetric p { font-size: 18px; }
.asymmetric img { 
   float: right;
   max-height: 550px;
}
.asymmetric .button {
   display: block;
   margin: 20px 0;
   height: 40px;
   line-height: 40px;
   width: 170px;
   text-align: center;
   background: #E79FA8;
   color: #F7F3F3;
}
.date {
   text-transform: uppercase;
   color: #E79FA8;
   font-weight: 500;
} 
.lolite {
   font-style: italic;
   color: #444;
   text-transform: none;
}
.swiper-slide .lolite { color: #CCC; }
.swiper-slide a:hover { color: #E79FA8; }
.cardinal { display: none; }

.ltG { color: #CCC; }
.recent { padding: 5px 0 40px; }
.recent33 { display: flex; }
.recent .grid25 { height: 100%; }
.recent h5 { line-height: 1.0em; margin-bottom: 0; }
.recent h5 .hvrCenter { padding-bottom: 4px; color: #000; }
.recent .cfLink { background: #E79FA8; color: #333; }
.recent h4 { margin-bottom: 20px; }
.recent .cfLink:hover { background: #000; color: #FFF; }
.recent .postImg { 
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   margin-bottom: 3px;
   aspect-ratio: 1 / 1;
}
.recent .intro { 
   height: 180px; 
   line-height: 1.5em;
}
.recentInner { padding: 10px; }
.intro h3 { padding-top: 0; }
.category { 
    color: #666; 
    font-style: italic;
    font-size: 0.85em;
    height: 30px;
    line-height: 30px;
    font-weight: 200;
}
.postLink {
    height: 50px;
}
.backLine {
    background: url(../img/dashedBG.webp) center center repeat-x;
}
.backP {
    background: #F7F3F3;
    padding: 0 10px;
}
.navy-line {
    clear: both;
    display: block;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
    width: 60px;
    height: 1px;
    padding-top: 12px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* SEARCH FORM */
* {
  box-sizing: border-box;
}

/* Style the search field */
form.search input[type=text] {
  padding: 5px 10px;
  font-size: 15px;
  border: 1px solid #CCC;
  float: right;
  width: 70%;
  background: #FFF;
}

/* Style the submit button */
form.search button {
  float: right;
  width: 19%;
  padding: 5px 10px;
  background: #E79FA8;
  color: white;
  font-size: 15px;
  border: 1px solid #CCC;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.search button:hover {
  background: #222222;
  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/* Clear floats */
form.search::after {
  content: "";
  clear: both;
  display: table;
}

/* TOOL TIPS  */
/* Tooltip container */
            .tooltip {
              position: relative;
              display: inline-block;
              color: #000;
              font-weight: bold;
              font-style: italic;
            }

            /* Tooltip text */
            .tooltip .tooltiptext {
              visibility: hidden;
              width: 120px;
              background-color: #444;
              color: #fff;
              text-align: center;
              padding: 5px 0;
              border-radius: 6px;
              font-size: 13px;
              text-shadow: none;
              font-weight: 300;
              font-style: normal;

              /* Position the tooltip text */
              position: absolute;
              z-index: 1;
              bottom: 125%;
              left: 50%;
              margin-left: -60px;

              /* Fade in tooltip */
              opacity: 0;
              transition: opacity 0.3s;
            }

            /* Tooltip arrow */
            .tooltip .tooltiptext::after {
              content: "";
              position: absolute;
              top: 100%;
              left: 50%;
              margin-left: -5px;
              border-width: 5px;
              border-style: solid;
              border-color: #555 transparent transparent transparent;

            }

            /* Show the tooltip text when you mouse over the tooltip container */
            .tooltip:hover .tooltiptext {
              visibility: visible;
              opacity: 1;
            }
            .tooltip-left .tooltiptext {
                  top: -5px;
                  right: 105%;
            }

/* NATIVE ADS */
.nativeAd {
   width: 100%;
   margin: 20px 0;
   border-top: 1px dotted #AC8181;
   border-bottom: 1px dotted #AC8181;
   color: #555;
}
.nativeAd img { 
   width: 100px;
   max-width: 100px;
}
.siteAdFull .mainContain { max-width: 900px; }


/* SIG */
.sig {
   width: 100%;
   padding: 10px 0;
   margin: 20px 0;
   border-top: 1px dotted #AC8181;
   border-bottom: 1px dotted #AC8181;
   color: #555;
}
.sig img {
   float: left;
   width: 70px;
   margin: 0 12px 0 0;
}

/* BOXSHADOW */
.boxShadow { 
    position: relative;
    border-radius: 12px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(0,0,0,.3) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(0,0,0,.31) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(0,0,0,.31) 0 .538125vw 1.79375vw 0; 
}
.postImg img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.error { color: red; font-weight:bold; }
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
.cfLink {
    clear: both;
    display: inline-block;
    background: #444;
    border-bottom: 0;
    border-radius:  4px;
    height: 32px;
    line-height: 32px;
    width: 150px;
    text-align: center;
    color:  #FFF;
    font-weight: 400;
    text-decoration:  none;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.cfLink:hover {
    background: #E79FA8;
    color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 0;
}
.cfLink-2 {
    clear: both;
    display: block;
    background: #444;
    border-bottom: 0;
    border-radius:  4px;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    width: 164px;
    text-align: center;
    color:  #FFF;
    font-weight: bold;
    text-decoration:  none;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 .538125vw 1.79375vw 0; 
}
.cfLink-2:hover {
    background: #00CB37;
    color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 0;
}
.cfLink-3 {
    clear: both;
    display: inline-block;
    background: #444;
    border-bottom: 0;
    border-radius:  4px;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    text-align: center;
    color:  #FFF;
    font-weight: bold;
    text-decoration:  none;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 .538125vw 1.79375vw 0; 
}
.cfLink-3:hover {
    background: #E79FA8;
    color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 0;
}
.dark .cfLink {
    clear: both;
    display: inline-block;
    background: #00CB37;
    border-bottom: 0;
    border-radius:  4px;
    height: 40px;
    line-height: 40px;
    width: 164px;
    text-align: center;
    color:  #FFF;
    font-weight: bold;
    text-decoration:  none;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(0,0,0,.1) 0 .538125vw 1.79375vw 0; 
}
.dark .cfLink:hover {
    background: #000;
    color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 0;
}
.center {
    margin: 0 auto;
    text-align: center;
}
.marg {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
}
.small {
    font-size: .85em !important;
    line-height: 1.3em;
}
.large { 
    font-size: 1.15em; 
    line-height: 1.65em;
    margin-bottom: 35px;
}
.hilite {
    color: #000;
    font-style: italic;
    font-weight: 600;
}
.hilite2 {
    color: #000;
    font-weight: 600;
    font-size: 1.15em;
}
.right { text-align: right; }
.button {
    display: block;
    color: #FFF;
    font-weight: 700;
    padding: 7px 15px;
    border: 1px solid #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 0 .75em #de7d7d;
    background: #aa1111;
}
.button:hover {
    color: #CCC;
}
.coachAd {
    height: 50px;
    line-height: 50px;
    background: #00CB37;
    text-align: center;
    border-top: 1px solid #444;
    /*border-bottom: 1px solid #444;*/
}
.coachAd a { 
    color: #000; 
    font-weight: 600;
}
.coachAd a:hover { 
    color: #FFF; 
}

/*  ADVERTISING
    . . . . . . . . . . . . . . . . . . . . */

.adLarge { 
    padding: 0 0 40px 0;
    text-align: center; 
}

/*  H. IMAGE CLASSES
    . . . . . . . . . . . . . . . . . . . . */

.imgRight {
    float: right;
    max-width: 35%;
    margin: 10px 0 10px 10px;
}

.imgLeft {
    float: left;
    max-width: 35%;
    margin: 12px 12px 12px 0;
}

.imgFull {
    width: 100%;
    margin: 10px 0;
}

/*  I. FORMS AND NEWSLETTER
    . . . . . . . . . . . . . . . . . . . . */

.labelOut {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.formIn {
    float: left;
    width: 100%;
    margin-bottom: 4px;
    padding: 12px 2% 12px 2%;
    border: 1px solid #CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: .85em;
    color: #444;
}

.formIn:focus { 
    padding:12px 2% 12px 2%; 
    background: #FEFEFE;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 2px solid #E79FA8;
}

textarea {
    float: left;
    width: 100%;
    height: 70px;
    padding:7px 2% 7px 2%;
    border: 1px solid #CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    resize: vertical;
    font-family: 'Open Sans', sans-serif;
}

textarea:focus { 
    padding:7px 2% 6px 2%; 
    background: #FEFEFE;
    border-bottom: 2px solid #E79FA8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.cfContact {
    float: left;
    width: 50%;
    max-width: 150px;
    margin-top: 5px;
    color: #FFF;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #444; 
    border: none; 
}
.cfContact:hover { 
    color: #FFF; 
    background: #E79FA8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/*  J. COMMENTS / PAGINATION
    . . . . . . . . . . . . . . . . . . . . */

/*******************************************
        PAGINATION
*******************************************/
.mPage {
   clear: both;
   display: block;
   padding: 30px 0;
   margin-left: 20px;
}
ul.PagingNav {
    clear: both;
    width: 100%;
    height: 60px;
    float: left;
    list-style: none;
    display: block;
    text-align: center;
}

ul.PagingNav li {
    float: left;
    text-align: center;
    line-height: 1.0em;
    padding: 5px 10px;
    margin: 0 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #E79FA8;
    background: #E79FA8; 
}

ul.PagingNav li a {
    color: #FFF;
}

ul.PagingNav li a.active {
    color: #000;
}
ul.PagingNav li:hover {
    color: #FFF;
    background: #444;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/*  L. GRID SYSTEM
    . . . . . . . . . . . . . . . . . . . . */
    
.grid10 {
    float: left;
    width: 10%;
}

.grid20 {
    float: left;
    width: 20%;
}

.grid25 {
    float: left;
    width: 25%;
}

.grid30 {
    float: left;
    width: 30%;
}

.grid33 {
    float: left;
    width: 33%;
}

.grid35 {
    float: left;
    width: 35%;
}

.grid40 {
    float: left;
    width: 40%;
}

.grid45 {
    float: left;
    width: 45%;
}

.grid50 {
    float: left;
    width: 50%;
}

.grid55 {
    float: left;
    width: 55%;
}

.grid60 {
    float: left;
    width: 60%;
}

.grid65 {
    float: left;
    width: 65%;
}

.grid67 {
    float: left;
    width: 67%;
}

.grid70 {
    float: left;
    width: 70%;
}

.grid75 {
    float: left;
    width: 75%;
}

.grid80 {
    float: left;
    width: 80%;
}

.grid85 {
    float: left;
    width: 85%;
}

.grid90 {
    float: left;
    width: 90%;
}

.grid95 {
    float: left;
    width: 95%;
}

.grid100 {
    float: left;
    width: 100%;
}
.inner { 
    margin: 10px; 
    padding: 10px;
}
.innerL {
    margin: 10px;
    padding: 10px 10px 10px 0;
}
.innerR {
    margin: 10px;
    padding: 10px 0 10px 10px;
}


/*  L. FRONT PAGE STYLINGS
    . . . . . . . . . . . . . . . . . . . . */


/*  M. RESPONSIVE STYLING: 320 - 767 WINDOWS
    . . . . . . . . . . . . . . . . . . . . */
    
@media only screen and (min-width: 320px) and (max-width: 767px) {

    body { font-size: 1.2em; }
    header { 
        height: 65px;
        line-height: 65px;
    }
    .subHeader { display: none; }
    .menu { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        line-height: 60px;
    }
    .menuBadge img { display: block; }
    .menuIcon img { max-height: 65px; }
    .logo { 
        float: left; 
        width: 70%;
    }
    .mainContain { width: 96%;  }
    .grid67 { width: 100%; }
    .grid60 { width: 100%; }
    .grid50 { width: 100%; }
    .grid40 { float: none; width: 100%; }
    .grid33 { width: 100%; }
    .grid25 {
        float: none;
        width: 100%;
    }
    .grid30 { width: 100%; float: none; }
    .grid70 { width: 100%; }
    .grid25 { width: 100%; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .recent .grid25 {
       height: auto;
       width: 100%;
       display: block;
    }
    .carousel { aspect-ratio: 3 / 4; }
    .carousel__Content {
       width: 70%;
       color: #E79FA8;
    }
    .carousel__Content span {
        font-size: 11vw;
    }
    .cfContact {
        font-size: 18px;
        padding: 12px 2%;
        max-width: 250px;
    }
    footer { font-size: 1.0em }
    footer h5 { font-size: 21px; }
    footer .fLogo { text-align: center; }
    .block ul li { background: none; }
    .imgRight {
        width: 50% !important;
        max-width: 50%;
    }
    .large { font-size: 1.0em;} 
    .flex-container {
        flex-direction: column;
    }
    .flex-container-recent {
        flex-direction: column;
    }
    .flex-container .flex-child {
        float: none;
        width: 100%;
    }
    .flex-container-2 {
        flex-direction: column;
    }
    .flex-container-2 .flex-child {
        float: none;
        width: 100%;
    }
    .flex-child-5 { width: 100%; }
    .flex-child-6 { width: 100%; }
    .greyBG {
        margin-top: 30px;
        margin-bottom: 30px;
        background: rgba(255,255,255,0.45);
    }
    .coachAd {
        height: auto;
        line-height: 1.15em;
        padding: 12px;
    }
    .mobileMainImg { 
        display: block; 
    }
    .popList { padding-left: 0; }
    .postImg img { 
        border-top-left-radius: 0; 
        border-top-right-radius: 0;
    }
    .grey .mainContain { width: 90%; }
    .categories { display: none; }
    form.search input[type=text] { float: left; }
    form.search button { float: left; }
    .asymmetric { padding-top: 0; }
    .asymmetric .mainContain { width: 100%; }
    .asymmetric .inner { padding: 10px 20px; }
    .asymmetric img {
       float: none;
       max-height: 100%;
    }
    .cardinal { display: block; }
    .mSecondary { display: none; }
   .boxShadow { 
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; 
   }
   .blogInfo {
      height: auto;
   }
   .bCategories { display: none; }
   .blogRead { 
      border-bottom: 1px dotted #E79FA8;
   }
   .disclaimer {
      height: auto;
      line-height: 1.0em;
      padding: 12px 0;
   }
   .recent .intro { height: auto; }
   .recent .newsR { aspect-ratio: 16 / 9; }
   .recent .newsR img { aspect-ratio: 16 / 9; }
}

/*  N. RESPONSIVE STYLING: 768 - 959 WINDOWS
    . . . . . . . . . . . . . . . . . . . . */
    
@media only screen and (min-width: 768px) and (max-width: 959px) {

    body { font-size: 1.2em; }
    header { 
        height: 65px;
        line-height: 65px;
    }
    .menu { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        line-height: 80px;
    }
    .menuBadge img { display: block; }
    .menuIcon img { max-height: 60px; }
    .mainContain { width: 90%; }
    .logo { 
        float: left; 
        width: 50%;
    }
    .logo a { border-bottom: none; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .recent .grid25 {
       height: auto;
       width: 100%;
    }
    .cfContact {
        font-size: 18px;
        padding: 12px 2%;
        max-width: 250px;
    }
    footer .grid33 { text-align: center; }
    footer .grid33 .right { text-align: center; }
    footer .imgRight {
        float: none;
        width: 100%;
    }
    .footer .grid25 { width: 100%; }
    .footRight { width: 100%; }
    .large { 
        font-size: 1.0em;
    } 
}

/*  N2. RESPONSIVE STYLING: 1450 - 3000 WINDOWS
    . . . . . . . . . . . . . . . . . . . . */
    
@media only screen and (min-width: 1450px) {

    .heroHeadline { 
        margin: 0 auto;
        padding: 200px 0; 
    }
}

/*  O. HEADERS
    . . . . . . . . . . . . . . . . . . . . */
h1,
h2, h3, h4, h5 {
    font-family: 'Roboto Condensed',sans-serif;
    line-height: normal;
    font-weight: 500;
    margin: 0px;
}

h1 {
    font-size: 3.0em;
    color: #444;
    padding: 20px 0;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 700 !important;
}

h2 {
    font-size: 2.4em;
    font-family: 'Roboto Condensed',sans-serif;
    color: #444;
    font-weight: 400;
}

h3 {
    padding: 20px 0 5px;
    font-size: 2.0em;
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    color: #444;
}

h4 {
    font-size: 1.8em;
    line-height: 1.1em;
    margin: 10px 0 10px 0;
    padding: 0;
    font-weight: 200;
    font-family: 'Roboto Condensed',sans-serif;
    color: #444;
}
h5 {
    font-family: 'Noto Serif', serif;
    margin: 0;padding: 0;
    font-size: 1.25em;
    line-height: 1.6em;
    color: #444;
    font-weight: 400;
}

/*  HEADERS: 320 - 767 WINDOWS
    . . . . . . . . . . . . . . . . . . . . */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    #hero h1 { font-size: 48px; }
    .subTitle { font-size: 24px; }

}