/*
font-family: 'Roboto', sans-serif;
*/

.header-container-wrapper.is-hidden #secondary_nav_wrapper {display: block;}

.learning-center a.btn_blue {font-family: 'Roboto', sans-serif;}
.learning-center a.btn_white {font-family: 'Roboto', sans-serif;}

/*########## Resource secondary Nav Dropdosn ##########*/
#secondary_nav_container {border-bottom: 1px solid #d5e2e8; background: #f3f7f9;}
#secondary_nav_wrapper {color: #003349; font-size: 16px; background: #f3f7f9; position: relative; line-height: 10px; z-index: 8000; padding: 15px 25px; margin: 0 auto; border-bottom: none; max-width: 1330px; width: 100%;}

#secondary_nav_area {display: inline-block; width: 100%; margin: 0 auto;}
#secondary_page_title {float: left; margin: 0 40px 0 0;}
#secondary_page_title h2 {font-weight: 500; font-size: 16px; line-height: 36px; margin: 0; text-transform: none; font-family: 'Roboto', sans-serif; color: #003349; padding: 0;}
#secondary_page_title span.section_title {font-weight: 600; font-size: 16px; line-height: 36px; margin: 0; text-transform: none; font-family: 'Roboto', sans-serif; color: #003349; padding: 0;}
#secondary_page_title span.section_title i {margin: 0 3px 0 0;}
#secondary_page_title a {color: #003349; text-decoration: none;}
#secondary_page_title a:hover {color: #e24585;}
#secondary_nav_cta {float: right; margin: 0; padding: 0; transition: transform 0.6s;}
#secondary_nav {float: left; max-height: 36px; padding: 2px 0 0;}
#secondary_nav ul {display: inline-block; list-style: none; margin: 0; padding: 0;}
#secondary_nav li {font-size: 15px; line-height: 26px; font-family: 'Roboto', sans-serif; font-weight: 500; float: left;}
#secondary_nav li a {max-width: 100%; padding: 5px 12px; color: #003349; text-decoration: none; display: inline-block;}
#secondary_nav li a:hover {color: #e24585;}

