/**
* Main CSS file
*/

/*--------------------------------------------------------------
# Default elements
--------------------------------------------------------------*/
:root {
    --bs-border-width:2px;      
}




/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
    --bs-heading-color:var(--bs-primary);
    --bs-link-color:var(--bs-secondary);
    --bs-link-color-rgb:var(--bs-secondary-rgb);
    --bs-link-hover-color:var(--bs-dark);
    --bs-link-hover-color-rgb:var(--bs-dark-rgb);
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight:700;
}
/*--------------------------------------------------------------
# VIP / Premium
--------------------------------------------------------------*/
:root {
    --bs-vip:#CBA135 !important;
    --bs-vip-rgb:203,161,53 !important; 
}
.bg-vip {--bs-bg-opacity:1;background-color:rgba(var(--bs-vip-rgb),var(--bs-bg-opacity)) !important}
.text-vip{color:var(--bs-vip)}
.fill-vip{fill:var(--bs-vip)}
.btn-vip {
    --bs-btn-bg:var(--bs-vip);
    --bs-btn-color:var(--bs-dark);
    --bs-btn-border-color:var(--bs-vip);
    --bs-btn-hover-color:var(--bs-vip);
    --bs-btn-hover-bg:transparent;
    --bs-btn-hover-border-color:var(--bs-vip);
    --bs-btn-active-color:var(--bs-vip);
    --bs-btn-active-bg:transparent;
    --bs-btn-active-border-color:var(--bs-vip);
}
.btn-outline-vip {
    --bs-btn-color:var(--bs-vip);
    --bs-btn-border-color:var(--bs-vip);
    --bs-btn-hover-bg:var(--bs-vip);
    --bs-btn-hover-border-color:var(--bs-vip);
    --bs-btn-active-bg:var(--bs-vip);
    --bs-btn-active-border-color:var(--bs-vip);
}
.btn-outline-vip:hover {--bs-btn-hover-color:var(--bs-dark)}

.bg-premium {background-color:var(--bs-vip) !important}
.text-premium {color:var(--bs-vip) !important}
.fill-premium{fill:var(--bs-vip)}
.btn-premium {
    --bs-btn-bg:var(--bs-vip);
    --bs-btn-border-color:var(--bs-vip);
    --bs-btn-hover-color:var(--bs-vip);
    --bs-btn-hover-bg:transparent;
    --bs-btn-hover-border-color:var(--bs-vip);
    --bs-btn-active-color:var(--bs-vip);
    --bs-btn-active-bg:transparent;
    --bs-btn-active-border-color:var(--bs-vip);
}
.btn-outline-premium {
    --bs-btn-color:var(--bs-vip);
    --bs-btn-border-color:var(--bs-vip);
    --bs-btn-hover-bg:var(--bs-vip);
    --bs-btn-hover-border-color:var(--bs-vip);
    --bs-btn-active-bg:var(--bs-vip);
    --bs-btn-active-border-color:var(--bs-vip);
}

/*--------------------------------------------------------------
# Fill
--------------------------------------------------------------*/
.fill-primary {fill:var(--bs-primary)}
.fill-secondary {fill:var(--bs-secondary)}
.fill-light {fill:var(--bs-light)}
.fill-dark {fill:var(--bs-dark)}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn {
    --bs-btn-font-weight:300;
    --bs-btn-padding-x:1.5rem; 
    --bs-border-radius:50rem;
    --bs-border-radius-sm:var(--bs-border-radius);
    --bs-border-radius-lg:var(--bs-border-radius);
    --bs-border-radius-xl:var(--bs-border-radius);
    --bs-border-radius-xxl:var(--bs-border-radius);
    --bs-border-radius-2xl:var(--bs-border-radius);        
}
.btn-primary {
    --bs-btn-bg:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color:var(--bs-primary);
    --bs-btn-hover-bg:transparent;
    --bs-btn-hover-border-color:var(--bs-primary);
    --bs-btn-active-color:var(--bs-primary);
    --bs-btn-active-bg:transparent;
    --bs-btn-active-border-color:var(--bs-primary);
}
.btn-outline-primary {
    --bs-btn-color:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-bg:var(--bs-primary);
    --bs-btn-hover-border-color:var(--bs-primary);
    --bs-btn-active-bg:var(--bs-primary);
    --bs-btn-active-border-color:var(--bs-primary);
}

.btn-secondary {
    --bs-btn-bg:var(--bs-secondary);
    --bs-btn-border-color:var(--bs-secondary);
    --bs-btn-hover-color:var(--bs-secondary);
    --bs-btn-hover-bg:transparent;
    --bs-btn-hover-border-color:var(--bs-secondary);
    --bs-btn-active-color:var(--bs-secondary);
    --bs-btn-active-bg:transparent;
    --bs-btn-active-border-color:var(--bs-secondary);
}
.btn-outline-secondary {
    --bs-btn-color:var(--bs-secondary);
    --bs-btn-border-color:var(--bs-secondary);
    --bs-btn-hover-bg:var(--bs-secondary);
    --bs-btn-hover-border-color:var(--bs-secondary);
    --bs-btn-active-bg:var(--bs-secondary);
    --bs-btn-active-border-color:var(--bs-secondary);
}

