/* = Child Theme Custom CSS File
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:700&display=swap');

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

a:hover, a:focus{
   text-decoration: underline;
}
a:focus{
   outline: -webkit-focus-ring-color auto 5px; /* for accessibility */
   color: #7d765a; /* gold */
}

p { margin-bottom: 10px;}
p a, p a:hover, p a:focus { /*text-decoration: underline;*/}
body * {
   /* color: #6b6d74; /* darker gray */
}
body.home {
    color: #486f8c; /* general text color */
}
hr { 
   border-top-color:#ccc; 
   margin-top: 30px;
   margin-bottom: 30px;
}
.entry-content ol li, .entry-content ul li {
    margin: 0;
}
/*.entry-content { margin: 0 15px 25px 0; } VF 01302020*/ 
.entry-content p, article.hentry,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 5px; font-weight: inherit; }

.cfsph-hdr { background-color: #486F8C; color: white; padding: 15px; }
.cfsph-box {     
   background-color: #f8fbfc;
   border: 1px solid #dcdee4;
   padding: 20px 20px 10px 30px;
   margin-bottom: 20px;
}

.biosec-box {
   background-color: #f8fbfc;
   border: 1px solid #dcdee4;
   padding: 20px 30px 10px;
   margin: 12px 0 20px;
}
.biosec-box svg { color: #486f8c; }

@media only screen and (min-width: 768px) {
   .blog-page figure { display: inline; }
   .single-post .attachment-blog-page { float: right; max-width: 300px; padding: 10px 0px 30px 30px; }
}
a#scroll-top { background-color: #155267; /* dark blue */ }
a#scroll-top:hover { background-color: #9A9171; /* light gold */ }
.read-more {
   background-color: #486f8c; /* medium blue */
}
.read-more:hover, .read-more:focus {
   background-color: #7d765a; /* gold */
}
/* top filter menu drop downs */
#filters li.active, #filters li:hover {
   border-bottom: 2px solid #7d765a; /* gold */
}
#filters li.active a {
   color: #7d765a; /* gold */
}
#filters li a {
   padding: 6px !important;
   font-size: 1em !important;
}
#sorting {
   background-color: #FBFBFB;
   border: 1px solid #DFDFDF;
   padding: 10px 25px;
   margin-top: 40px;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
label {
   font-size: 13px;
   margin-left: 3px;
}

table>thead>tr>th, table>thead>tr>td, table>tbody>tr>th, table>tbody>tr>td, table>tfoot>tr>th, table>tfoot>tr>td {
   padding: 8px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #ddd;
   color: #6a6d71;
}

.lang-label {
   background: #486f8c; /* medium blue */
   display:inline-block;
   border-radius: 20px;
   color: white;
   padding: 6px;
   margin-top: 4px;
   text-align: center;
   width: 32px;
}
.lang-label:hover {
   color: #e5f0f4; /* very light blue */
}
.lang-label:focus {
   color: #e5f0f4;
   border: 2px solid blue;
}
.lang-label-active {
   background: #7d765a; /* gold */
}
.header-top #inspiry_language_list ul li span {
   font-size: 14px;
}
.header-top #inspiry_language_list ul li.topbar-sites-str { margin-top:10px; }

div.banner .clearfix{
/*    margin-left: 10%;
    width: 80%;
    min-height: 250px;*/
/*    display: none;*/
/*   background-position: initial !important;
   background-size: contain;*/
/*   padding: 0;*/
   background-color: #e5f0f4;
   margin-bottom: 0px;
}
.banner { 
   /*background-color: #e6f0f4;*/
/*   background-position: 10%;
   background: no-repeat;*/
   min-height: 0;
   background-color: #e6f0f4;
}
.banner img { float: left; max-width: 30%; max-height: 100px; margin: 10px 40px 10px 0;}
.banner .page-title {padding-top: 10px; font-size: 3rem;}

.header-top {
    padding: 8px 0 2px;
}
form input[type="submit"] { background-color: #155267; /* dark blue */ }
form input[type="submit"]:hover, form input[type="submit"]:focus {
    background-color:  #7d765a; /* gold */
}
#search form input[type="text"] {
    padding: 10px 10px 10px 40px;
}

