@font-face {
  font-family: 'Vitesse-Book';
  src: url('../fonts/Vitesse-Book.otf'); 
}
@font-face {
  font-family: 'Vitesse-Bold';
  src: url('../fonts/Vitesse-Bold.otf'); 
}
@font-face {
  font-family: 'fa';
  src: url('../fonts/FontAwesome.otf'); 
}

p {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #000000; 
}

h1 {
    font-family: 'Vitesse-Bold';
    font-size: 28px;
    color: #ef8322;
}
h1.black{
    font-family: 'Vitesse-Bold';
    font-size: 28px;
    color: #000000;
}
h2 {
    font-family: 'Vitesse-Bold';
    font-size: 20px;
    color: #000000;
}

h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #000000;
}
h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #000000;
}
h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

a {
    color: #087083;
}

i, em {
    color: #000000;
}

.fa { 
    color: #ffffff;
    -webkit-transition: color 200ms ease-out .1s;
    -moz-transition: color 200ms ease-out .1s;
    -o-transition: color 200ms ease-out .1s;
    transition: color 200ms ease-out .1s;
}
.fa:hover { color: #ef8322;}

hr { 
    margin: 0 auto; 
    border: 2px solid #087083; 
    margin-top: 10px; 
    margin-bottom: 30px;
}

header {
    margin-top: 20px; 
    
}

input[type="search"] {
    font-family: "Vitesse-Book";
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.logo {
    min-width: 241px;
    margin-top: 10px;
}

img.alignright {float:right; margin:0 0 .5em .5em}
img.alignleft {float:left; margin:0 .5em .5em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 .5em .5em}
a img.alignleft {float:left; margin:0 .5em .5em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*.mctb-bar, .mctb-response, .mctb-close {
    background: transparent !important;
}*/
/*#mailchimp-top-bar.mctb-big .mctb-close {
    background: transparent !important;
}
span.mctb-close { color: orange !important; background: transparent;}*/

.mctb-label {
    color: #ffffff;
}

#logo {
        margin-left: 8.33333%;
}


.header-social {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 20px;
    margin-right: 50px;
    list-style: none;
    width: 225px;
    }

.header-social li:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.header-social li:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.header-social li:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.header-social li:nth-child(4) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.platinum-ads-col { padding-right:0!important; }


/*.header-social {
    display: flex;
    justify-content: space-between;    
    margin-left: 20px;
    margin-right: 50px;
    list-style: none;
    margin-top: -20px;
    width: 225px;
    
}*/

/*Top-bar styles*/
.nav-wrapper {
    background-color: #087083;
}
.top-bar { 
    height: 61px; 
    background-color: #087083; 
}

.contain-to-grid  {
    background-color: #087083; 
}
.top-bar-section li:not(.has-form) a:not(.button) { 
    background-color: #0a8ba3; 
    line-height: 40px; 
}

.top-bar-section ul li {
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 10px;
    background: transparent;
}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #ef8322; 
    -webkit-transition: background-color 200ms ease-out .1s;
    -moz-transition: background-color 200ms ease-out .1s;
    -o-transition: background-color 200ms ease-out .1s;
    transition: background-color 200ms ease-out .1s;
}
.top-bar-section ul li a {
    width: 108px;
    text-align: center;
    font-family: "Vitesse-Book"; 
    font-size: 14px; 
    border-radius: 5px; 
}
.main-nav {
    margin-left: 10%;
}

/*Top Bar Search elements*/

.top-bar form {
    font-family: "Vitesse-Book";
    font-size: 14px;
    height: 42px;
    width: 310px;
    margin-top: 9px;
    border-radius: 5px;
    background-color: #0a8ba3;  
    float: left;
    margin-left: 10px;
}
span.screen-reader-text {
    display: none;
}

.top-bar input {
    width: 260px;
    margin-top: -5px;
    padding-top: 10px;
    border-radius: 5px;
    margin-left: 7px;
    height: 34px;
    border: #000000;
}

#searchsubmit {
    width: 32px;
    float: right;
    width: 21px;
    height: 24px;
    margin-right: 15px;
    text-indent: 40px;
    margin-top: -28px;
    background-color: #0a8ba3;
    background-image: url('../images/search-icon.png');
    background-repeat: no-repeat;
}

#searchsubmit:hover {
    cursor: pointer;
    -webkit-transition: background-image 200ms ease-out .1s;
    -moz-transition: background-image 200ms ease-out .1s;
    -o-transition: background-image 200ms ease-out .1s;
    transition: background-image 200ms ease-out .1s;
    background-image: url('../images/search-icon-orange.png');
    background-repeat: no-repeat;
}

/*Nav and Sub Nav*/
.main-nav {
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left;
    width:100%;
}
.main-nav li {
    float:left;
    position:relative;
}
.main-nav a {
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}
.main-nav a:hover {
    color:#fff;
    background:#6b0c36;
}


/*--- DROPDOWN ---*/
.main-nav .sub-menu {
    background:#fff;
    background:rgba(255,255,255,0); 
    list-style:none;
    position:absolute;
    left:-9999px;
    z-index: 20;
    padding-top: 10px;
    padding-left: 0px;
    line-height: 30px;
    margin: 0 10px 10px 0px;
    opacity: 0;
    width: auto;
}

.main-nav .sub-menu li:not(.has-form) a:not(.button) { 
    line-height: 30px; 
    width: auto;

}