.btn-light {
    --bs-btn-bg:var(--bs-light);
    --bs-btn-border-color:var(--bs-light);
    --bs-btn-hover-color:var(--bs-light);
    --bs-btn-hover-bg:transparent;
    --bs-btn-hover-border-color:var(--bs-light);
    --bs-btn-active-color:var(--bs-light);
    --bs-btn-active-bg:transparent;
    --bs-btn-active-border-color:var(--bs-light);
}
.btn-outline-light {
    --bs-btn-color:var(--bs-light);
    --bs-btn-border-color:var(--bs-light);
    --bs-btn-hover-bg:var(--bs-light);
    --bs-btn-hover-border-color:var(--bs-light);
    --bs-btn-active-bg:var(--bs-light);
    --bs-btn-active-border-color:var(--bs-light);
}

.btn-dark {
    --bs-btn-bg:var(--bs-dark);
    --bs-btn-border-color:var(--bs-dark);
    --bs-btn-hover-color:var(--bs-dark);
    --bs-btn-hover-bg:transparent;
    --bs-btn-hover-border-color:var(--bs-dark);
    --bs-btn-active-color:var(--bs-dark);
    --bs-btn-active-bg:transparent;
    --bs-btn-active-border-color:var(--bs-dark);
}
.btn-outline-dark {
    --bs-btn-color:var(--bs-dark);
    --bs-btn-border-color:var(--bs-dark);
    --bs-btn-hover-bg:var(--bs-dark);
    --bs-btn-hover-border-color:var(--bs-dark);
    --bs-btn-active-bg:var(--bs-dark);
    --bs-btn-active-border-color:var(--bs-dark);
}

/*--------------------------------------------------------------
# Divider
--------------------------------------------------------------*/
hr {
    margin:2rem 0;
    opacity:1;
    border-color:var(--bs-primary);
    border-width:.5rem;
}
/*--------------------------------------------------------------
# List Group
--------------------------------------------------------------*/
.list-group-item.active {
    background-color:var(--bs-primary);
    border-color:var(--bs-primary);
}

/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
.accordion {
    --bs-accordion-active-bg:var(--bs-light);
    --bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-light-rgb),.25);
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
:root { 
    --bs-breadcrumb-font-size:.875rem;
}
/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.card {
    --bs-card-border-radius:0;
    --bs-card-inner-border-radius:0;
}

.card-title a {
    color:rgba(var(--bs-dark));
    text-decoration:none;
}

.card-title a:hover {
    color:rgba(var(--bs-dark));
    text-decoration:underline;
}

/*--------------------------------------------------------------
# Badges
--------------------------------------------------------------*/
.badge.badge-sponsored {font-size:.6rem}

/*--------------------------------------------------------------
# Dropdown Menus
--------------------------------------------------------------*/
.dropdown-menu {
    --bs-dropdown-link-active-bg:var(--bs-primary);
}
/*--------------------------------------------------------------
# Progress
--------------------------------------------------------------*/
.progress-bar {
    background-color:var(--bs-primary);
}
/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
.table-group-divider {border-color:var(--bs-primary)}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header > Nav
--------------------------------------------------------------*/
.navbar {
    --bs-navbar-nav-link-padding-x:.75rem;
}
#site-header nav.navbar {
    --bs-nav-link-color:#fff;
    --bs-nav-link-hover-color:var(--bs-secondary);
}
#site-header nav.navbar li.menu-item a.nav-link {
    --bs-nav-link-font-weight:700; 
}
#site-header nav.navbar li.menu-item.active a.nav-link {
    color:var(--bs-secondary);
}

/*--------------------------------------------------------------
### Header > Nav > Brand
--------------------------------------------------------------*/
#site-header a.navbar-brand img.logo {
    height:3rem;
    width:auto;
}
/*--------------------------------------------------------------
### Header > Nav > Utility
--------------------------------------------------------------*/
.utility-buttons .dropdown-menu{/*width:15rem*/}
.utility-buttons .dropdown-menu .dropdown-item i {width:1.5rem}