nav.main-menu { margin-top:48px !important; } 
nav.main-menu ul > li > a { font-size: 18px; /*font-weight: bold;*/}
nav.main-menu ul > li:hover > a { border-bottom: 3px solid #bfbaa5; /* lighter gold */ }
nav.main-menu ul > .current-menu-item > a , .current-menu-ancestor { border-bottom: 3px solid #7d765a; /* gold */ }
nav.main-menu ul > li ul li { border: 1px solid #eee; /*border-bottom: 1px solid #fff;*/ }
li.wpmenucartli a.wpmenucart-contents, li:hover.wpmenucartli a.wpmenucart-contents { padding: 0; line-height: 1; }
li.wpmenucartli a.wpmenucart-contents span, li:hover.wpmenucartli a.wpmenucart-contents span { padding: 0; line-height: 1; }

.page-top {display: none;} /* hide old default breadcrumb bar */

.bread-crumb a { color: #486f8c; /* medium blue *//*#81a9bd; /* medium light blue */}
.bread-crumb .breadcrumb li.active {
    color: #3a3c41;
}
.breadcrumb { padding: 0; }
/*.breadcrumb > .active { color: #6b6d74; } */

/* Site Logo */
#header .logo img { max-width: 200px; }

/* Home Slider */
.home-slider .content-wrapper {
   top: 0; /*10%*/
   left: 0;
}
.home-slider .flexslider .container{
   margin: 0;
   padding: 0;
}
.home-slider .slide-content h1:after, .home-slider .slide-content h2:after {
/*   display: none;*/
}
.home-slider .slide-content h1, .home-slider .slide-content h2 {
   font-size: 2.2em;
   color: #fff;
   margin-bottom: 10px;
}
.home-slider .content-wrapper .slide-content.display-bg p {
   color: #fff;
   /* display: block; */
}
.home-slider .slide-content .btn {
   background-color: #9A9171; /* light gold */
   font-size: 16px;
}
.donate .btn {
   background-color: #7d765a; /* gold */
}
.home-slider .slide-content .btn:hover, .donate .btn:hover {
   background-color: #155267; /* dark blue */ /*#486f8c; /* medium blue */
}
.home-slider .slide-content {
   width: 36%;
/*   display: block;*/
}
.home-slider .slide-content.display-bg {
   background-color: rgba(72, 111, 140, 0.8);
   padding: 12% 40px 22%;
}

.home-slider .flex-direction-nav a.flex-next, .home-slider .flex-direction-nav a.flex-prev {
    background-color: rgba(125, 118, 90, 0);
}
/*.home-slider .flex-direction-nav .flex-next, .home-slider .flex-direction-nav .flex-prev {
   background-color: rgba(125, 118, 90, 0); /* gold - transparent - will show up on hover 
}*/
.home-slider .flex-direction-nav .flex-next {
    right: -10px; /* adjust offset to match the hover style */
/*    opacity: .8; /* adjust opacity to match the hover style */
}
.home-slider .flex-direction-nav .flex-prev {
    left: -10px; /* adjust offset to match the hover style */
/*    opacity: .8; /* adjust opacity to match the hover style */
}
.flex-direction-nav a {
 /* top: 92%;
 /* margin: 0px;
  height: 50px;
  opacity: 1;*/
}

/* home content block */
.default-contents { margin: 0; padding-top: 20px; background-color: #e5f0f4; /* very light blue */}

/* Homepage feature block */
.home-features {
    padding: 50px 0 0;
}
.home-features .features-intro .read-more {
   background-color: #486f8c; /* medium blue */
}
.home-features .features-intro  .read-more:hover, .home-features .features-intro  .read-more:focus {
   background-color: #155267; /* dark blue */
   text-decoration: none;
}
.home-features .icon-wrapper .fa {
   font-size: 60px;
   color: #9A9171; /* light gold *//*#7d765a; /* gold */
}
.home-features .features-intro h2 {
   color: #7d765a; /* gold */
}
.home-features .single-feature {
    margin-bottom: 40px;
}

/* home page news posts block */
.home-blog { padding: 40px 0; }
.home-blog.blog-var-two .col-sm-12 .text-content .entry-meta { display: none;}
.home-blog .common-blog-post .text-content h5, 
   .home-blog .common-blog-post .text-content p,
   .home-blog.blog-var-two .row > div > .row > div { text-align: center; }
.home-blog .common-blog-post  { padding: 0 10px; }
.home-blog .common-blog-post img {border-bottom: 1px solid #486f8c; /* medium blue */ }
.home-blog .common-blog-post .text-content p { color: #6b6d74 /* #7b7d85; /* gray */ }
.home-blog.blog-var-two .common-blog-post .text-content { height: 220px; }
.home-blog .common-blog-post .text-content h5 {height: 50px;}

/* Home page services/resources block */
.home-services {
   padding: 40px 0;
   background-color: #e5f0f4; /* very light blue */
}
.home-services .home-section-title, .services-item-thumb-wrapper { text-align: center; }
.services-item-thumb-wrapper img { padding:10px; }
.services-item-content-wrap {  padding: 0 50px; text-align: center; color: #5c5e64 /* #7b7d85; /* gray */ }
/*.three-col-service { background-color: #f0f5f7; }*/
.three-col-service, .services-page .type-page .entry-content { background-color: #f0f5f7; padding: 0; }
article.service { margin: 0 30px; }
/*.course-page { padding: 20px 0; }*/

/* Team */
div.doctor-departments a { color: #486f8c; /* medium blue */ }
.common-doctor .for-border .fa-plus { display: none; }
.common-doctor .for-border:after { display: none; }
.doc-schedule strong {
    margin-right: 5%;
    min-width: 25%;
}
.doctor-single .social-icon { padding: 0; } /* VF 20220102 change for ver 3.5.1 */

/* Footer styles */
#main-footer {
   padding: 30px 0 10px 0;
}
.footer-bottom {
   display: none;
}

/* CE Course registration cards and related product cards */
.products>.product {
/*   background-color: #fff;*/
   text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: .5em; font-size: 16px; } /* Products page product titles */
.entry-content h2 { line-height: initial; }
.select2-container--default .select2-results__option[aria-selected=true] { /* Variable Product selection */
   background-color: #eee;
   color: #486f8c;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #486f8c;
   color: #fff;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover { background-color: #486f8c; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button {
    background-color: #486f8c;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce a.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce button.button:hover {
   background-color:  #7d765a; /* gold */
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
   background-color: #dfdcde;
   color: #515151;
}
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #dfdcde;
}
.woocommerce .woocommerce-ordering { display: none; }
.woocommerce form .select2-container, .woocommerce .select2-container { z-index: 1; } /* fix checkout selection boxes */
.woocommerce-NoticeGroup-updateOrderReview, .woocommerce-NoticeGroup-checkout { /* Prevent fixed header hiding checkout error messages VF 03312021 */
    margin-top: -100px;
    padding-top: 100px;
}
.woocommerce .quantity .qty { width: 5em; }
.woocommerce-result-count { display: none; }
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: #727036; } /* 20231210 */

@media only screen and (min-width: 769px){
   .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
       width: 28%;
   }
   .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
       width: 66%;
   }
}
.accordion-main .accordion { margin-bottom: 5px; }
.accordion-main .accordion-title {
   color: #fff;
   background-color: #486f8c; /*#639ab0;/*#7ba9bb;*/
   margin: 0;
   height: auto;
   cursor: pointer;
   transition: all 0.5s;
}

.accordion-main .accordion.current .accordion-title { background-color: #155267; /*#486f8c;*/ }
.accordion-main .accordion.current .accordion-content{ background-color: #f8fbfc; }

.toggle-main .toggle.current .toggle-title { color: #fff; background-color: #7ba9bb; }
.toggle-main .toggle.current .toggle-title h3 { color: unset; }

.accordion-main .accordion-title strong {
   display: block;
   padding: 20px 40px 20px 20px;
   margin: 0;
   font-size: 17px;
   line-height: 28px;
   font-weight: inherit;
   position: relative;
}
.accordion-main .accordion-title i.fa {
   margin-right: 0;
   font-size: 14px;
   position: absolute;
   top: 28px;
   right: 20px;
}
.accordion-main .accordion-title img {
   width: 40px;
   float: left;
   margin: 15px;
}

.media {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
}
.media-figure { margin-right: 1em; align-self: center;}
.media-body { flex: 1 0 66%; }
#swipebox-slider .slide { background-color: #155267; }

.wp-caption p.wp-caption-text { text-align: left; line-height: 14px; }
.wp-block-image figcaption {
   text-align: left;
   font-size: 12px;
   line-height: 1.3;
}

/* Disease Info styles */
#factsheet-disclaimer { font-size:13px; padding:20px; }


/* Responsive */
@media (max-width: 1199px) /* and (min-width: 768px) */ {
   .home-slider .slide-content p { display: block !important; }
   .biosecurity-posts figure img { max-width: 300px; }
}
@media only screen and (max-width: 991px){
   nav.main-menu { margin-top: 8px !important; float: right; }
   #header .logo { float: left; margin-bottom: 8px; }
   #header { padding: 8px 0 4px; }
   .header-top { text-align: left; }
   .header-top #inspiry_language_list { margin-left: 0; }
   .home-slider .content-wrapper { display: block; }
   .home-slider .slide-content { width: auto; display: block; }
   .home-slider .flexslider { margin: 0; }
   .home-slider .slide-content.display-bg { padding: 14px 14px 100%; max-width: 720px; }
   .home-slider .slide-content h2 { font-size: 16px !important; font-weight: bold; margin: 0 0 6px !important; }
   .home-slider .slide-content p { display: block; font-size: 13px !important; margin: 0 0 6px !important; line-height: 16px; }
   .home-slider .slide-content .btn { font-size: 13px; padding: 5px 12px; }
   #search form input[type="text"] { padding: 13px 10px 13px 40px; }
   .banner img { max-height: 70px; margin: 20px 15px 10px 0; }
   .banner .page-title { padding-top: 10px; font-size: 2rem; }
   p.message { padding: 20px 3%; }
}