.main-nav .sub-menu li {
    padding-top:0px; 
    float:none;
    width: auto;
    border-radius: 0;


}
.main-nav .sub-menu a {
    font-family: 'Open Sans', sans-serif;
    white-space:nowrap; 
    width: auto;
    border-radius: 0;
    text-align: left;
        background-color: #ef8322;

}
.main-nav li:hover .sub-menu{
    opacity: 1;
    left:0; 
    transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;

}
.main-nav li:hover a { 
    background:#6b0c36;
}
.main-nav li:hover .sub-menu a { 
    text-decoration:none;
    background-color: #ef8322;
}
.main-nav li:hover .sub-menu li a:hover { 
    background:#0a8ba3;
}



/*Footer - main*/
footer {
    background-color: #087083; 
}
#footer-search:hover {
    background-color: #0a8ba3;
}
.footer-textblock {
    margin-top: 30px;   
}
.footer-textblock p { 
    font-size: 14px; 
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

.fotter-cr {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}


/*Footer Connect box*/
.social-footer {
    border: 4px solid #0a8ba3;
    border-radius: 10px;
    margin-top: 40px;
    height: auto;
    min-height: 100px;
    background-color: #ffffff;
}
.social-footer p { 
    font-family: 'Vitesse-Book'; 
    color: #0a8ba3; 
    margin-bottom: 0px; 
    margin-left: 15px; 
    margin-top: 5px;
}

.social-footer ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    }

.social-footer ul li:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }

.social-footer ul li:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }

.social-footer ul li:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }

.social-footer ul li:nth-child(4) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }




/*.social-footer ul { 
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
}
.social-footer ul li {
    padding-top: 10px;
    display: inline-block;
}
*/

/*Footer Menu*/
.footer-menu ul { padding-top: 25px; }
.footer-menu ul li { 
    list-style: none;
    width: 100%;
    margin: 10px;
    background-color: #0a8ba3; 
    border-radius: 5px; 
    padding: 10px;
    color: #ffffff;
    font-family: "Vitesse-Book"; 
    font-size: 14px; 
    border-radius: 5px; 
    
}
.footer-menu ul li:hover { 
    background-color: #ef8322; 
    color: #ffffff;
    -webkit-transition: background-color 200ms ease-out .1s;
    -moz-transition: background-color 200ms ease-out .1s;
    -o-transition: background-color 200ms ease-out .1s;
    transition: background-color 200ms ease-out .1s;
}

.footer-menu a {
    color: #ffffff;
}

.footer-menu .sub-menu {
    display: none;
}
#footer-search {
    margin-top: -35px;
    height: 42px;
}

#footer-search:hover {
    background-color: #0a8ba3;
}
#footer-search input {
    margin-left: -20px;
    margin-top: -5px;
    border-radius: 5px;
    height: 32px;
    /*-moz-box-shadow:    inset 0 0 7px #000000;
   -webkit-box-shadow: inset 0 0 7px #000000;
   box-shadow:         inset 0 0 7px #000000;*/
   border: #000000;
}
#footer-search .button {
    margin-top: -8px;   
    font-size: 24px;
    margin-left: -20px;
    width: 50px;
}
#footer-search .button:hover {
    color: #ef8322;
    -webkit-transition: color 200ms ease-out .1s;
    -moz-transition: color 200ms ease-out .1s;
    -o-transition: color 200ms ease-out .1s;
    transition: color 200ms ease-out .1s;
}
#footer-search ::-webkit-input-placeholder {
   padding-top: 1px;
}

/*:-moz-placeholder {  Firefox 18- 
   color: red;  
}*/

/*::-moz-placeholder {   Firefox 19+ 
   color: red;  
}*/

/*:-ms-input-placeholder {  
   color: red;  
}*/



/*Ads*/
.gold-ads { 
    display: flex; 
    justify-content: 
    space-between; 
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
}
.gold-ad { 
    margin: 0 auto; 
    min-height: 60px; 
    min-width: 468px; 
    display: none;
}

.gold-ad {
    max-width: 470px;
    margin: 0 auto;
}

.logo-area { margin-top: 45px;}

.banner-ad { width: 728px; float: right; position: absolute; right: 0; margin-top: 30px; }

.banner-ad img {
    min-width: 728px;
    min-height: 90px;
    border: 1px solid #cfcfcf;
}
.banner-ad p {
    margin-bottom: 0px; 
}

.top-banner {
    display: none;
    margin-top: 10px;
    text-align: center;
}
.top-banner-ad p { margin: 0 auto; }

.top-banner-ad img {
    width: 728px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #cccccc;
    /*border-radius: 8px;*/
}

.platinum-ad {
    float: left;
    width: 300px;
    height: auto;
    margin-bottom: 16px;
}
.platinum-ad p {
    margin-bottom: 0;
}
.platinum-ad img{  
    min-width: 300px;
    min-height: 250px;
    max-width: 300px;
    max-height: 250px;
}



.cat-ad .ad {
    margin: 0 auto;
    width: 300px;

}

.cat-ads p {
    margin-bottom: 0px; 
}


.cat-ad .ad img {  
    min-width: 300px;
    min-height: 250px;
    max-width: 300px;
    max-height: 250px;
}

/*.slider-and-platinum-ads {
    max-width: 92rem;
}*/
.footer-menu ul li .button {
    background-color: transparent;
}

.top-bar-section .has-form {
    background: #0a8ba3;
    border-radius: 5px;
    height: 40px;
    margin-top: 0;
}
.top-bar-section input {
    border-radius: 5px;
}
.top-bar-section form .row .postfix-round.row.collapse .postfix {
    background-color: transparent;
}
.top-bar-section .button {
    background: transparent;
}
.left-off-canvas-toggle {
    display: none;
}