/*--------------------------------------------------------------
### Header > Nav > Toggle
--------------------------------------------------------------*/
#site-header nav.navbar button.navbar-toggler{border-width:0;outline:0;padding:0;width:30px;height:20px;margin-top:-4px;position:relative;z-index:1046}
#site-header nav.navbar button.navbar-toggler:focus{border:none;box-shadow:unset}
#site-header nav.navbar button.navbar-toggler .animated-icon{cursor:pointer;width:30px;height:20px;position:relative;margin:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
#site-header nav.navbar button.navbar-toggler .animated-icon span{background:white;display:block;position:absolute;height:3px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#site-header nav.navbar button.navbar-toggler .animated-icon span:nth-child(1){top:0}
#site-header nav.navbar button.navbar-toggler .animated-icon span:nth-child(2){top:10px}
#site-header nav.navbar button.navbar-toggler .animated-icon span:nth-child(3){top:10px}
#site-header nav.navbar button.navbar-toggler .animated-icon span:nth-child(4){top:20px}
#site-header nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(1){top:11px;width:0%;left:50%}
#site-header nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#site-header nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#site-header nav.navbar button.navbar-toggler .animated-icon.open span:nth-child(4){top:11px;width:0%;left:50%}
/*--------------------------------------------------------------
### Header > Nav > Offcanvas
--------------------------------------------------------------*/
#site-header .offcanvas .offcanvas-header {
    --bs-offcanvas-padding-y:4rem; 
}

