/* Main Styles
-------------------------------------------------------------- */

/* Color Palette
Primary:	#004593
Secondary:	#F27707
Light:      #BFC0C0
Dark:       #3C3C3B

*/
@font-face {
    font-family: 'FSAlbertWeb';
    font-style: normal;
    font-weight: 300;
    src: local('FSAlbertWeb Regular'), local('FSAlbertWeb-Regular'),
         url('/wp-content/themes/bdpathway/assets/fonts/BD_FSAlbert_Fonts/FSAlbertPro/Web_Fonts/Latin/Regular/FSAlbertWeb-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('/wp-content/themes/bdpathway/assets/fonts/BD_FSAlbert_Fonts/FSAlbertPro/Web_Fonts/Latin/Regular/FSAlbertWeb-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
::-moz-selection {background:#F27707;color:#3C3C3B}
::selection {background:#F27707;color:#3C3C3B}

/*--------------------------------------------------------------
## Default elements
--------------------------------------------------------------*/
body {
font:300 1rem/1.5rem "FSAlbertWeb",sans-serif;color:#3C3C3B;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased !important;-o-font-smoothing:antialiased !important;font-smoothing:antialiased !important}
section {overflow:hidden;position:relative}
a {cursor:pointer;color:#004593;text-decoration:none;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;-o-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s}
a:active,a:focus,a:hover {color:#BFC0C0;text-decoration:none}
a:focus {outline:0}
a:active,a:hover {outline:0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {color:#3C3C3B;font-weight:700;margin:0 0 1rem}
strong {font-weight:700}
small,.small {font-size:.75em}
img {max-width:100%;height:auto}
summary {cursor:text}
/*--------------------------------------------------------------
# Text Classes
--------------------------------------------------------------*/
.bg-primary {background-color:#004593 !important}
.bg-secondary {background-color:#F27707 !important}
.bg-light {background-color:#FBB679 !important}
.bg-dark {background-color:#3C3C3B !important}
.bg-white {background-color:#fff !important}

.txt-primary {color:#004593 !important}
.txt-secondary {color:#F27707 !important}
.txt-light {color:#FBB679 !important}
.txt-dark {color:#3C3C3B !important}
.txt-white {color:#fff !important}
/*--------------------------------------------------------------
# Form Elements
--------------------------------------------------------------*/
form .form-control,form .form-select,form .input-group-text {color:#3C3C3B;padding:1rem !important;-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;-ms-border-radius:0.5rem;-o-border-radius:0.5rem;border-radius:0.5rem}
form .form-control:focus,form .form-select:focus {border-color:#F27707;box-shadow:0 0 0 .25rem rgb(239,131,84 / 25%)}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button {cursor:pointer;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;border-radius:.5rem;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;-o-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s}
.btn {font-size:1rem;font-weight:700;padding:.75rem 2.5rem;text-transform:uppercase;-webkit-border-radius:.5rem;moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;border-radius:.5rem;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;-o-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s}
.btn-sm {font-size:.85rem;padding:.5rem 2rem}
.btn-lg {font-size:1.25rem;padding:1rem 3rem}
.btn-xs {font-size:.7rem;padding:.25rem 1.5rem}
.btn-primary,.outline.btn-primary:active,.outline.btn-primary:focus,.outline.btn-primary:hover {color:#fff;background-color:#004593;border-color:#004593}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.outline.btn-primary {color:#004593;background-color:transparent;border-color:#004593}
.btn-primary:focus {box-shadow:0 0 0 0.25rem rgb(0, 122, 148 / 50%)}
.btn-secondary,.outline.btn-secondary:active,.outline.btn-secondary:focus,.outline.btn-secondary:hover {color:#fff;background-color:#F27707;border-color:#F27707}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.outline.btn-secondary {color:#F27707;background-color:transparent;border-color:#F27707}
.btn-secondary:focus {box-shadow:0 0 0 .25rem rgb(113, 39, 122 / 50%)}
.btn-light,.outline.btn-light:active,.outline.btn-light:focus,.outline.btn-light:hover {color:#3C3C3B;background-color:#FBB679;border-color:#FBB679}
.btn-light:active,.btn-light:focus,.btn-light:hover,.outline.btn-light {color:#FBB679;background-color:transparent;border-color:#FBB679}
.btn-light:focus {box-shadow:0 0 0 .25rem rgb(170, 176, 187 / 50%)}
.btn-dark,.outline.btn-dark:active,.outline.btn-dark:focus,.outline.btn-dark:hover {color:#fff;background-color:#3C3C3B;border-color:#3C3C3B}
.btn-dark:active,.btn-dark:focus,.btn-dark:hover,.outline.btn-dark {color:#3C3C3B;background-color:transparent;border-color:#3C3C3B}
.btn-dark:focus {box-shadow:0 0 0 .25rem rgb(77, 78, 83 / 50%)}
/* Novartis Branded Buttons */
.btn-novartis {color:white;background-color:#0060af;border-color:#0060af}
.btn-novartis:active,.btn-novartis:focus,.btn-novartis:hover {color:white;background-color:#023761;;border-color:#023761}
.btn-novartis:focus {box-shadow:0 0 0 .25rem rgb(0, 96, 175 / 50%)}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header nav.navbar .navbar-brand{padding:0}
.header nav.navbar .navbar-brand a{display:block}
.header nav.navbar .navbar-brand a img.logo{height:28px;width:172px}

.header nav.navbar#utilityNav{padding:.5rem 0}
.header nav.navbar#utilityNav ul.navbar-nav li.menu-item{margin-left:2.5rem}
.header nav.navbar#utilityNav ul.navbar-nav li.menu-item:first-child{margin-left:0}
.header nav.navbar#utilityNav ul.navbar-nav li.menu-item a.nav-link:focus,.header nav.navbar#utilityNav ul.navbar-nav li.menu-item a.nav-link:hover{color:#3C3C3B}
.header nav.navbar#utilityNav button.navbar-toggler{border-width:0;outline:0;padding:0;width:30px;height:20px;margin-top:-4px}
.header nav.navbar#utilityNav button.navbar-toggler:focus{border:none;box-shadow:unset}
.header nav.navbar#utilityNav 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}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span{background:#3C3C3B;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}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(1){top:0}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(2){top:10px}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(3){top:10px}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon span:nth-child(4){top:20px}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon.open span:nth-child(1){top:11px;width:0%;left:50%}
.header nav.navbar#utilityNav 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)}
.header nav.navbar#utilityNav 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)}
.header nav.navbar#utilityNav button.navbar-toggler .animated-icon.open span:nth-child(4){top:11px;width:0%;left:50%}

.header nav.navbar#utilityNav div#headerMenu .mobile-menu{display:none}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.navbar-nav li.menu-item{margin:0}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.navbar-nav li.menu-item a.nav-link{padding:5px 0;line-height:1}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.dropdown-menu{background-color:transparent;padding:0;margin:0 0 0 20px;border:none}
.header nav.navbar#utilityNav div#headerMenu .mobile-menu .main-menu ul.dropdown-menu li.menu-item a.dropdown-item{color:#fff;font-size:15px;line-height:1;text-transform:uppercase;padding:5px 0}


/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
.main {min-height:50vh}
.main a:active,.main a:focus,.main a:hover {text-decoration:underline}
.main a.btn:active,.main a.btn:focus,.main a.btn:hover {text-decoration:none}


/*--------------------------------------------------------------
## Main > Lists
--------------------------------------------------------------*/
.main ul {list-style:none;margin:0 0 1.5rem;padding:0}
.main ul.cols {column-count:2}
.main ul li {line-height:1.5rem}
.main ul li:before {content:"\A";width:.5rem;height:.5rem;border-radius:50%;background:#004593;display:inline-block;margin-right:.5rem}


/*--------------------------------------------------------------
## Main > Blockquote
--------------------------------------------------------------*/
.main blockquote {margin:0;padding:0 0 0 1.5rem;font-size:1.5rem;line-height:1.5rem;font-weight:400;display:block;border-left:.5rem solid #004593}
.main blockquote::before{font-family:"Font Awesome 5 Free";content:"\f10d";font-size:2rem;line-height:1;font-weight:700;text-align:left;display:block;padding:0;margin:0 0 .5rem;width:100%}
.main blockquote q{font-size:2rem;line-height:2rem}
.main blockquote q::before{content:""}
.main blockquote q::after{content:""}
.main blockquote q small{font-size:1rem;display:block;width:100%;padding:0;margin:.5rem 0 0}


/*--------------------------------------------------------------
## Main > Content Header
--------------------------------------------------------------*/
.main header.content-header{position:relative;padding:4rem 0 1rem;z-index:10}
.main header.content-header .content-title{font-size:3.2rem;line-height:1;display:block;margin:0;text-align:left;font-weight: 300;background:#044ed7;padding: 15px;color: #fff;border-top-right-radius: 150px;border-bottom-right-radius: 150px;}
/* Background Image */
.main header.content-header.background{background-size:cover;background-position:center;background-color:#eee;background-repeat:no-repeat;padding:8rem 0}
.main header.content-header.background .content-title{color:#3C3C3B}
.main header.content-header.background .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);z-index:11}
.main header.content-header.background .container-xl{position:relative;z-index:12}
/*--------------------------------------------------------------
### Main > Content Header > Breadcrumbs
--------------------------------------------------------------*/
.main header.content-header nav#breadcrumbsMenu {margin-bottom:2rem}

/*--------------------------------------------------------------
## Main > Bootstrap Forms
--------------------------------------------------------------*/
.main .form-group {margin-bottom:1em}
.main .form-control {background-color:#FBB679;border:1px solid #ddd;color:#3C3C3B;padding:.75rem;-webkit-border-radius:.5rem;moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;border-radius:.5rem}
.main .form-control:hover,.main .form-control:focus,.main .form-control:focus-visible {border-color:#004593;outline:unset;box-shadow:unset}
.main input.form-control,.main select.form-control,.main textarea.form-control {font-family:"Courier New","monospace";font-size:1rem}
.main button.form-control {color:#fff;background-color:#004593;border:1px solid #004593;font-size:1rem;font-weight:700;padding:.75rem 2.5rem;text-transform:uppercase;-webkit-border-radius:.5rem;moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;border-radius:.5rem;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;-o-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s}
.main button.form-control:active,.main button.form-control:focus,.main button.form-control:hover {color:#004593;background-color:transparent;border-color:#004593}
/* Coloured BG Fix */
.main .bg-light .form-control {background-color:white}



/*--------------------------------------------------------------
## Main > Item Blocks
--------------------------------------------------------------*/
.item-title {
    position: relative;
}
.item-title::after {
    content: "\f054";
    position: absolute;
    right: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer .footer-nav{padding:.5rem 0}
.footer .footer-nav .footer-base{display:contents}
.footer .footer-nav .footer-base ul.navbar-nav li.nav-item{margin-right:2rem}
.footer .footer-nav .footer-base ul.navbar-nav li.nav-item:last-child{margin-right:0!important}
.footer .footer-nav .footer-base ul.navbar-nav li.nav-item .nav-link{color:#fff;padding:0;font-size:.7rem;line-height:1.25rem;font-weight:700}
.footer .footer-nav .footer-base .owner-text{font-size:.7rem;line-height:1.25rem;color:#fff;text-align:right}
/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
dialog.modal {background-color:rgba(0,0,0,1);z-index:99999}
dialog.modal .modal-body,.modal-footer {border:unset;padding:0}
/*--------------------------------------------------------------
# Shortcodes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FIXES!!
--------------------------------------------------------------*/
/* Fix the word-wrap issue */
.main .content-body {overflow:auto;overflow-wrap:break-word}



/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
.page-template .da-address-wrapper{opacity: 0 !important;}

.page-template .hotspot-title{color: #004593;text-align: left;font-size: 1.8rem;font-weight: 300;max-width: 95%;font-family: 'FSAlbertWeb';font-style: normal;}
.page-template .hotspot-content p, .page-template .entry-content .hotspot-content p{font-size: 0.85rem;color: #3C3C3B;}
.page-template .hotspot-content p.video-label, .page-template .entry-content .hotspot-content p.video-label{font-size: 0.85rem;color: #F27707;line-height: normal;}

.page-template .hotspot-content h3, .page-template .entry-content .hotspot-content h3{font-size:0.85rem;font-weight:900;color:#004593;margin:0;}
.page-template .hotspot-content small, .page-template .entry-content .hotspot-content small{font-size: 0.8rem;font-weight: 300;color: #3C3C3B;margin: 0;width: 50%;display: block;line-height: normal;}
.page-template .hotspot-content a, .page-template .entry-content .hotspot-content a{font-size:0.85rem;font-weight:900;color:#F27707;margin:0;text-decoration: underline;}
.page-template .hotspot-content h5, .page-template .entry-content .hotspot-content h5{font-size:0.6rem;font-weight:900;color:#000;} 
h2.hotspot-title { font-size:2.5rem; font-weight:300;}

.page-template table{padding: 2px;background-color: #fff;margin: 1rem 0;}
.page-template table tr{vertical-align: top;}
.page-template table td{padding: 5px 10px;border:2px solid #fff}
.page-template table td:first-child{width:40%}
.page-template table td:last-child{width:60%}
.page-template table thead{background-color: #F27707;font-size: 0.85rem;font-weight: 900;color: #fff;}
.page-template table tbody{background-color: #FBB679;font-size: 0.85rem;font-weight: 300;color:#3C3C3B}

.page-template p.pdf a{text-decoration: none;vertical-align: middle;}
.page-template p.pdf a:hover{text-decoration: underline;}

.page-template .featherlight .featherlight-close-icon{color: #004593;font-size: 1.4rem;font-weight: 900;transform: translate(-10px, 30px);}

.resource-img {width:auto !important;height: auto!important;}
.resource-title {min-height:145px;}
.card {background: #F8F4F1;border-radius: 15px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.19);}

.hotspot-title, .entry-content .hotspot-title {text-align: left !important;background: #044ed7;padding: 15px!important;color: #fff !important;border-top-right-radius: 150px;border-bottom-right-radius: 150px;width: 90%;}
.hotspot-content {padding:25px 50px 25px 25px!important}
/*.featherlight {text-align: left !important;}*/
.featherlight .featherlight-content {padding: 25px 0 !important;}
::marker {color: #044ed7;}
ul ::marker {color: #044ed7; font-size:25px;}