/*Single Slider*/


/*.featured-bg-image:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
-webkit-box-shadow: inset 3px -200px 174px -165px rgba(0,0,0,1);
-moz-box-shadow: inset 3px -200px 174px -165px rgba(0,0,0,1);
box-shadow: inset 3px -200px 174px -165px rgba(0,0,0,1);
    bottom: 75px;
    left: 0;
    z-index: 1;
}*/
    

.single-slider, .single-item, #single-container {
    display: none;
}

.article-slider, .slider, .article-slide-container {
    display: none;
}

.slick-dots {
    z-index: 20;
    bottom: 105px;
    margin-left: 0px;
}

.single-slider-text {
    z-index: 1;
    position: relative;
    bottom: 120px;
    padding-top: 10px;
    padding-bottom: 35px;
    background: rgba(255,175,75,0.86);
    background: -moz-linear-gradient(top, rgba(255,175,75,0.86) 0%, rgba(255,175,75,0.85) 0%, rgba(239,131,34,0.85) 1%, rgba(239,131,34,0.85) 10%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,0.86)), color-stop(0%, rgba(255,175,75,0.85)), color-stop(1%, rgba(239,131,34,0.85)), color-stop(10%, rgba(239,131,34,0.85)));
    background: -webkit-linear-gradient(top, rgba(255,175,75,0.86) 0%, rgba(255,175,75,0.85) 0%, rgba(239,131,34,0.85) 1%, rgba(239,131,34,0.85) 10%);
    background: -o-linear-gradient(top, rgba(255,175,75,0.86) 0%, rgba(255,175,75,0.85) 0%, rgba(239,131,34,0.85) 1%, rgba(239,131,34,0.85) 10%);
    background: -ms-linear-gradient(top, rgba(255,175,75,0.86) 0%, rgba(255,175,75,0.85) 0%, rgba(239,131,34,0.85) 1%, rgba(239,131,34,0.85) 10%);
    background: linear-gradient(to bottom, rgba(255,175,75,0.86) 0%, rgba(255,175,75,0.85) 0%, rgba(239,131,34,0.85) 1%, rgba(239,131,34,0.85) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ef8322', GradientType=0 );
    display: none;
}

/*.single-slider-text::after {
  content: "";
  background: url('../images/orange-bg.png');
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}*/

.single-h4 {
    font-family: "Vitesse-Bold"; 
    z-index: 20;
    position: relative;
    font-size: 1.2em;
    color: #ffffff;
    margin: 0px 20px 5px 20px; 
    text-align: center;
    text-shadow: 0 1px 0 black;
    

}

.single-h5 {
    font-family: 'Open Sans', sans-serif;
    z-index: 20;
    height: 44px;
    position: relative;
    font-size: 16px; 
    color: #ffffff;
    margin: 0px 80px 0px 80px;
    text-align: center;   
    max-width: 760px; 
    text-shadow: 0 1px 0 black;
    

}

.single-item .slick-prev, .single-item .slick-prev:hover {
    z-index: 4;
    position: absolute;
    left: 30px;
    color: transparent ;
    background-image: url('../images/Arrow-prev.png') ;
    background-position: auto ;
    background-size: 15px ;
    height: 35px;
    width: 70px;
    background-repeat: no-repeat;
    margin-top: -40px;
}

.single-item .slick-next, .single-item .slick-next:hover {
    z-index: 4;
    position: absolute;
    color: transparent ;
    background-image: url('../images/Arrow-next.png') ;
    background-position: auto ;
    background-size: 15px ;
    height: 35px;
    width: 70px;
    background-repeat: no-repeat;
    margin-top: -40px;
}
.single-item img {
    border: 1px solid #b3b3b3;

}


/*Responsive Slider for articles*/
.responsive .slick-list {
    height: 200px;
}

.inverted-chevron-1 img { 
    position: absolute;
    top: 110px;
    left: 50%;
    width: 152px;
    height: 51px;
    margin-top: -120px; /* Half the height */
    margin-left: -76px; /* Half the width */
    z-index: 2;
}

.left-fade {
    position: absolute;
    z-index: 4;
    left: 14px;
    top: 0px;
}
.right-fade {
    position: absolute;
    z-index: 4;
    right: 15px;
    top: 0px;
}

.article-slider .row {
    max-width: 76rem !important;
}

/*FIREFOX FIXES*/



.top-bar-section ul li a,  x:-moz-any-link  { width: 115px; }
.top-bar-section ul li a,  x:-moz-any-link, x:default  { width: 115px;  }
body:not(:-moz-handler-blocked) .top-bar-section ul li a { width: 115px; }
.responsive-img ul li a,  x:-moz-any-link  { height: 210px; width: 210px; }
.responsive-img ul li a,  x:-moz-any-link, x:default  { height: 210px; width: 210px;  }
body:not(:-moz-handler-blocked) .responsive-img { height: 210px; width: 210px; }


/*.single-slider-text,  x:-moz-any-link  {  bottom: 128px; }
.single-slider-text,  x:-moz-any-link, x:default  {  bottom: 128px;  }
body:not(:-moz-handler-blocked) .single-slider-text { bottom: 128px; }*/

/*.slider-first,  x:-moz-any-link  { margin-top: 0px; }
.slider-first,  x:-moz-any-link, x:default  { margin-top: 0px;  }
body:not(:-moz-handler-blocked) .slider-first { margin-top: 0px; }*/


/*END FIREFOX FIXES*/