a.btn_get_in_touch {color: #ffffff !important; background: #e24585; text-transform: none; padding: 7px 20px; font-size: 14px; line-height: 18px; border: 2px solid #e24585; font-weight: 500; text-align: center; text-decoration: none; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border-radius: 18px; display: inline-block; width: 100%; cursor: pointer;}
a.btn_get_in_touch:hover, a.btn_get_in_touch:focus {color: #ffffff !important; background: #a5307c; border: 2px solid #a5307c;}

.filter-button {display: none; margin: 0; font-size: 14px; line-height: 18px; padding: 8px 15px; border-radius: 5px; border: 1px solid #e24585; color: #e24585; font-family: 'Roboto', sans-serif; text-transform: none; font-weight: 600; cursor: pointer;}
.filter-button.active {border: 1px solid #e24585; background-color: #e24585; color: #ffffff;}
.filter-button.active .fa {color: #ffffff;}
.filter-button .fa, .filter-button a:hover {color: #e24585;}

#secondary_nav_wrapper .mobile-filter-area {width: 100%; margin: 0 auto;}
.filter_lists_section_dropdown {display: inline-block; width: 100%; margin: 0 auto;}
.topic_blocks {float: left; width: 100%; padding: 0;}
.topic_blocks h3 {font-size: 20px; line-height: 24px; margin: 0 0 10px;}

.topic_blocks #filters_list {margin: 0 0 20px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding: 0;}

.topic_blocks #filters_list li {font-size: 16px; line-height: 22px; font-weight: 500; margin: 0; font-family: 'Roboto', sans-serif; display: block; width: 100%; break-inside: avoid-column;}

.topic_blocks #filters_list li span {color: #003349; text-decoration: none; cursor: pointer;}
.topic_blocks #filters_list li span:hover {color: #e24585;}
.topic_blocks #filters_list li span.active {color: #e24585; font-weight: 700;}

.mobile_filter_search {float:right; margin: 0 30px 0 0; display: block;}
.mobile_filter_search .fa-search {font-size: 22px; padding: 11px 0; color: #BEBEBE; cursor: pointer;}

#secondary_nav_wrapper .mobile-filter {position: absolute; top: 75px; left: 0; width: 100%; max-height: 360px; /*height: 100%; transform: translateY(100%);*/ transition: all 0.3s; z-index: 30000; display: none; overflow-y: scroll; padding: 40px 25px 30px; background-color: #ffffff; -webkit-box-shadow: 0px 8px 28px rgba(0,0,0,0.08); -moz-box-shadow: 0px 8px 28px rgba(0,0,0,0.08); box-shadow: 0px 8px 28px rgba(0,0,0,0.08);}
#secondary_nav_wrapper.show .mobile-filter {display: block;}
#secondary_nav_wrapper .mobile-filter-area {display: inline-block;}


#navbarNav ul {display: inline-block; list-style: none; margin: 0; padding: 0;}
#navbarNav li {font-size: 15px; line-height: 26px; font-family: 'Roboto', sans-serif; font-weight: 500; float: left;}
#navbarNav li a {width: 100%; padding: 5px 15px; color: #003349; text-decoration: none; display: inline-block; line-height: 26px;}
#navbarNav li a:hover {color: #e24585;}
#navbarNav li ul li {clear: both; float: none; position: relative; white-space: nowrap;}
#navbarNav li ul li a {width: 100%; padding: 0; line-height: 26px;}
#navbarNav ul.multi-columns {column-count: 2; column-gap: 40px; width: 100%;}
.bc_title {font-weight: 700;}
/*#navbarNav ul.multi-columns li:first-child {font-weight: 700;}
#navbarNav ul.one-topic-column li:first-child {font-weight: 700;}*/

.navbar-collapse {padding: 0 !important;}

.navbar-collapse {-ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center;}

.navbar1 {position: relative;}

.navbar-nav {width: 100%;}
.navbar-nav {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;}

#navbarNav li.nav-item.show a.nav-link {color: #e24585;}

.nav-item:hover {color: #e24585;}

.nav-link .fa-chevron-down {font-weight: 400 !important; font-size: 10px; color: #979fae;}
.nav-link .nav_dropdown {padding: 0 3px 0 0;}

.nav-item .rotate1 {-moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear;}
.nav-item.show .rotate1 {-moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; transition: transform .3s linear;}

.screen-darken {content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); pointer-events: none; z-index: 10; opacity: 1; visibility: visible; position: fixed;}

@media (max-width: 1160px) and (min-width: 768px) {
    .navbar-collapse.collapse {display: none!important;}
    .navbar-collapse.collapse.show {display: block!important;}
}

@media (min-width: 1161px) {
    .mobile-filter-overlay {opacity: 0 !important; display: none;}
    body.show {overflow: auto !important;}
    
    #navbarNav ul.multi-columns {min-width: 460px;}
    
    #navbarNav {float: left; max-height: 36px; padding: 0 0 0 !important;}
    .dropdown-menu {margin-top: 10px !important; border: none; padding: 25px 25px 15px !important; position: absolute; border-radius: 10px !important; -webkit-box-shadow: 0px 8px 28px rgba(0,0,0,0.18) !important; box-shadow: 0px 8px 28px rgba(0,0,0,0.18) !important;}
    
    #secondary_nav_cta {display: none;}
    .header-container-wrapper.is-hidden #secondary_nav_cta {display: block;}
}

@media (max-width: 1250px) {
    #navbarNav li a {padding: 5px 12px;}
}

@media (max-width: 1200px) {
    #secondary_page_title {margin: margin: 0 30px 0 0;}
    #navbarNav li a {padding: 5px 10px;}
    #secondary_page_title {margin: 4px 40px 0 0;}
}

@media (max-width: 1160px) {
    #secondary_nav {display: none;}
    #secondary_page_title {margin: 2px 30px 0 0; width: calc(100% - 270px);}
    .filter-button {display: inline-block;}
    .mobile_filter_search {display: inline-block;}
    .our_work_lander .mobile_filter_search {display: none;}
    
    .mobile-filter-overlay {display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 1000vw; opacity: 0; background: rgb(37,44,57); -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;}
    .mobile-filter-overlay.show {opacity: 0.8; display: block;}
    
    body.show {overflow: hidden;}
    
    .navbar-nav {margin: 20px 0 0 !important;}
	.nav-item {width: 100%; text-align: left; padding-left: 0;}
    
    #navbarNav li ul {padding: 5px 0 0;}
	#navbarNav li a {padding: 5px 0;}
	.dropdown-menu {background: #f3f7f9; left: 0 !important; position: relative !important; padding: 0 20px !important; transform: none !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 100%;}
    .navbar1 {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between;}

	.nav-link .fa-chevron-down {font-weight: 600!important; padding-left: 10px; float: right; font-size: 14px !important; padding: 3px 0 !important;}
    .nav-link .nav_dropdown {padding: 0 3px 0 0; width: calc(100% - 20px); display: inline-block;}
}

@media (max-width: 1000px) {
    .filter_hide {display: block;}
}

@media (max-width: 600px) {
    #secondary_nav_wrapper .mobile-filter {padding: 40px 20px 10px; top: 71px;}
    #secondary_page_title {margin: 0 30px 0 0; width: calc(100% - 180px);}
	.topic_blocks h3 {font-size: 18px; line-height: 22px;}
	
	.topic_blocks #filters_list {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding: 0;}
	.topic_blocks #filters_list li {display: block; width: 100%; break-inside: avoid-column; font-size: 14px; line-height: 20px;}
    
    .filter-button {padding: 8px 12px;}
    .mobile_filter_search .fa-search {font-size: 20px; padding: 10px 0;}
    
    #navbarNav ul.multi-columns {column-count: 1; column-gap: 0;}
    .filter_hide {display: none;}
}

@media (max-width: 380px) {
    #secondary_page_title {margin: 5px 20px 0 0;}
    #secondary_page_title span.section_title {font-size: 14px; line-height: 30px;}
    .mobile_filter_search { margin: 0 15px 0 0;}
    #secondary_page_title {width: calc(100% - 170px);}
}
/*########################################*/


/*################### Resource Blocks ################*/
.resources_wrapper {max-width: 1330px; width: 100%; margin: 0 auto; float: none !important; padding: 0px 25px 100px;}
.resources_area {display: inline-block; width: 100%; margin: 0 auto;}

.resources_header {margin: 0 0 30px; border-bottom: 1px solid #bebebe;}
.resources_header_area {display: inline-block; width: 100%; margin: 0 auto;}
.resources_title {float: left; margin: 0 50px 0 0;}
.resources_title h3 {font-size: 24px; line-height: 30px;}
.resources_view_all {float: right;}

.resources_view_all p {margin: 0 0 15px; line-height: 30px;}
.resources_view_all a {text-decoration: none; font-weight: 500;}
.resources_view_all i {padding: 0 0 0 5px;}

@media (max-width: 800px) {
    .resources_wrapper {padding: 0 25px 80px;}
}

@media (max-width: 600px) {
    .resources_wrapper {padding: 0 25px 60px;}
    .resources_title h3 {font-size: 22px;}
}
/*########################################*/


/*################### Blog - Pop Up Modal ################*/
.reveal-modal-bg {position: fixed; height: 100%; width: 100%; background: #003349; z-index: 6000; display: none; top: 0; left: 0;}

.reveal-modal-area {visibility: hidden; position: fixed; left: 0; top: 0 !important; width: calc(100% - 30px); height: 100%; z-index: 6001; margin: 0 15px;}
.reveal-modal {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 750px; width: 100%; background-color: #ffffff; z-index: 6001; padding: 50px; border-radius: 10px;}

.reveal-modal .close-reveal-modal {font-size: 34px; line-height: .5; position: absolute; top: 15px; right: 12px; cursor: pointer; text-decoration: none;}

.reveal-modal h2 {font-size: 32px; line-height: 42px; font-family: 'Nunito Sans', sans-serif; text-align: center; margin: 0 0 25px;}
.reveal-modal p {font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif;}

.reveal-modal .hs-form .hs-richtext {padding: 0 0 10px;}
.reveal-modal .hs-form .hs-richtext p {font-size: 16px; line-height: 24px; color: #003349; margin: 0 0 20px; font-family: 'Roboto', sans-serif;}
.reveal-modal .hs-form .legal-consent-container .hs-richtext {padding: 10px 10px 0;}
.reveal-modal .form-title {display: none;}
.reveal-modal input[type="text"], .reveal-modal input[type="email"] {padding: 12px 25px; border: none; font-family: 'Roboto', sans-serif; border: 1px solid #dadce0; border-radius: 5px;}
.reveal-modal .hs-form-field {padding-bottom: 20px !important;}
.reveal-modal .hs-form-field > label {font-size: 16px; line-height: 22px; font-weight: 500; font-family: 'Roboto', sans-serif;}
.reveal-modal input[type="submit"] {max-width: 300px; margin: 0 auto; font-family: 'Roboto', sans-serif; display: block;}
.reveal-modal .hs-form .legal-consent-container .hs-richtext p {font-size: 14px; line-height: 22px; color: #464a52;}
.reveal-modal .hs-form li.hs-form-booleancheckbox {font-size: 16px; line-height: 22px; padding: 0;}
.reveal-modal .hs-form li.hs-form-booleancheckbox label {margin: 0 !important; font-weight: 500;}

@media (max-width: 800px) {
    .reveal-modal h2 {font-size: 27px; line-height: 37px;}
}

@media (max-width: 600px) {
    .reveal-modal {padding: 35px 25px;}
    .reveal-modal h2 {font-size: 22px; line-height: 32px; margin: 0 0 20px;}
    .reveal-modal .hs-form .hs-richtext p {font-size: 14px; line-height: 22px;}
    .reveal-modal .hs-form .legal-consent-container .hs-richtext {padding: 0;}
    .reveal-modal .hs-form .legal-consent-container .hs-richtext p {font-size: 12px; line-height: 20px;}
    .reveal-modal .hs-form li.hs-form-booleancheckbox {font-size: 14px; line-height: 20px; padding: 0;}
}

@media (max-width: 400px) {
    .reveal-modal-area {width: calc(100% - 10px); margin: 0 5px;}
}
/*##################################################*/