/*--------------------------------------------------------------
# Main 
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Main > Page Header
--------------------------------------------------------------*/
.page-header .page-image-wrap {background-position:center;background-size:cover;min-height:20rem}
.page-header.background .breadcrumb a:hover {color:rgba(255,255,255,0.5)}
.page-header.background .breadcrumb a {color:white;font-weight:700}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog .blog-main .post .post-thumbnail a img {
    width:100%;
    height:100%;
    transform:scale(1);
    transition:all 0.4s ease-in-out 0s;
}
.blog .blog-main .post:hover .post-thumbnail a img {
    transform:scale(1.05);
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Footer > Main
--------------------------------------------------------------*/
footer .footer-main .nav-link {
    --bs-nav-link-padding-y:0;
    --bs-nav-link-padding-x:0;
}
/*--------------------------------------------------------------
### Footer > Main > Social Links
--------------------------------------------------------------*/
footer .footer-main .links-socials a {color:rgba(255,255,255,.55)}
footer .footer-main .links-socials a:hover {color:rgba(255,255,255,.75)}
/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Leardash Course Progress
--------------------------------------------------------------*/
.learndash-wrapper .ld-progress { margin:0 !important; }
.learndash-wrapper .ld-progress .ld-progress-bar { height:10px !important; }
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage { background:var(--bs-primary) !important; height:10px !important; }
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage { color:var(--bs-primary) !important; }
/*--------------------------------------------------------------
# Resources and Courses Browse Page
--------------------------------------------------------------*/
button#more_posts {cursor:pointer;visibility:hidden}
button#more_posts:disabled {background-color:#9e9e9e!important}
.clear-filter-title {display:none;position:absolute;right:75px;top:7px;cursor:pointer; z-index:9}
.clear-filter-title i {color:#9e9e9e}
.clear-filter-title.in {display:block}
.filter-section { padding:15px;border:1px solid #dee2e6}
.close-filter{position:relative;margin-bottom:15px}
.filter-heading {position:relative;margin-bottom:15px}
.filter-heading .btn-close,.filter-heading .btn-clear-filter {position:absolute;top:0;right:0}
.btn-clear-filter {border:none;background:var(--bs-primary);font-size:14px;color:#fff}
.btn-show-filter{border:none;background:var(--bs-primary);font-size:16px;color:#fff;width:100%;padding:5px}
button.filter-label {width:100%;text-align:left;margin-bottom:10px;padding:10px 0px;border-bottom:1px solid #e1e1e1;font-weight:bold;position:relative;box-shadow:none !important}
button.filter-label::before {width:1.25em;line-height:0;content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition:transform .35s ease;transform-origin:0.5em 50%;position:absolute;right:0}
button.filter-label[aria-expanded="true"]::before {transform:rotate(90deg)}
button.filter-label:hover {border-bottom:1px solid #e1e1e1 !important}
button.filter-label:active {border:none !important}
#overlay{position:absolute;display:block;top:0;z-index:9999;width:100%;height:100%;display:none;background:rgba(255,255,255,1)}
#overlay .cv-spinner {height:25rem;max-height:100%;display:flex;justify-content:center;align-items:center}
#overlay .cv-spinner .spinner {width:40px;height:40px;border:4px #ddd solid;border-top:4px #003f6e solid;border-radius:50%;animation:sp-anime 0.8s infinite linear}
@keyframes sp-anime {100% {transform:rotate(360deg)}}
.is-hide{display:none}

/*--------------------------------------------------------------
# Star rating
--------------------------------------------------------------*/
.star-light {padding:0.5rem 0.5rem;border:none}
.star-light i { color:#e9ecef; }
.star-light.rating i { color:#f39c12; }
.post-rating.submit-rating {font-size:14px}
.post-rating ul {margin-right:1rem}
.post-rating ul li:first-child{padding-left:0}
.btn-rating {background:transparent;border:transparent;color:#003f6e;font-size:12px;text-decoration:underline;outline:0;box-shadow:none}
.btn-rating:focus,.btn-submit-rating:focus {box-shadow:none}
.btn-submit-rating:hover,.btn-submit-review:hover {color:#fff}
.btn-submit-rating,.btn-submit-review {background-color:#2d426f;border-color:#2d426f;color:#fff}
.rating-wrapper {align-self:center;border-radius:5rem;display:inline-flex;direction:rtl !important;margin-left:auto}
.rating-wrapper label {color:#e1e6f6;cursor:pointer;display:inline-flex;font-size:1rem;padding:1rem 0.6rem;transition:color 0.5s}
.rating-wrapper svg {-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow 4px 1px 6px rgba(198,206,237,1);filter:drop-shadow(5px 1px 3px rgba(198,206,237,1))}
.rating-wrapper input {height:100%;width:100%}
.rating-wrapper input {display:none}
.rating-wrapper label:hover,.rating-wrapper label:hover ~ label,.rating-wrapper input:checked ~ label {color:#f39c12}
/*--------------------------------------------------------------
# Fact file
--------------------------------------------------------------*/
.module-fact-file { padding:15px 15px 5px 15px;border-top:3px solid #0070ba;background:#eaf1f6 !important;margin-bottom:0.5rem; }
.module-fact-file h1,.pulse365-fact-file h2,.pulse365-fact-file h3,.pulse365-fact-file h4,.pulse365-fact-file h5,.pulse365-fact-file h6 { color:#0070ba !important;font-weight:900;margin-top:0;margin-bottom:0.5rem; }
.module-fact-file p { line-height:20px;margin-top:0;margin-bottom:1rem; }

/*--------------------------------------------------------------
# Ad Banners
--------------------------------------------------------------*/
.adbanner div[id^='google_ads_iframe'] {padding-top:1rem !important;padding-bottom:1rem !important;height:auto !important}
#adbannerFooter button#adbannerFooter_hide {position:absolute;top:-1.5rem;right:1.5rem;height:1.5rem;width:1.5rem;z-index:999;font-size:.75rem;padding:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.footer-lb-sticky {position:sticky;bottom:0;z-index:999}
.cog-mb-sticky {position:fixed;top:0;left:0;width:100%;background:#fff;padding-top:5px;padding-bottom:10px;z-index:25}
.cog-mb-sticky.footer {top:auto;bottom:0;padding-top:10px;padding-bottom:5px}

/*--------------------------------------------------------------
# WordPress Classes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Custom Classes
--------------------------------------------------------------*/
.featured-icon {width:10rem;height:10rem;background:var(--bs-light);border-radius:50%;padding:2rem;display:block;margin:0 auto 2rem}
.featured-icon .wpb_wrapper {text-align:center;vertical-align:middle;width:100%;height:100%;display:flex;max-width:100%;max-height:100%;overflow:hidden}
.featured-icon .wpb_wrapper svg {max-height:100%; width:100%; margin:auto}
.about-benefits-icon {width:10rem;height:10rem;padding:2rem;display:block;margin:0 auto 2rem; text-align:center}
.about-benefits .wpb_wrapper {text-align:center;vertical-align:middle;width:100%;height:100%;display:flex;max-width:100%;max-height:100%;overflow:hidden}
.about-benefits .svgicon {max-height:100%;margin-left:auto; margin-right:auto;  width:10rem; height:10rem}	
.text-overlay {text-align:center;top:35%;width:65%;left:16%;right:22%;position:absolute}
.account-graph p.info {color:var(--bs-primary)}
#modalUserVetting .modal-content {width:94%}
.restrictedbox { min-height:400px}

/*--------------------------------------------------------------
# FIXES!!
--------------------------------------------------------------*/
.comingsoon p{ color:white; font-size:2.5rem; text-align:center; width:100%; }
.downloadEventCertificate { cursor:pointer; }
#pass-strength-result { display:none !important}
.qc-cmp2-persistent-link { left:0; right:auto}
/*--------------------------------------------------------------
# WP BAKERY FIXES!!
--------------------------------------------------------------*/
.vc_custom_heading {color:var(--bs-heading-color) !important}
p.vc_custom_heading {color:var(--bs-body-color) !important}
.vc_custom_heading.text-vip,.vc_custom_heading.text-premium{color:var(--bs-vip) !important}
.vc_custom_heading.text-primary{color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}
.vc_custom_heading.text-secondary{color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}
.vc_custom_heading.text-light{color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}
.vc_custom_heading.text-dark{color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}
.vc_custom_heading.text-white{color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}