.slider { 
    margin-top: 30px;
}
.slider .slick-prev, .slider .slick-prev:hover, .slider-first .slick-prev, .slider-first .slick-prev:hover{
    z-index: 4;
    position: absolute;
    left: -5px;
    background-image: url('../images/Arrow-prev.png') ;
    background-position: auto ;
    background-size: 20px ;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}

.slider .slick-dots li, .slider-first .slick-dots li {
    display: none ;
}
.slider .slick-next, .slider .slick-next:hover, .slider-first .slick-next, .slider-first .slick-next:hover {
    z-index: 4;
    position: absolute;
    right: -38px;
    color: transparent ;
    background-image: url('../images/Arrow-next.png') ;
    background-position: auto ;
    background-size: 20px ;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}
.slider-first .slick-next:before, 
.slider-first .slick-prev:before,
.slider .slick-next:before, 
.slider .slick-prev:before, 
.single-item .slick-next:before, 
.single-item .slick-prev:before {
    display: none;
} 

.single-item .slick-dots li button::before {
    font-family: slick;
    font-size: 12px;
    color: #ffffff;
}

.slider h1, .slider-first h1 {
    font-family: 'Vitesse-Bold';
    text-align: left;
    color: #ffffff;
    letter-spacing: 1px;
    margin: -50px 5px 0px 8px;
    font-size: 14px;
    text-shadow: -3px 2px 14px rgba(0, 0, 0, 1);

}

.slider-first {
    margin-top: -50px;
}

/*Responsive Slider Images*/
.responsive-img {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    height: 200px;
    width: 200px;
    border: 1px solid #000000;
}

/* Responsive Nav Toggle */
#toggle {
  position: absolute;
  right: 90px;
  top: 39px;
  display: block;
  width: 25px;
  z-index: 2;
}
#toggle-text {
    right: 45px;
    top: 24px;
    font-family: "Vitesse-Book"; 
    font-size: 14px;
    position: absolute;
    color: #ffffff;
    display: block;
    width: 38px;
    padding-top: 10px;
    z-index: 2;
}
#toggle-x {
  position: absolute;
  left: 20px;
  top: 55px;
  display: block;
  width: 38px;
  z-index: 2;
  display: none;
}
#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  border-radius: 5px;
}
#toggle span:after{
  top: 8px;
  border-radius: 5px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 5px;
}

/*Toggle X*/
#toggle-x span:after,
#toggle-x span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -13px;
}
#toggle-x span:after{
  top: 13px;
}
#toggle-x span {
  position: relative;
  display: block;
}

#toggle-x span,
#toggle-x span:after,
#toggle-x span:before {
  width: 100%;
  height: 7px;
  background-color: #ffffff;
  transition: all 0.3s;
  backface-visibility: hidden;
}
/* on activation */
#toggle-x span {
  margin-top: -4px;
  background-color: transparent;
}
#toggle-x span:before {
  background-color: #ef8322;
  transform: rotate(45deg) translate(14px, 13px);
  -webkit-transform: rotate(45deg) translate(14px, 13px);
  -ms-transform:  rotate(45deg) translate(14px, 13px);
}
#toggle-x span:after {
  background-color: #ef8322;
  transform: rotate(-45deg) translate(5px, -4px);
  -webkit-transform: rotate(-45deg) translate(5px, -4px);
  -ms-transform:  rotate(-45deg) translate(5px, -4px);
}
#toggle.on + #menu {
  margin-top: 88px;
  opacity: 1;
  visibility: visible;

}

/* Sidemenu appearance*/
#menu {
  z-index: 3;
  position: absolute;
  color: #999;
  width: 400px;
  top: 0;
  right: 0;
  margin: auto;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  background: white;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
}
#menu:after {
  position: absolute;
  top: -15px;
  left: 95px;
  content: "";
  display: block;
}

#menu ul {
  padding-top: 20px;
  list-style: none;
  text-align: left;
  padding-left: 20px;
  padding-right: 40px;
  z-index: 4;
}

#menu ul li {
  border-bottom: 1px solid #cccccc;
  padding-top: 10px;
  padding-bottom: 10px;
}

#menu ul li:last-child {
  border-bottom: none;
}

#menu ul li a {
  font-family: 'AdelleBasic Light';
  font-size: 26px;
  color: purple;
}
#menu ul li a:hover {
  text-decoration: underline;
}
#mobile-nav { 
    float: right;
    margin-right: 20px;
    margin-top: 27px;
    margin-bottom: -40px;
    width: 90px;
    height: 29px;
    background-color: #087083; 
    border-radius: 5px;
}
#mobile-nav:hover { 
    background-color: #0a8ba3; 
}

/*Off Canvas Menu Items*/
.left-off-canvas-menu {
    background-color: #087083;
}
.left-off-canvas-menu ul {
    margin-top: 80px;
    margin-bottom: 10px;
    margin-right: 20px;
    list-style: none;
}
.left-off-canvas-menu ul li {
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    background-color: #0a8ba3; 
    border-radius: 5px; 
    padding: 10px;
    color: #ffffff;
    font-family: "Vitesse-Book"; 
    font-size: 14px; 
    border-radius: 5px; 
}
/*.left-off-canvas-menu ul li:hover {
    color: #ef8322;

}*/
.left-off-canvas-menu ul li a {
    padding: 10px;
    width: 100%;
    background-color: transparent;
    border-radius: 5px;
    color: #ffffff;
}

