/* LAYOUT */
body, html {background:#fff}
.logo { z-index: 60; display: inline-block; }
.header { position: relative; height:125px; z-index: 50; top: 0; width: 100%; background: #fff url(../images/header-bg.png) right no-repeat; webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.header-container { margin: auto; display: flex; justify-content: space-between; padding-top: 8px;}
.header-container, .row, #caption-row { margin:auto; max-width:1400px;}
.header-container .vc_custom_1551903906803 {padding-left: 0 !important; left: initial !important; width: 100% !important;}
.entry-content { position: relative; min-height: 100vh; padding: 40px 0; background: #fff; }
.divider { min-height:450px}
.swap { display:flex;}
.add-border { border-right:1px solid #ccc; padding-right:40px;}
.add-gutter { padding-left:40px;}
.add-padding { padding: 20px 0 10px 0;}
#page-image { height:300PX; z-index: 1; position: relative;width: 100%; margin-bottom: 0px;display: flex;align-items: center;justify-content: center; background-position:center; background-repeat: no-repeat; background-size: cover }
#content { position: relative; margin: auto; }
#black-filter { position: absolute; width: 100%; height: 100%; top:0; z-index:-1; right:0; top:0;}
#header_row-1 { display: flex !important; align-items: center; justify-content: flex-end; gap: 25px;}
#header_clm-right { width: 75%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; row-gap: 17px;}
.resource-image { margin:30px auto; width: 100%; height: 475px; background-size: cover; background-position: center;}
.mobile-search, .widget-area { visibility:hidden; display:none}
.desktop-search div.asl_w_container { display:flex !important;}
/* TYPOGRAPHY*/
h1 { font-family: "Roboto Slab",serif; font-style: normal; font-weight: 700; font-size: 2.50rem; line-height: 2.75rem; margin: 10px 0 30px 0; }
h2 { font-family: "Roboto Slab",serif; font-style: normal; font-weight: 400; font-size: 2.00rem; line-height: 2.50rem; color:#4D4E4E; margin: 0 0 15px 0; }
h3 { font-family: "Roboto Slab",serif; font-style: normal; font-weight: 700; font-size: 1.75rem; line-height: 2.00rem; color: #74BC1F; margin:0 0 10px 0;}
h4 { font-family: "Roboto Slab",serif; font-style: normal; font-weight: 600; font-size: 1.25rem; line-height: 1.50rem; color:#00AEEF; }
h5 { font-family: "Roboto Slab",serif; font-style: normal; font-weight: 600; font-size: 1.25rem; line-height: 1.50rem; color:#ffffff; }
p, li { font-family: "Roboto",sans-serif; font-style: normal; font-weight: 400; font-size: 1.00rem; line-height: 1.65rem; color: #666; margin:0 0 15px 0; }
ul { margin: 0px 0px 10px 35px;}
.dark h2, .dark p, .dark { color:#fff}
.add-padding p, .divider p { font-size:1.25rem; line-height:1.75rem}
/* BUTTONS */
a.btn, .btn a { min-width: 150px;color: #fff; padding: 10px 20px; font-size: 1rem; text-transform: uppercase; font-weight: 400; font-family: "Roboto Slab",serif; position: relative; display: inline-block;margin-top: 10px; text-align:center;}
a.btn.btn-green, .btn.btn-green a { background: #74BC1F;}
a.btn.btn-green:hover, .btn.btn-green a:hover { background: #02acef; -webkit-transition: background-color .25s ease-out,color .25s ease-out;
transition: background-color .25s ease-out,color .25s ease-out;}
a.btn.btn-blue, .btn.btn-blue a { background: #02acef; }
a.btn.btn-blue:hover, .btn.btn-blue a:hover { background: #66cfb2; -webkit-transition: background-color .25s ease-out,color .25s ease-out;
transition: background-color .25s ease-out,color .25s ease-out; }
.button { padding: 13px 20px; font-size: 1rem; font-family: "Roboto Slab",serif; text-transform: uppercase; font-weight: 400; background: #02acef; color: #fff; margin: 10px 0 17px 0; display: block; min-width:150px;}
.button:hover {background: #66cfb2;}
.members a { font-size: 14px; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; text-transform: uppercase; font-weight: 700; background:#02acef; font-family: 'roboto-slab'; font-size: 1rem; font-weight: 400; color: #fff; margin: 20px auto; display: inline-block; }
.members a:hover { background: #66cfb2 }
/* NAVIAGATION */
#nav-menu { z-index: 30; padding-right:0 !important}
#nav-menu ul { text-align: left; display: inline; margin: auto; list-style: none; width: auto; }
#nav-menu ul li { display: inline-block; border-right:1px solid #ccc; margin-right:0; margin-bottom: 0; position: relative; padding: 0 10px 0 10px; background: none; cursor: pointer;}
#nav-menu ul li:last-child { padding-right: 0; border: 0}
#nav-menu ul li a { text-transform: uppercase; }
#nav-menu ul li ul { padding-top:27px; width: 250px; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
#nav-menu ul li ul li { background: #243168; display: block; text-align: left; padding:10px; }
#nav-menu ul li ul li:last-child { padding:10px; border: 0}
#nav-menu ul li ul li:first-child { padding:10px; border: 0}
#nav-menu ul li ul li { padding:10px; border: 0}
#nav-menu ul li ul li a { color: #fff; display: block; height: auto; }
#nav-menu ul li ul li a:hover { color: #fff; }
#nav-menu ul li:hover ul { display: block; opacity: 1; visibility: visible; }
#nav-menu .sub-menu { position:absolute;}
.menu>li>a { padding: 0;}
.menu a:hover, .menu .active>a { background: none}
.sub-menu .active>a { background: none}
.sfm-logo { url(/wp-content/uploads/2022/02/hero-mobile-home@2x.png) !important;}
@media screen and (min-width: 1024px) and (max-width:1170px){
#nav-menu ul li a { font-size: 14px !important;}
.logo-link img { width: 270px !important;}
#header_clm-right { width: 80%;}
}
@media (max-width:1025px){
#nav-menu { display: none !important; }
.logo-link img { padding-top:5px !important; padding-left:0 !important; margin-left: -20px;}
.header-container { padding-top:0px;}
.mob-icon-menu.mob-menu-icon {padding-top: 4px !important;}
.mob-icon-cancel-1.mob-cancel-button {padding-right:10px; padding-top:10px;}
.footer-clm-right .wpb_wrapper {padding-top:0px !important;}
.footer-address {margin-bottom: 0 !important;}
.footer-clm-right .vc_column-inner {padding-right:0px;}
.footer-clm-right .vc_column-inner > .wpb_wrapper{ align-items: center !important;}
}
/* FOOTER */
#footer { position: relative; width:100%; z-index:9; background-image: url(/wp-content/uploads/2019/04/footer-bg-large.png); background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-size: auto; background-position: 50% 100%;}
#footer p { margin:0;}
#footer .copyright { color:#fff; background-color:#333333; padding: 15px; 20px}
#footer h3 { color:#fff; margin: 30px 0 10px 0;}
#footer h2 { color: #fff; border: 0; font-size: 1.5rem; line-height: 1.75rem; margin: 0 0 10px 0; padding: 0; background: none;}
#footer p { color: #000; font-size: .9rem;line-height: 1.25rem; font-weight: 500}
#footer .footer-nav { text-align: left; margin: 0px 0 0 0; }
#footer .footer-nav a { text-decoration: none !important;}
#footer .footer-nav ul { display: inline-table; margin: 0 0 10px 0px }
#footer .footer-nav li { display: inline-table;margin: 0 10px 0 0;}
#footer .footer-nav .menu>li>a { padding: 0; font-family: "Roboto Slab",serif; color: #fff; font-weight: 500;list-style-type: circle; font-size: 1rem; text-decoration: underline; text-transform: uppercase}
#footer .sm-menu { position: relative; right: 0px; top: 0px;}
.footer label { color: #fff;}
.footer-nav .menu .active>a { background: none; color: #fefefe;}
a.footer-btn { font-size: 14px; padding: 14px; font-family: "Roboto",sans-serif;padding-right: 20px; text-transform: uppercase; font-weight: 700; background: #74BC1F; color: #fff; margin: 10px 0 17px 0; display: block; width: max-content;}
img.footer-logo { margin: 0 0px 40px 0; }
.footer-section {padding-right: 0 !important;}
.footer-clm-right .vc_column-inner > .wpb_wrapper {display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-end; padding-top: 57px;}
.footer-clm-right a.btn.btn-green {margin-top: 0px !important;}
.footer-address {padding-left: 10px;}
@media (min-width:1025px){
#footer-row {display:flex; padding: 0 10px;}
.footer_clm-left {width: 490px;}
.footer-clm-right {width: 80%;}
#footer-nav-wrapper {display: flex; align-items: flex-start; gap: 17px;}
}
/* SOCIAL MEDIA */
.sm-menu { right: 10px; top: 32px;}
.menu-social-media-container li { list-style-type: none; display: block; }
.menu-social-media-container li a { font-size:0; display: block; width: 24px; height:24px; }
.menu-social-media-container li.sm { display: inline-block; padding: 0; margin: 0 0 0 8px; width:24px; height:24px; border-radius: 15px;}
.menu-social-media-container li.fb { background:#00aeef url(../images/sm/facebook/facebook-svg.svg) center no-repeat; }
.menu-social-media-container li.fb:hover { background:#000 url(../images/sm/facebook/facebook-svg.svg) center no-repeat}
.menu-social-media-container li.tw { background:#00aeef url(../images/sm/twitter/twitter-svg.svg) center no-repeat }
.menu-social-media-container li.tw:hover { background:#000 url(../images/sm/twitter/twitter-svg.svg) center no-repeat }
.menu-social-media-container li.li { background:#00aeef url(../images/sm/linkedin/linkedin-svg.svg) center no-repeat}
.menu-social-media-container li.li:hover { background:#000 url(../images/sm/linkedin/linkedin-svg.svg) center no-repeat}
.menu-social-media-container li.yt { background:#00aeef url(/wp-content/uploads/2020/06/YouTube-White-Logo-Transparent-Center.svg) center no-repeat; background-size: 57% !important;}
.menu-social-media-container li.yt:hover { background:#000 url(/wp-content/uploads/2020/06/YouTube-White-Logo-Transparent-Center.svg) center no-repeat}
/* SOCIAL SHARING */
.social-share ul { padding: 0 0 30px 0; margin: 10px auto; width: max-content; display: block;}
.social-share li { width: 32px; height: 32px; float: left; list-style-type: none; padding: 0; margin: 0; border: 0; font-size: 0;}
.social-share li a { display: block; width: 32px; height: 32px; font-size: 0;}
.social-share li a.li { background: url(../images/sm/LinkedIn-Icon.png) center no-repeat;}
.social-share li a.tw { background: url(../images/sm/Twitter-Icon.png) center no-repeat;}
/* RESOURCES */
.resource-title a { font-family: "Roboto Slab",serif; margin:0; color: #224870;font-weight: 900;}
.resource-date { text-transform: uppercase; font-size: .8rem; font-family: "Roboto Slab",serif; margin: 0 0 10px 0;}
.resource-excerpt { font-family: "Roboto",sans-serif; font-size: 1rem; line-height: 1.25rem;color: #666;}
/* WORKING */
a.working-title { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
a.working-title-hdr { display: block; padding: 10px; position: absolute; top: 0; left: 0; color: #fff; font-family: "Roboto Slab",serif; background: #02acef; width: auto;}
a.working-title-hdr:hover { background: #74BC1F; }
blockquote { border-left: 1px solid #24abe2;}
.callout-quote { padding: 30px; background:#24abe2 url(../images/callout-dna.png) bottom right no-repeat; color: #fff;}
.callout-quote p { color: #fff;}
p#breadcrumbs { border-bottom: 1px solid #cccc; padding: 0 0 5px 0; margin: 0 0 30px 0; font-size: .8rem; text-transform: uppercase; }
.facetwp-checkbox { font-family: 'Roboto Slab'; font-size: 1rem; font-weight: 400; color: #666;}
/* FORM */
.gform_wrapper label.gfield_label, label { font-family: "Roboto Slab",serif; font-weight: 300; font-size: 1rem; line-height: 1.35rem; color: #666; }
.banner h2 {font-size: 4.2rem; font-weight: 900; margin:0 0 20px 0; }
.banner h3 {font-size: 2.2rem; font-weight: 300; letter-spacing: .3rem; margin:0 0 20px 0;}
.banner p {font-size: 1.25rem; font-weight: 100; line-height: 1.5rem;}
/* TABLE */
.table-title h2 {}
.table-categories h3 {background: #E4E4E4;}
.table-item p {}
.source-title p {display: inline; position: relative;}
.biosimilar-table .brand-name {background: #00ADEE; color: #fff;}
.biosimilar-table {background: #000;}