.left-off-canvas-menu .sub-menu {
    display: none;
    margin-left: 0px;
    margin-top: 2px;
    border-top: 2px solid;
}
.left-off-canvas-menu .sub-menu li {
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-top: 5px;
    background-color: #0a8ba3;
    border-radius: 5px;
    padding: 1px 1px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    /*width: auto;*/
    border-radius: 0;
    text-align: left;
    line-height: 18px;
}
.left-off-canvas-menu .sub-menu li a {
    padding: 0px;
}








/*Left Off Canvas Menu SEARCH*/
#off-canvas-search {
    background-color: #0a8ba3;
    border-radius: 5px;
    height: 42px;
    width: auto;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

#off-canvas-search input {
    width: 100%;
    margin-top: 4px;
    margin-left: -8px;
    border-radius: 5px;
    height: 34px;
/*  -moz-box-shadow:    inset 0 0 6px #000000;
   -webkit-box-shadow: inset 0 0 6px #000000;
   box-shadow:         inset 0 0 6px #000000;*/
   border: #000000;
}
#off-canvas-search .button {
    background-color: transparent;
    margin-top: -52px;
    margin-left: -25px;
    font-size: 24px;
    width: 30px;
}
#off-canvas-search .button:hover {
    color: #ef8322;
    -webkit-transition: color 200ms ease-out .1s;
    -moz-transition: color 200ms ease-out .1s;
    -o-transition: color 200ms ease-out .1s;
    transition: color 200ms ease-out .1s;

}

#off-canvas-search input::-webkit-input-placeholder {
    font-family: "Vitesse-Book"; 
    font-size: 14px; 
    line-height: 20px;
}


/*Social media images*/
.facebook-img {
    width: 30px;
    height: 30px;
    background-image: url('../images/Facebook.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
}
.facebook-img:hover {
    width: 30px;
    height: 30px;
    background-image: url('../images/Facebook-hover.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background-image 200ms ease-out .1s;
    -moz-transition: background-image 200ms ease-out .1s;
    -o-transition: background-image 200ms ease-out .1s;
    transition: background-image 200ms ease-out .1s;
}
.twitter {
    width: 30px;
    height: 30px;
    background-image: url('../images/Twitter.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
}
.twitter:hover {
    width: 30px;
    height: 30px;
    background-image: url('../images/twitter-hover.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background-image 200ms ease-out .1s;
    -moz-transition: background-image 200ms ease-out .1s;
    -o-transition: background-image 200ms ease-out .1s;
    transition: background-image 200ms ease-out .1s;
}
.googleplus {
    width: 30px;
    height: 30px;
    background-image: url('../images/Google+.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
}
.googleplus:hover {
    width: 30px;
    height: 30px;
    background-image: url('../images/google-hover.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background-image 200ms ease-out .1s;
    -moz-transition: background-image 200ms ease-out .1s;
    -o-transition: background-image 200ms ease-out .1s;
    transition: background-image 200ms ease-out .1s;
}
.linkedin {
    width: 30px;
    height: 30px;
    background-image: url('../images/LinkedIn.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
}
.linkedin:hover {
    width: 30px;
    height: 30px;
    background-image: url('../images/LinkedIn-hover.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background-image 200ms ease-out .1s;
    -moz-transition: background-image 200ms ease-out .1s;
    -o-transition: background-image 200ms ease-out .1s;
    transition: background-image 200ms ease-out .1s;
}
.youtube {
    width: 30px;
    height: 30px;
    background-image: url('../images/Youtube.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
}
.youtube:hover {
    width: 30px;
    height: 30px;
    background-image: url('../images/Youtube-hover.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background-image 200ms ease-out .1s;
    -moz-transition: background-image 200ms ease-out .1s;
    -o-transition: background-image 200ms ease-out .1s;
    transition: background-image 200ms ease-out .1s;
}

/*Inner Page Wrapper*/
.inner-page-wrap {
    margin: 0 auto;
    max-width: 52.5rem;
    width: 100%;
    margin-top: 40px; 
    margin-bottom: 40px;
}
.inner-cat-page-wrap {
    margin: 0 auto;
    max-width: 63.5rem;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px; 
}
.cat-sidebar {
    margin-top: 50px;
}


/*Article Page elements single.php*/

.author-date {
    font-size: 14px;
}
.article-title {
    margin-bottom: 0px;
}
.author-heading {
    padding-top: 50px;
}
#single-excerpt p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #000000;
}

.single-item {
    margin-top: 15px;
    /*height: auto;*/
}

.single-item img {
    width: 100%;
    height: auto;
}

#single-image {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000000;
}

#single-image img {
    width: 100%;
    border: 1px solid #b3b3b3;
}

.article-share {
    border: 4px solid #0a8ba3;
    border-radius: 10px;
    margin: 40px auto 40px auto;
    height: auto;
    max-width: 480px;
    background-color: #ffffff;
/*  -moz-box-shadow:    inset 0 0 6px #000000;
   -webkit-box-shadow: inset 0 0 6px #000000;
   box-shadow:         inset 0 0 6px #000000;*/
}
.article-share p { 
    font-family: 'Vitesse-Book';
    float: left; 
    color: #0a8ba3; 
    margin-bottom: 0px; 
    margin-left: 15px; 
    margin-top: 15px;
}

.article-share ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
/*  align-content: center;*/
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 170px;
    margin-right: 20px;
    }

.article-share ul li:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
        
    }

.article-share ul li:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }

.article-share ul li:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }

.article-share ul li:nth-child(4) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        padding-top: 10px;
    }


/*.article-share ul { 
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 170px;
    margin-right: 20px;
}
.article-share ul li {
    padding-top: 10px;
    display: inline-block;
}*/

.article-share img {
    display: inline;
    width: 30px;
}
#share-title {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    float: left;
}
.article-cat {
    font-family: "Vitesse-Book"; 
    font-size: 14px;
    color: #0a8ba3;
    margin-bottom: 30px;
}

.article-author-date { 
    margin-bottom: 20px; 
}
.article-author-date img {
    width: 40px;
    height: 40px;
    border-radius: 100%; 
    border: 1px solid #b3b3b3;
    float: left; 
    margin-right: 10px;
    margin-top: -8px;
}
.article-author-date a {
    color: #000000;
}
.post-body a img { 
    display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 30px;
    border: solid 1px #b3b3b3;
    /*border-radius: 5px;   */
}

.post-body .ad { 
    margin: 0 auto;
    width: 470px;
}

.post-body img { 
    border: solid 1px #cccccc;
    /*border-radius: 5px;   */
}

.author-info img { 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #cccccc;
    margin-top: 0px; 
}
.author-info { 
    font-family: 'Open Sans';  
    font-size: 14px; 
    margin-top: 30px; 
    margin-bottom: 20px; 
}
.author-name { 
    overflow: hidden;
    text-align: center;
    font-size: 18px; 
    font-weight: bold; 
    margin-top: 10px;

}
.author-name h2 { 
    text-align: center;

}

.author-photo-name {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.author-name a {
    color: #000000;
}
.author-photo {
    float: left;
    padding: 10px 10px 10px 0px;
}
.author-h2 {
    color: #ef8322;
    margin-top: 35px;
    margin-bottom: 60px;
}
.author-sidebar {
    margin-top: 80px;
}
.author-bio-single {
    margin-top: 60px;
}
.author-photo img {
    border-radius: 50%;
    border: 1px solid #cccccc;
}
.author-description {
/*  margin-top: 20px;
    float: left;*/
    /*width: 65%;*/
    margin-top: 0px;
    position: relative;
    top: 50%;
   /* transform: translateY(50%); */
}

/*Comments Section*/
.comments-divider { 
    background-color: #087083; 
    /*height: 60px; */
    height: 30px;
    text-align: center;
}
.comments-divider button { 
    font-family: 'Vitesse-Book'; 
    color: #ffffff; 
    padding: 15px 10px 12px 10px ; 
    background-color: #0a8ba3; 
    border-radius: 8px; 
    margin-top: 5px;
}
.comments-divider button:hover { 
    background-color: #ef8322;
}

.nav-links .page-numbers {
    font-family: 'Vitesse-Book'; 
    font-size: 14px;
    color: #ffffff; 
    padding: 10px 10px 7px 10px ; 
    background-color: #0a8ba3; 
    border-radius: 8px; 
    margin-top: 5px;
}
.nav-links .page-numbers:hover {
    background-color: #ef8322;
}

.dots {
    font-family: 'Vitesse-Book'; 
    color: #ffffff; 
    padding: 15px 10px 12px 10px ; 
    background-color: #ffffff; 
    border-radius: 8px; 
    margin-top: 5px;
}
/*#comments {
    display: none;
}*/

#comments ol {
    list-style-type: none;
}

.comment-row ol li {
    border-bottom: 1px solid #0a8ba3;
    margin-top: 0px; 
    margin-bottom: 40px;
}
#comments ol li:last-child {
    border-bottom: none;
}

#comments #submit {
    margin-bottom: 20px; 
    color: #ffffff;
    background-color: #087083; 
    border: none;
    border-radius: 5px; 
    font-family: 'Vitesse-Book'; 
    font-size: 14px; 
    padding: 10px 10px 8px 10px;
}
#comments #submit:hover {
    margin-bottom: 20px; 
    background-color: #ef8322;
    border-radius: 5px; 
    font-family: 'Vitesse-Book'; 
    font-size: 14px; 
    padding: 10px 10px 8px 10px;
    -webkit-transition: background-color 500ms ease-out 50ms;
    -moz-transition: background-color 500ms ease-out 50ms;
    -o-transition: background-color 500ms ease-out 50ms;
    transition: background-color 500ms ease-out 50ms;
}


/*Recommendation Section Single page*/
.read-more-button button { 
    display: block; 
    margin: 0 auto; 
    margin-bottom: 20px; 
    background-color: #087083; 
    border-radius: 5px; 
    font-family: 'Vitesse-Book'; 
    font-size: 14px; 
    padding: 17px 15px 15px 15px;
}
.read-more-button a { 
    text-decoration: none; 
}
.read-more-button button:hover { 
    background-color: #ef8322; 
}

.recommendations {
    padding-top: 20px;
}

.recommendations-section hr {
    width: 300px;
    margin: 0 auto; 
    border: 1px solid #087083; 
    margin-top: 10px; 
    margin-bottom: 30px;
}

.recommendations-section ul li {
    list-style: none;
}
.recommendations-section ul li:last-of-type hr {
    display: none;
}

.recommendation-bottom-border{
    border-bottom: 2px solid #087083;
}
.recommendations-img {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    height: 150px;
    width: 150px;
    border-radius: 10px;
    border: 1px solid #b3b3b3;
}
.recommendation-excerpt {
    color: #000000;
    font-size: 18px;
    margin-bottom: 0px;
}

.rec-image { 
    float: left;
    width: 180px;
    margin-bottom: 20px; 
}
.cat-image { 
    float: left;
    width: 180px;
    margin-bottom: 20px; 
}

/*Individual Categories Single Page*/
.ind-cat-section ul li { list-style: none; width: 100%; }
.ind-cat-section ul li:last-of-type { border-bottom: none;}
.cat-img {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    height: 150px;
    width: 150px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    float: right;
}
.cat-text {
    padding-left: 20px;
}

.inner-page-wrap hr { 
    width: 300px; 
    margin: 0 auto; 
    border: 2px solid #087083; 
    margin-top: 10px; 
    margin-bottom: 30px;
}

/*Search Page elements*/
.entry-header, .entry-summary {
    text-align: center;
}
article img {
    display: block;
    margin-left: auto;
    margin-right: auto }
}



#footer-search input#search-field {
padding: 1rem 0.1rem;
}
#selfrx-insulinnation-2 { text-align: center; }
#selfrx-insulinnation-2 iframe { margin: 0 auto; }


/*POST BODY AD STYLES*/
.post-body-ad {
    width: 300px;
    margin: 0 auto;
    text-align: right;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 20px; 
}

.post-body-ad .sponsor {
    margin-right: 20px;
}



/*MOBILE STYLES*/

@media only screen and (max-width: 1450px) {
    .banner-ad { margin-right: 100px; }
}

@media only screen and (max-width: 1300px) {
    .feature-slider-column { width: 91%; margin-left: 10px; }
    .slider-first { margin-top: 30px; }
    .main-nav { margin-left: 8%; }
    .banner-ad { margin-right: 80px; }
}

@media screen and (max-width: 1280px) {
    .feature-col{ width: 69%; }
    .platinum-ads-col { width: 31%; }
    .platinum-ads,  x:-moz-any-link  { width: 100%; }
    .platinum-ads,  x:-moz-any-link, x:default  { width: 100%;  }
    body:not(:-moz-handler-blocked) .platinum-ads { width: 100%; }
    .gold-ads { margin-left: 20px; margin-right: 20px; }
    .header-social { margin-right: 20px; width: 225px; }
}

@media screen and (max-width: 1200px) {

    .top-banner-ad .ad { display: flex; align-items: center;}
    .top-banner { display: block; }
    .main-nav { margin-left: 7%; }
    .header-social { margin-top: 10px; width: 225px;}
    .top-bar-section ul li { padding-right: 10px; }
    .main-nav { margin-left: 6%; }
    .slider-first { margin-top: 20px; }
}   


@media screen and (max-width: 1100px) {
    .banner-ad { margin-right: 20px; }
}

@media screen and (max-width: 1075px) {
    .top-bar { margin-left: 20px; }
    .top-bar form { width: 282px; } 
    .top-bar input { width: 232px; }
    .slider-first { margin-top: 20px; }
    .ad { display: block; margin-left: auto !important; margin-right: auto; }
}


@media screen and (max-width: 1025px) {
    .feature-col{ width: inherit; }
    .platinum-ads-col { width: inherit; }
    .platinum-ads,  x:-moz-any-link  { width: 50%; }
    .platinum-ads,  x:-moz-any-link, x:default  { width: 50%;  }
    body:not(:-moz-handler-blocked) .platinum-ads { width: 50%; }
    .main-nav { margin-left: 6%; }
    .top-bar input { width: 130px; }
    .top-bar-section ul li { padding-right: 0px; }
    .top-bar form { width: 192px; margin-left: 10px; }
    .top-bar input { width: 144px;}
    #searchsubmit { margin-right: 12px; }
    .inner-cat-page-wrap { max-width: 52.5rem; }
    .cat-sidebar { margin-top: 30px; display: block;}
    .cat-img { width: 200px; height: 200px; }
    .gold-ads { display: inherit;  }
    .gold-ad { margin: auto; width: 50%; }
    .single-item { margin-bottom: -70px; }
    .author-sidebar p { display: inline-block; margin-right: 30px; text-align: left; }
    .author-sidebar { margin-top: 40px; }
    .logo { padding-left: 20px;}
    /*.header-social {  margin-left: 100px; width: 225px;}*/
    .platinum-ad { margin-left: 15%; }
    .ad { display: block; margin-left: 60px; margin-right: auto; }
    /*.cat-ad p { text-align: center !important; }*/
    .feature-slider-column { width: 100%; margin-left: inherit; }
    .banner-ad{ float: none;  position: relative; margin: 0 auto; margin-bottom: 20px; }
    .logo-area { margin-top: 0px;}
}


@media screen and (max-width: 900px) {
    .main-nav{ margin-left: 2%; }
    .cat-image { margin-left: 20px; }
    .search-results .recommendations-img { margin-left: 20px; }
    .search-results .rec-image { margin-right: 10px; }
}

@media screen and (max-width: 840px) {
    .top-bar-section li:not(.has-form) a:not(.button) { padding: 0; width: 90px; }
    .main-nav .sub-menu li:not(.has-form) a:not(.button) { width: auto; padding-left: 5px; }

    .main-nav { padding-left: 0; }
    .main-nav li a { padding: 0px; width: 84px; }
    .main-nav .sub-menu li { margin-left: 5px; }
    .top-bar form { width: 182px; margin-left: 10px; }
    .main-nav { margin-left: 0; padding-left: 2em; }
    .rec-image { margin-left: 0px; }
    .logo { padding-left: 20px; }
    .header-social { margin-left: 40px; }
    .social-footer ul { flex-wrap: wrap; }
    .ad { display: block; margin-left: 30px; margin-right: auto; }
    .platinum-ad { float: none; margin-left: auto; margin-right: auto; }
    #searchsubmit { margin-right: 6px; }

}

@media screen and (max-width: 768px) {
    .top-bar-section li:not(.has-form) a:not(.button) { padding: 0; width: 84px; }
    .main-nav { padding-left: 0; }
    .main-nav li a { padding: 0px; width: 84px; font-size: 13px;  }
    .main-nav .sub-menu { width: auto; }
    .main-nav .sub-menu li { /*width: auto; padding: 0px 4px;*/}
    .main-nav .sub-menu li a { margin-left: 5px; }
    .top-bar form { width: 146px; margin-left: 10px; }
    .top-bar input { width: 110px; }    
    #searchsubmit { margin-right: 5px; }
    .logo { margin-left: 10px; padding-left: 0px; }
    .header-social { margin-left: 20px; padding-left: 0px; }
    .cat-img { width: 170px; height: 170px; }
    .recommendation h5 { margin-bottom: 20px; }
    .inner-page-wrap { margin-top: 10px; }
    .ad { display: block; margin-left: 0px; margin-right: auto; }
    .article-title { font-size: 18px; }
    .platinum-ad { float: none; margin-left: auto; margin-right: auto; }
    /* Firefox only. 1+ */
    .platinum-ads,  x:-moz-any-link  { width: 100%; }
     
    /* Firefox 3.0+ */
    .platinum-ads,  x:-moz-any-link, x:default  { width: 100%;  }
     
    /* Firefox 3.5+ */
    body:not(:-moz-handler-blocked) .platinum-ads { width: 100%; }

    .banner-ad-mobile { /*display: inherit;*/ width: 300px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; }
    .banner-ad-mobile p { margin-bottom: 0px; }

}

@media screen and (max-width: 680px) {
    .top-bar-section li:not(.has-form) a:not(.button) { width: 84px; font-size: 13px; }
    .top-bar form { width: 136px; margin-left: 5px; }   
    .top-bar input { width: 100px; }
    #searchsubmit { margin-right: 5px; }

}

@media screen and (max-width: 640px) {
    .header-social { margin-bottom: 0; }
    .cat-img { float: left; margin-bottom: 10px; }
    .social-footer ul { display: flex; justify-content: space-between; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; }
    .social-footer ul li { margin-right: 10%; }
    .recommendation { margin: 0 auto; }
    .recommendation img { padding: 0px 30px 30px 0px; }
    .rec-image { width: 170px; }
    .footer-menu ul, .footer-menu ul li { margin-left: 0px; }
    .article-slider { margin-right: 10px; }
    .single-h4 { font-size: 1.2em; }
    .single-h5 { font-size: .9em; }
    .platinum-ad { float: none; margin-left: auto; margin-right: auto; }
    .single-item .slick-next, .single-item .slick-next:hover, .single-item .slick-prev, .single-item .slick-prev:hover { margin-top: -70px; }
    .social-footer{ min-height: 80px; }
    .author-info img { margin-right: 20px;}
    .banner-ad { margin-bottom: 0px; }
    .mobile-toggle-area { margin-top: 10px; }
    .cat-ad .ad { margin-bottom: 20px; }
}


@media screen and (max-width: 512px) {
    .slick-dots { bottom: 65px; }

}

@media screen and (max-width: 512px) {
    .article-title { font-size: 16px; }
    .single-h4 { font-size: 16px; }
    .single-h5 { display: none;}
    .single-slider-text h4 { font-size: 14px; }
    .single-item { margin-bottom: -40px; }
    .post-body .ad { margin: 0 auto; min-width: 0px; min-height: auto; width: 100%; }
    .gold-ad { margin: 0 auto; min-width: 100%; min-height: auto; }
    .rec-image { width: 120px; margin-bottom: 0px; }
    .recommendations-img { width: 100px; height: 100px;}
    .recommendation-excerpt { display: none;}
    .author-date { float: none;}
    .single-slider-text { position: relative; top: -80px; height: 80px; width: 100%; }
}

@media screen and (max-width: 430px) {
    #toggle-text { right: 25px; }
    #toggle { right: 70px; }
    #mobile-nav { margin-right: 0px; }
}

@media screen and (max-width: 400px) {
    .article-share ul { margin-top: 10px; margin-bottom: 10px; margin-left: 150px; margin-right: 10px; }
    .article-share p { clear: left; }
    .header-social { width: 100%; display: flex; justify-content: space-between; margin-bottom: 0px; margin-left: 0px; }
    .read-more-button button { margin-top: 10px; }
    .logo { margin-left: 0px; }
    .logo img { width: 60%; height: auto; }
    #mobile-nav { margin-top: 20px; }
    #toggle-text { top: 17px; }
    #toggle { top: 33px; }
}


@media screen and (max-width: 340px) {
    .platinum-ad img {margin: 0 auto; min-width: 0; min-height: 0 !important;}

}

@media screen and (max-width: 320px) {
    .article-share p { margin-left: 10px; margin-right: 5px; }
    .article-share ul { margin-left: 0px; }
    .social-footer ul li { margin-right: 6%; }
    .header-social li { padding-right: 11%;  }
    .left-fade { left: 5px; }
    .right-fade { right: 5px; }
    .platinum-ad img{ margin-left: auto; margin-right: auto; }
    .logo img { width: 50%; height: auto; margin-top: 10px;}

}

.post-leaderboard {
	margin:1em 0;
	text-align:center;
}

.post-leaderboard iframe {
	max-width:100%;
}
.platinum-ads, .platinum-ads-col  { padding-right:0 !important; }
.g, .g-2, .g-3 { margin:0!important; }