/* Color Tokens */
#primary {
color: #00548B; /* $primary */
}
#secondary {
color: #D0282E; /* $secondary */
}
#tertiary {
color: #3F79BC; /* $tertiary */
}
#light {
color: #EFECE4; /* $light */
}
#dark {
color: #53616F; /* $dark */
}
#white {
color: #FFFFFF; /* $white */
}
#text {
color: #2B2E30; /* $text */
}
/* End Color Tokens */
/* Pre-loaded CSS Styles */
*, *:before, *:after {
box-sizing: border-box;
}
.accessibility-zone {
padding: 0;
}
icon {
font-family: 'icomoon-ult' !important;
speak: none;
font-style: normal;
font-weight: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
font-size: 1em;
}
.access-options icon.access-btn {
opacity: 1 !important;
}
icon svg {
font-size: 1em;
width: 1em;
height: 1em;
opacity: 0;
}
svg {
height: 1em;
width: 1em;
fill: currentColor;
}
.testimonial-feed-container .video-item .video-pop {
opacity: 0;
}
/* End Pre-loaded CSS Styles */
/* Access Options Menu Style One */
.access-options.t1 {
position: fixed;
bottom: 0;
left: 0;
z-index: 65;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
background-color: #3D83F1;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition: transform .4s ease 0s;
}
.down-scroll .access-options.t1 {
-webkit-transform: translateY(250%);
-ms-transform: translateY(250%);
transform: translateY(250%);
}
.cms-edit-layout .access-options.t1 {
position: static;
}
.access-open.access-options.t1 {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.access-options.t1 .access-btn {
display: block;
position: absolute;
padding: .5em .6em;
border-radius: 50%;
text-align: center;
font-size: 2em;
color: #FFFFFF;
z-index: 1;
outline: none;
cursor: pointer;
background-color: #3D83F1;
}
.no-touch .access-options.t1 .access-btn:hover, .no-touch .access-options.t1 .access-btn:focus {
background-color: #000000;
color: #FFFFFF;
}
.access-options.t1 .access-btn.open-btn {
left: .5em;
top: 0;
-webkit-transform: translateY(-122%);
-ms-transform: translateY(-122%);
transform: translateY(-122%);
transition: transform .4s ease 0s, top .4s ease 0s, color .4s ease 0s, background-color .4s ease 0s, left .4s ease 0s, bottom .4s ease 0s;
display:none!important;
}
.access-open.access-options.t1 .access-btn.open-btn {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.access-options.t1 .access-btn.close-btn {
right: .5em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
transition: transform .4s ease 0s, top .4s ease 0s, color .4s ease 0s, background-color .4s ease 0s, left .4s ease 0s;
visibility: hidden;
}
.access-open.access-options.t1 .access-btn.close-btn {
visibility: visible;
}
.access-options.t1 > ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
visibility: hidden;
}
.access-open.access-options.t1 > ul {
visibility: visible;
}
.access-options.t1 > ul::-webkit-scrollbar {
width: 8px;
}
.access-options.t1 > ul::-webkit-scrollbar-thumb {
border-radius: 5px;
border: none;
background-color: #FFFFFF;
}
.access-options.t1 > ul::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #000000;
}
.access-options.t1 > ul > li {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.access-options.t1 ul li button {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 1.5em 1em;
background-color: #3D83F1;
color: #FFFFFF;
transition: background-color .4s ease 0s;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
outline: none;
}
.no-touch .access-options.t1 ul li button:hover, .no-touch .access-options.t1 ul li button:focus, .access-options.t1 ul li button.active {
background-color: #000000;
}
.access-options.t1 ul li > button > icon, .access-options.t1 ul li > button > svg {
display: block;
font-size: 1.75em;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: .25em;
}
/* End Access Options Menu Style One */
/* Content Only Mode */
html.content-open body > main, html.content-open body > footer {
display: none;
}
html.content-open .header-area-bottom {
z-index: 9999;
}
html.content-open #HeaderBottomArea > div > .content-screen {
display: none;
}
html.content-open #TopArea > div:not(#ContentZoneV1), html.content-open .content-piece.v1 {
display: none;
}
.content-screen {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 3em 4%;
overflow: auto;
background-color: #FFFFFF;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: transform .5s ease 0s, opacity .5s ease 0s;
opacity: 0;
z-index: 60;
display: none;
}
html.high-contrast-mode .content-screen {
background-color: #000000;
color: #FFFFFF;
}
.access-open + .content-screen {
padding-bottom: 8em;
}
.content-open .content-screen {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
display: block;
}
.content-screen img, .content-screen icon {
display: none;
}
.content-screen .content-block {
}
.content-screen .content-block + .content-block {
margin-top: 2em;
}
/* End Content Only Mode */
/* High Contrast Mode */
html.high-contrast-mode {
}
html.high-contrast-mode body > *:not(#AccessibilityZone) *:not(img):not(.header-area):not(input):not(select):not(textarea):not(.btn), html.high-contrast-mode body > *:not(#AccessibilityZone) *:before, html.high-contrast-mode body > *:not(#AccessibilityZone) *:after {
background-image: none !Important;
background-color: #000000 !Important;
color: #FFFFFF !Important;
}
html.high-contrast-mode a {
text-decoration: underline !Important;
}
html.high-contrast-mode .btn, html.high-contrast-mode input, html.high-contrast-mode select, html.high-contrast-mode textarea {
background-color: #FFFFFF !Important;
color: #000000 !Important;
}
html.high-contrast-mode ::-webkit-input-placeholder {
color: #000000 !Important;
}
html.high-contrast-mode :-moz-placeholder {
color: #000000 !Important;
}
html.high-contrast-mode ::-moz-placeholder {
color: #000000 !Important;
}
html.high-contrast-mode ::-ms-input-placeholder {
color: #000000 !Important;
}
/* End High Contrast Mode */
/* Screen Mask Mode */
.screen-mask .mask {
position: fixed;
z-index: 63;
width: 100%;
background-color: rgba(0,0,0,0.75);
display: none;
}
.high-contrast-mode.screen-mask .mask {
background-color: rgba(255,255,255,0.75) !important;
}
.screen-mask.mask-active .mask {
display: block;
}
.screen-mask .mask.top {
top: 0;
}
.screen-mask .mask.bottom {
bottom: 0;
}
/* End Screen Mask Mode */
/* Text Size STyles */
html.large-text body {
font-size: 1.2em;
}
html.larger-text body {
font-size: 1.4em;
}
/* End Text Size STyles */
/* General Header Styles */
header {
}
.cms-active-only #HeaderContainer {
background-color: #EFECE4; /* $light */
}
.header-area {
z-index: 50;
top: 0;
left: 0;
width: 100%;
position: fixed;
transition: transform .5s ease 0s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 0.1em 1.5em rgba(0,0,0,0.2);
}
.nav-bar {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #FFFFFF; /* $white */
position: relative;
transition: background-color .5s ease 0s;
}
.nav-bar .tel-call {
display: none;
}
.nav-bar .mobile-nav {
display: none;
}
.nav-bar .top-logo {
width: 23%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: block;
padding: 0 1%;
position: relative;
}
.nav-bar .top-logo img {
height: auto;
}
.nav-bar .top-logo + .transifex {
display: none;
}
.nav-bar .top-logo .relative {
width: 100%;
}
.nav-bar .top-logo .top-image {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
transition: opacity .5s ease 0s;
z-index: -1;
}
.nav-bar .box {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 77%;
}
.nav-bar .upper-top-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
z-index: 2;
}
.upper-top-nav .top-links-translate {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
background-image: linear-gradient(to right,#F3F2ED 30%,#D7ECFA);
}
.top-links-translate .top-links {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 1.333em;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition: transform .5s ease 0s;
}
.top-links-translate .top-links li {
}
.top-links-translate .top-links li a {
color: #3F79BC; /* $tertiary */
font-weight: 500;
font-family: 'Montserrat', sans-serif; /* @mainfont */
font-size: 0.833em;
padding: .65em 0.65em;
}
.no-touch .top-links-translate .top-links li a:hover, .no-touch .top-links-translate .top-links li a:focus {
color: #D0282E; /* $secondary */
}
.top-links-translate .top-links li a:first-child {
padding-left: 1.3em;
}
.top-links-translate .top-links li a:last-child {
padding-left: 1.3em;
}
.nav-bar .translate {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 .65em;
transition: transform .5s ease 0s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nav-bar .translate .transifex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.nav-bar .translate .transifex ul.transifex-list {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate(0,-100%);
-ms-transform: translate(0,-100%);
transform: translate(0,-100%);
width: 11.5em;
background-image: linear-gradient(to bottom,#D7ECFA,#F3F2ED);
text-align: center;
transition: .5s ease 0s;
pointer-events: none;
}
.nav-bar .translate .transifex ul.transifex-list li {
padding: .3em 0;
cursor: pointer;
}
.nav-bar .translate .transifex ul.transifex-list.show-list {
-webkit-transform: translate(0, 6.4%);
-ms-transform: translate(0, 6.4%);
transform: translate(0, 6.4%);
opacity: 1;
pointer-events: visible;
}
.nav-bar .translate .transifex p {
}
.nav-bar .translate .transifex icon {
color: #3F79BC; /* $tertiary */
padding-right: .65em;
cursor: pointer;
}
.nav-bar .translate .transifex icon.transifex-icon {
}
.nav-bar .translate .transifex icon.transifex-arrow {
padding-right: 0;
font-size: .75em;
}
.nav-bar .translate p {
padding: .65em;
color: #3F79BC; /* $tertiary */
font-weight: 500;
font-size: 0.833em;
font-family: 'Montserrat', sans-serif; /* @mainfont */
cursor: pointer;
}
.upper-top-nav .site-search-trigger {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.upper-top-nav .site-search-trigger .search-btn {
font-size: 1em;
color: #FFFFFF; /* $white */
cursor: pointer;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: .65em 1.25em;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition: transform .5s ease 0s;
}
.upper-top-nav .site-search-trigger .search-btn:hover {
}
.upper-top-nav-search {
height: 2.722em;
position: fixed;
z-index: -1;
right: 0;
top: 0;
width: 100%;
transition: z-index 0s ease .6s, visibility 0s ease .6s;
visibility: hidden;
}
.cms-active-only .upper-top-nav-search {
position: relative;
visibility: visible;
}
.upper-top-nav-search.search-open {
z-index: 52;
visibility: visible;
transition: none;
}
_.down-scroll .upper-top-nav-search.search-open {
top: -100%;
transition: .5s ease 1s;
}
_.up-scroll .upper-top-nav-search.search-open {
top: 0;
transition: .5s ease 0s;
}
.site-search .popup, .contact-form.popup {
position: absolute;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
top: 0;
transition: transform .5s ease 0s;
right: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
z-index: 53;
background-color: #3F79BC; /* $tertiary */
height: 100%;
padding: 0.333em;
max-height: 2.722em;
}
.cms-admin .site-search .popup, .cms-admin .upper-top-nav-search {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 2;
}
.site-search.search-open .popup, .form-open .contact-form.popup {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.site-search .popup .search-box, .contact-form.popup .iframe-con {
width: 100%;
}
.contact-form.popup .iframe-con iframe {
height: 40em;
}
.site-search .popup .search-box {
height: 100%;
}
.site-search .popup .search-box label {
display: none;
}
.site-search .popup .search-box .search-input {
position: relative;
height: 100%;
}
.site-search .popup .search-box .search-input input {
width: 100%;
height: 100%;
line-height: 1.2;
}
.site-search .popup .search-box .search-input button {
position: absolute;
right: -1px;
top: 0;
color: #FFFFFF; /* $white */
height: 101%;
width: 8%;
font-size: 1em;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition: background-color .5s ease 0s;
}
.site-search .popup .search-box .search-input .icon-btn {
}
.site-search .popup .search-box .search-input .icon-btn:after {
background-image: linear-gradient(to right,#D0282E 34%,#F73E3E 34%,#F73E3E 65%,#D0282E 65%);
}
.site-search .popup .search-box .search-input button:hover, .site-search .popup .search-box .search-input button:focus {
}
.site-search .popup .search-btn:after {
z-index: -1;
}
.nav-bar .top-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.top-nav .desktop-nav {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
transition: 0s;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 1;
background-color: #FFFFFF; /* $white */
padding: 0 0.794em;
position: relative;
overflow: visible;
}
.mm-open .top-nav .desktop-nav {
transition: transform .5s ease 0s;
}
.top-nav .desktop-nav .extra-links {
display: none;
}
.top-nav .desktop-nav:after {
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #FFFFFF; /* $white */
z-index: -1;
}
.top-nav .desktop-nav > a {
display: none;
}
.top-nav .desktop-nav li {
font-size: 0.944em;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: 500;
position: relative;
_padding: 1em;
}
.top-nav .desktop-nav > li {
height: 100%;
}
.top-nav .desktop-nav li.menu-close {
display: none;
}
.no-touch .top-nav .desktop-nav li.menu-close:hover, .no-touch .top-nav .desktop-nav li.menu-close:focus {
background-color: #FFFFFF; /* $white */
}
.no-touch .top-nav .desktop-nav li.menu-close a:hover, .no-touch .top-nav .desktop-nav li.menu-close a:focus {
color: #D0282E;
}
.top-nav .desktop-nav li:after {
content: '';
display: block;
width: calc(100% - 3.1em);
height: .4em;
position: absolute;
transition: transform .5s ease 0s;
background-color: #3F79BC; /* $tertiary */
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
left: 1.55em;
bottom: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
pointer-events: none;
}
.top-nav .desktop-nav li.selected:before {
content: '';
display: block;
width: calc(100% - 3.1em);
height: .4em;
position: absolute;
transition: transform .5s ease 0s;
background-color: rgba(63,121,188,0.4);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
left: 1.55em;
bottom: 0;
pointer-events: none;
}
.top-nav .desktop-nav li:before {
display: none;
}
.top-nav .desktop-nav li.child0:after {
}
.top-nav .desktop-nav li:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.top-nav .desktop-nav li a {
color: #00548B; /* $primary */
padding: 1em 1.25em;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
background-color: #FFFFFF; /* $white */
line-height: 1;
}
.top-nav .desktop-nav li a.collapsing-btn {
display: none;
}
.top-nav .desktop-nav li:first-child a {
}
.top-nav .desktop-nav li:last-child a {
}
.top-nav .desktop-nav li a:hover {
}
.top-nav .desktop-nav > li:nth-last-child(-n+3) > div {
left: -140%;
}
.top-nav .desktop-nav li .panel-btn {
display: none;
position: relative;
font-size: 1em;
padding: .5em .75em;
line-height: 1;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-nav .desktop-nav li .dd-nav {
position: absolute;
width: 22.222em;
left: -1.5em;
top: 100%;
padding: 2em 10px 2.5em 2em;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
z-index: -1;
opacity: 0;
transition: opacity .75s ease 0s, transform .75s ease 0s;
background-color: #00548B; /* $primary */
}
.top-nav .desktop-nav li:last-child .dd-nav {
left: auto;
right: 0;
}
.top-nav .desktop-nav li.doctors .dd-nav {
width: 28em;
padding: 3em 2.5em;
}
.top-nav .desktop-nav li:hover .dd-nav, .top-nav .desktop-nav li.open .dd-nav {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.desktop-nav li .dd-nav ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: block;
max-height: 55vh;
overflow: auto;
width: 100%;
position: relative;
}
.desktop-nav li .dd-nav ul::-webkit-scrollbar-thumb {
background-color: #FFFFFF; /* $white */
}
.desktop-nav li .dd-nav ul .dd-close {
display: none;
}
.desktop-nav li .dd-nav ul li {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 100%;
padding: 0.5em 1em;
}
.desktop-nav li.doctors {
font-size: 1em;
}
.desktop-nav li.doctors .dd-nav ul li {
font-size: 1em;
}
.desktop-nav li .dd-nav ul li:before {
display: none;
}
.desktop-nav li .dd-nav ul li:after {
display: none;
}
.desktop-nav li .dd-nav ul li a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0;
color: #FFFFFF; /* $white */
transition: padding .5s ease 0s, color .5s ease 0s, background-color .5s ease 0s;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
background-color: transparent;
line-height: 2;
}
.desktop-nav li .dd-nav ul li a:after {
content: '';
width: 1.125em;
height: 1.125em;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .5s ease 0s;
margin-left: 1em;
display: none;
}
.desktop-nav li .dd-nav ul li a:hover:after {
opacity: 1;
transition: opacity .5s ease .25s;
}
/*.down-scroll .fixed .header-area {
transition: transform .5s ease 0s;
-webkit-transform: translateY(-110%);
-ms-transform: translateY(-110%);
transform: translateY(-110%);
}
*/
.down-scroll .fixed .header-area:hover, .down-scroll .fixed .header-area:focus {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.desktop-nav li .dd-nav.treatment-care {
width: 44.444em;
left:-9.5em;
}
.desktop-nav li .dd-nav.treatment-care .title {
color: #FFFFFF;
font-size: 1.4rem;
}
.desktop-nav li .dd-nav.treatment-care .all-services-link {
color: #00548B;
background-color: #FFFFFF;
font-size: .85rem;
position: absolute;
right: .5em;
bottom: 1ch;
padding: .5em;
transition: color .5s ease 0s, background-color .5s ease 0s;
}
.desktop-nav li .dd-nav.treatment-care .all-services-link:hover {
background-color: #ddeaf2;
color: #D0282E;
}
.desktop-nav li .dd-nav.treatment-care .fly-nav {
display: flex;
}
.desktop-nav li .dd-nav.treatment-care .fly-nav li {
width: 49%;
flex: 0 1 49%;
}
.local .desktop-nav li .dd-nav.treatment-care {
left: -300%;
}
.desktop-nav li .dd-nav.treatment-care .all-services-mobile {
display:none;
}
/* End General Header Styles */
/* Home Page Header Above 1200px
@media screen and (min-width: 1201px) {
.home-page:not(.fixed) .header-area {
box-shadow: none;
}
.cms-admin .header-area {
position: relative;
}
.home-page:not(.fixed) .nav-bar {
background-color: transparent;
}
.home-page:not(.fixed) .top-nav .desktop-nav {
transition: transform 0s ease 0s;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
pointer-events: none;
}
.cms-editing .home-page:not(.fixed) .top-nav .desktop-nav {
-webkit-transform: none;
-ms-transform: none;
transform: none;
pointer-events: auto;
}
.home-page:not(.fixed) .upper-top-nav {
pointer-events: none;
z-index: 0;
}
.cms-editing .home-page:not(.fixed) .upper-top-nav {
pointer-events: auto;
}
.home-page:not(.fixed) .upper-top-nav .top-links-translate {
pointer-events: none;
background-image: none;
}
.cms-editing .home-page:not(.fixed) .upper-top-nav .top-links-translate {
pointer-events: auto;
background-image: linear-gradient(to right,#F3F2ED 30%,#D7ECFA);
}
.home-page:not(.fixed) .top-links-translate .top-links {
transition: transform 0s ease 0s;
-webkit-transform: translateY(-110%);
-ms-transform: translateY(-110%);
transform: translateY(-110%);
}
.cms-editing .home-page:not(.fixed) .top-links-translate .top-links {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.home-page:not(.fixed) .nav-bar .translate {
-webkit-transform: translateY(-110%);
-ms-transform: translateY(-110%);
transform: translateY(-110%);
}
.cms-editing .home-page:not(.fixed) .nav-bar .translate {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.home-page:not(.fixed) .upper-top-nav .site-search-trigger .search-btn {
-webkit-transform: translateY(-110%);
-ms-transform: translateY(-110%);
transform: translateY(-110%);
}
.cms-editing .home-page:not(.fixed) .upper-top-nav .site-search-trigger .search-btn {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.home-page:not(.fixed) .want-to-find {
position: absolute;
top: 0;
right: 0;
}
.cms-editing .home-page:not(.fixed) .want-to-find {
position: relative;
}
.home-page:not(.fixed) .want-to-find .want-to-find-dropdown {
width: 300%;
right: 0;
}
.home-page:not(.fixed) .nav-bar .top-logo .fixed-img {
opacity: 0;
}
.cms-editing .home-page:not(.fixed) .nav-bar .top-logo .fixed-img {
opacity: 1;
}
.home-page:not(.fixed) .nav-bar .top-logo .top-image {
opacity: 1;
pointer-events: none;
}
.home-page:not(.fixed) .nav-bar .box {
background-color: transparent;
}
}
End Home Page Header Above 1200px */
/* Urgent Message Styles */
.alert-section {
position: relative;
}
.header-area .urgent-message-container {
}
_.newark-beth-israel-medical-center-page .header-area .urgent-message-container {
display: none;
}
.urgent-message-container {
position: relative;
z-index: 2;
}
.urgent-message-container.cancer .urgent-message {
background-color: #D0282E;
background-image: none;
color:#FFFFFF;
}
.urgent-message-container.cancer .urgent-message p {
color:#FFFFFF;
font-size: .85em;
}
.urgent-message-container.cancer .urgent-message a {
font-size: .95em;
color: #FFFFFF;
}
.urgent-message-container.cancer .urgent-message a:hover, .no-touch .urgent-message-container.cancer .urgent-message a:focus {
color: #ffd358;
}
.urgent-message-container.cancer .urgent-message a::after {
background-color: #FFFFFF;
}
.urgent-message {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
_background-image: url("/images/emergency-update-bg.jpg");
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
_display: none;
background-color: #ffe471;
padding: .2em 0;
}
.urgent-message > icon, .urgent-message > svg {
margin: .3em .5em;
align-self: flex-start;
}
.urgent-message p {
margin-right: .3em;
font-weight: 600;
font-family: 'Montserrat', sans-serif; /* @mainfont */
_font-size: 0.722em;
font-size: 13px;
}
.urgent-message strong {
font-weight: 600;
}
.urgent-message a {
font-weight: 600;
color: #2B2E30; /* $text */
position: relative;
transition: color .5s ease 0s;
}
.urgent-message a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
background-color: #2B2E30; /* $text */
transition: background-color .5s ease 0s;
}
.no-touch .urgent-message a:hover, .no-touch .urgent-message a:focus {
color: #D0282E; /* $secondary */
}
.no-touch .urgent-message a:hover:after, .no-touch .urgent-message a:focus:after {
background-color: #D0282E; /* $secondary */
}
.fixed .urgent-message-container {
display:none;
}
.fixed .cancer.urgent-message-container, .urgent-message-container.cancer .urgent-details {
display: block;
}
.site-wide .urgent-message {
background-image: none;
background-color: #3f79bc;
color: #ffffff;
}
.site-wide .urgent-message p {
font-size: 15px;
}
.no-touch .site-wide .urgent-message a:hover, .not-touch .site-wide .urgent-message a:focus {
color: #D7ECFA;
}
.no-touch .site-wide .urgent-message a:hover:after, .no-touch .site-wide .urgent-message a:focus:after {
background-color: #D7ECFA;
}
.site-wide .urgent-message icon {
display:none;
}
.site-wide .urgent-message a {
color: #ffffff;
}
.site-wide .urgent-message a:after {
color: #00548b;
background-color: #ffffff;
}
/* End Urgent Message Styles */
/* I Want To Find */
.want-to-find {
display: block;
}
.want-to-find button {
border: none;
font-family: inherit;
font-size: inherit;
line-height: inherit;
outline: none;
cursor: pointer;
margin: 0;
padding: 0;
background-color: transparent;
}
.want-to-find .close-btn {
position: absolute;
top: 1ch;
right: 1ch;
display: inline-flex;
flex-flow: row-reverse wrap;
color: #FFFFFF;
z-index: 10;
}
.want-to-find .close-btn > span {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
visibility: hidden;
}
.want-to-find .trigger:not(.close-btn) {
align-items: center;
justify-content: space-between;
display: flex;
padding: 1.889em 2.667em;
font-size: 0.944em;
min-width: 14.941em;
letter-spacing: 0;
position: relative;
background-color: transparent;
text-align: center;
font-weight: 600;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
color: #FFFFFF;
transition: 0.5s ease;
}
.want-to-find .trigger span {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity .5s ease 0s;
align-items: center;
justify-content: center;
display: flex;
}
.want-to-find .trigger span > icon, .want-to-find .trigger span > svg {
margin-left: 1em;
}
.want-to-find .trigger:hover {
background-color: transparent;
}
.want-to-find .trigger:not(.close-btn):before {
content: '';
top: 0;
left: 0;
height: 100%;
width: 300%;
background-image: linear-gradient(to right,#D0282E 34%,#F73E3E 34%,#F73E3E 65%,#D0282E 65%);
position: absolute;
-webkit-transform: translateX(-66.6%);
-ms-transform: translateX(-66.6%);
transform: translateX(-66.6%);
transition: transform .5s ease 0s;
}
.want-to-find .trigger:not(.close-btn):hover::before, .want-to-find .trigger:not(.close-btn):focus::before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.want-to-find .trigger p {
color: #FFFFFF; /* $white */
margin-right: .5em;
font-family: 'Montserrat', sans-serif; /* @mainfont */
}
.want-to-find .trigger > p {
opacity: 1;
transition: opacity .5s ease 0s;
font-size: .9em;
position: relative;
}
.want-to-find .trigger icon {
transition: transform .5s ease 0s;
}
.want-to-find .trigger > icon {
opacity: 1;
transition: opacity .5s ease 0s;
position: relative;
}
.want-to-find .trigger icon svg {
stroke: currentColor;
}
.want-to-find .trigger.close {
display: none;
}
.want-to-find .want-to-find-dropdown {
position: absolute;
transition: transform .5s ease 0s, opacity .5s ease 0s, z-index 0s ease 0s, visibility 0s ease .6s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
width: 31%;
background-color: #D0282E; /* $secondary */
padding: 1em 2em;
z-index: -2;
visibility: hidden;
}
.want-to-find-dropdown .dropdown-links {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.want-to-find-dropdown .dropdown-links li {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 33%;
}
.want-to-find-dropdown .dropdown-links li.header {
display: none;
}
.want-to-find-dropdown .dropdown-links li.header h4 {
font-size: 1.944em;
font-weight: 300;
color: #FFFFFF;
}
.want-to-find-dropdown .dropdown-links li a {
color: #FFFFFF; /* $white */
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
line-height: 1.2em;
font-size: 0.722em;
text-transform: uppercase;
font-weight: 500;
padding: 2.769em 1em 2.769em 1em;
transition: background-color .5s ease 0s, padding .5s ease 0s;
letter-spacing: .1em;
width: 100%;
}
.no-touch .want-to-find-dropdown .dropdown-links li a:hover, .no-touch .want-to-find-dropdown .dropdown-links li a:focus {
padding: 1.769em 1em 3.769em 1em;
background-color: #F73E3E;
}
.want-to-find-dropdown .dropdown-links li a img {
width: 100%;
height: 4.077em;
margin-bottom: 1.5em;
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: transform .5s ease 0s;
background-position: 50% 50%;
background-size: contain;
object-fit: contain;
background-repeat: no-repeat;
}
.want-to-find-dropdown .static-site-search {
margin: 1em 0;
}
.want-to-find .trigger > p {
opacity: 1;
transition: opacity .5s ease 0s;
font-size: .9em;
position: relative;
}
.want-to-find .trigger > icon, .want-to-find .trigger > svg {
opacity: 1;
transition: .5s ease 0s;
position: relative;
}
.want-to-find .trigger > icon svg, .want-to-find .trigger > svg {
stroke: currentColor;
}
.want-to-find.find-open .trigger > icon, .want-to-find.find-open .trigger > svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.want-to-find .trigger.close {
display: none;
}
.want-to-find .want-to-find-dropdown {
position: absolute;
transition: transform .5s ease 0s, opacity .5s ease 0s, z-index 0s ease 0s, visibility 0s ease .6s;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
width: 41%;
background-color: #D0282E; /* $secondary */
padding: 2rem 2rem 1rem 2rem;
z-index: -2;
visibility: hidden;
}
.want-to-find.find-open .want-to-find-dropdown {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
z-index: 1;
transition: transform .5s ease 0s, opacity .5s ease 0s, z-index 0s ease .5s;
visibility: visible;
}
.want-to-find-dropdown .dropdown-links {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.want-to-find-dropdown .dropdown-links li {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
}
.want-to-find-dropdown .dropdown-links li.header {
display: none;
}
.want-to-find-dropdown .dropdown-links li.header h4 {
font-size: 1.944em;
font-weight: 300;
color: #FFFFFF;
}
.want-to-find-dropdown .dropdown-links li a {
color: #FFFFFF; /* $white */
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
line-height: 1.2em;
font-size: 0.722em;
text-transform: uppercase;
font-weight: 500;
padding: 2.769em 1em 2.769em 1em;
transition: background-color .5s ease 0s, padding .5s ease 0s;
letter-spacing: .1em;
width: 100%;
}
.no-touch .want-to-find-dropdown .dropdown-links li a:hover, .no-touch .want-to-find-dropdown .dropdown-links li a:focus {
padding: 1.769em 1em 3.769em 1em;
background-color: #F73E3E;
}
.want-to-find-dropdown .dropdown-links li a icon {
width: 100%;
font-size: 4.077em;
margin-bottom: .4em;
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: transform .5s ease 0s;
}
.want-to-find-dropdown .static-site-search {
margin: 1em 0;
}
.static-site-search .search {
}
.static-site-search .search .search-box {
}
.static-site-search .search .search-box label {
display: none;
}
.static-site-search .search .search-box .search-input {
position: relative;
}
.static-site-search .search .search-box .search-input input {
width: 100%;
line-height: 1.2;
}
.static-site-search .search .search-box .search-input button {
position: absolute;
right: 0.5%;
top: 5%;
color: #FFFFFF; /* $white */
height: 90%;
width: 12%;
font-size: 1em;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition: background-color .5s ease 0s;
}
.static-site-search .search .search-box .search-input button:hover, .static-site-search .search .search-box .search-input button:focus {
}
/* End I Want To Find */
/* Find a Doctor Search DDNav */
.doctors .dd-nav {
}
.doctor-search-box-dropdown {
}
.doctor-search-box-dropdown li {
}
.doctor-search-box-dropdown li .input-text {
width: 100%;
}
.doctor-search-box-dropdown li .btn.no-background {
background-color: transparent;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 0.875em 0 0.875em;
margin: 0;
height: 100%;
color: #D0282E; /* $secondary */
width: 57%;
}
.doctor-search-box-dropdown li .btn.no-background:hover {
background-color: transparent;
padding: 0 0.438em 0 1.313em;
}
.doctor-search-box-dropdown li .btn.no-background:after {
opacity: 1;
}
.dd-nav .doctor-search-container .doctor-search-box-dropdown {
padding: 3.611em 4.556em;
}
.dd-nav .doctor-search-box-dropdown li {
position: relative;
margin-bottom: 1em;
}
.dd-nav .doctor-search-box-dropdown li.sub-title {
}
.dd-nav .doctor-search-box-dropdown li p {
color: #FFFFFF; /* $white */
text-transform: uppercase;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 12px;
letter-spacing: .2em;
font-weight: 300;
font-family: 'Montserrat', sans-serif; /* @mainfont */
width: 100%;
}
.dd-nav .doctor-search-box-dropdown li p:after {
content: '';
display: block;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 25em;
height: 1px;
margin-left: 1em;
background-color: #3F79BC; /* $tertiary */
}
.dd-nav .doctor-search-box-dropdown li .btn {
margin-top: 1em;
font-size: 0.875em;
}
.dd-nav .doctor-search-box-dropdown li .btn.no-background {
margin-top: 0;
font-family: 'Montserrat', sans-serif; /* @mainfont */
font-weight: 600;
}
/* End Find a Doctor Search DDNav */
/* Local Top Nav */
.local.header-area {
}
.local .upper-top-nav .top-links-translate {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.local .upper-top-nav .top-links-translate a.phone > icon, .local .upper-top-nav .top-links-translate a.phone > svg {
display: none;
}
.local .nav-bar .upper-top-nav .translate {
padding: 0;
}
.local .upper-top-nav .top-links-translate .top-links {
position: relative;
padding: 0 .333em;
margin-left: 0;
}
.local .upper-top-nav .top-links-translate .local-links {
}
.local .upper-top-nav .top-links-translate .local-links li {
}
.local .upper-top-nav .top-links-translate .local-links li a {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.no-touch .local .upper-top-nav .top-links-translate .local-links li a:hover, .no-touch .local .upper-top-nav .top-links-translate .local-links li a:focus {
color: #3F79BC; /* $tertiary */
}
.local .upper-top-nav .top-links-translate .local-links li.item-1 a {
color: #D0282E; /* $secondary */
padding: .65em;
}
.local .upper-top-nav .top-links-translate .local-links li.item-2 a {
color: #778490;
font-size: 12px;
}
.local .upper-top-nav .top-links-translate .local-links li a > icon, .local .upper-top-nav .top-links-translate .local-links li a > svg {
font-size: 1.1em;
margin-right: .5em;
}
.local .upper-top-nav .top-links-translate .local-links li.item-2 a > icon, .local .upper-top-nav .top-links-translate .local-links li.item-2 a > svg {
font-size: 1.375em;
}
.local .upper-top-nav .top-links-translate .local-links:after {
position: absolute;
content: '';
top: 20%;
right: 0;
height: 60%;
width: 1px;
background-color: rgba(119,132,144,0.6);
}
.local .upper-top-nav .top-links-translate .links-localization {
width: 60%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.local .nav-bar .upper-top-nav .translate-phone {
width: 40%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.local .nav-bar .upper-top-nav .translate-phone a.phone {
color: #00548B;
font-size: 1.167em;
padding: 0 1.524em;
font-weight: 600;
letter-spacing: .1em;
}
.header-area + .want-to-find {
display: none;
}
/* End Local Top Nav */
/* Custom Local Top Nav */
/* End Custom Local Top Nav */
/* Mobile Bottom Nav */
.header-area-bottom {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 51;
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: transform .5s ease 0s;
background-color: #FFFFFF; /* $white */
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
}
.cms-edit-layout .header-area-bottom {
display: block;
position: relative;
}
.down-scroll .header-area-bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.header-area-bottom .bottom-menu-holder {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.header-area-bottom .bottom-menu-holder .mobile-nav {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.header-area-bottom .bottom-menu-holder .mobile-nav a {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 1.5em;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #3F79BC; /* $tertiary */
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1;
cursor: pointer;
}
.header-area-bottom .bottom-menu-holder .mobile-nav a > icon, .header-area-bottom .bottom-menu-holder .mobile-nav a > svg {
font-size: 1.5em;
}
.header-area-bottom .bottom-menu-holder .want-to-find {
position: relative;
box-shadow: none;
}
.header-area-bottom .bottom-menu-holder .access-options {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header-area-bottom .bottom-menu-holder .access-options .access-btn {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #3F79BC; /* $tertiary */
cursor: pointer;
padding: 0 1em;
}
.header-area-bottom .bottom-menu-holder .access-options .access-btn > icon, .header-area-bottom .bottom-menu-holder .access-options .access-btn > svg {
font-size: 1.5em;
}
.header-area-bottom .bottom-menu-holder .access-options .access-btn p {
color: #3F79BC; /* $tertiary */
line-height: 1;
}
/* End Mobile Bottom Nav */
/* General Banner Styles */
.banner-area {
}
/* End General Banner Styles */
/* Home Banner Styles */
.banner-area-home {
position: relative;
padding: 0;
overflow: hidden;
}
.banner-area-home:before {
content: '';
display: block;
width: 37.3%;
position: absolute;
top: 0;
left: 0;
background-image: url(/images/mainstage-corner-tint.png);
padding: 10.6% 0;
background-position: top left;
z-index: 1;
background-repeat: no-repeat;
background-size: contain;
}
.banner-area-home.testing:before {
content: '';
display: block;
width: 37.3%;
position: absolute;
top: 0;
left: 0;
background-image: none;
padding: 10.6% 0;
background-position: top left;
z-index: 1;
background-repeat: no-repeat;
background-size: contain;
}
.cms-editing .banner-area-home .cms-edit-panel {
z-index: 1;
}
.banner-area-home video {
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: cover;
width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.banner-area-home video {
height: auto;
}
}
.cms-admin .banner-area-home video {
display: none;
}
.banner-area-home .banner-bar {
}
.banner-area-home ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.banner-area-home ul li {
width: 50%;
overflow: hidden;
}
.banner-area-home ul li a:before {
height: 100%;
width: 100%;
background-color: #00548B; /* $primary */
opacity: 0;
position: absolute;
top: 0;
left: 0;
content: '';
transition: opacity .5s ease 0s;
}
.no-touch .banner-area-home ul:hover li a:before, .no-touch .banner-area-home ul:hover li a:after {
opacity: .75;
}
.no-touch .banner-area-home ul li a:hover:before, .no-touch .banner-area-home ul li a:focus:before {
opacity: 0;
}
.banner-area-home ul li + li a:before {
background-color: #3F79BC; /* $tertiary */
}
@-webkit-keyframes HomeBanner {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes HomeBanner {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes HomeBanner {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes HomeBanner {
0% { opacity: 0; }
100% { opacity: 1; }
}
.banner-area-home ul li a .inner-info {
position: relative;
padding: 2.5em 5.167em 2em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
overflow: visible;
}
.banner-area-home ul li:last-child a .inner-info {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.banner-area-home ul li a div:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 300%;
height: 100%;
transition: transform 0s ease 0s;
-webkit-transform: translateX(-66.6%);
-ms-transform: translateX(-66.6%);
transform: translateX(-66.6%);
background-image: linear-gradient(to right,#00548B 34%,#3F79BC 34%,#3F79BC 65%,#00548B 65%);
overflow: hidden;
z-index: -1;
}
.no-touch .banner-area-home ul li a:hover div:before, .no-touch .banner-area-home ul li a:focus div:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition: transform .5s ease 0s;
}
.banner-area-home ul li + li a div:before {
background-image: linear-gradient(to right,#3F79BC 34%,#5594DC 34%,#5594DC 65%,#3F79BC 65%);
}
.banner-area-home ul li a {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 1;
padding: 25.444em 0 4.444em 0;
}
.banner-area-home ul li + li a {
}
.banner-area-home ul li + li a .inner-info {
padding: 2.5em 5.167em 2em 19.167em;
}
.banner-area-home ul li a p {
width: 100%;
font-size: 2em;
color: #FFFFFF; /* $white */
font-weight: 300;
font-family: 'Montserrat', sans-serif; /* @mainfont */
}
.banner-area-home ul li h4 {
width: 100%;
font-size: 3.889em;
font-weight: 600;
color: #FFFFFF; /* $white */
line-height: 0.643em;
}
@-webkit-keyframes BannerButtons {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes BannerButtons {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes BannerButtons {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes BannerButtons {
0% { opacity: 0; }
100% { opacity: 1; }
}
.banner-area-home ul li a span {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: color .5s;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: relative;
}
.banner-area-home ul li a span:not(.v1) {
padding-top: 2em;
}
.banner-area-home ul li a span.btn {
top: 1.5em;
transform: translateY(70%);
margin-left: 47%;
}
.banner-area-home .version-2 ul li a span {
margin-left: auto;
}
.banner-area-home .version-2 ul li a:hover span {
background-color: #D0282E; /* $secondary */
color: #D0282E;
}
.banner-area-home .version-4 ul li a span {
margin-left: auto;
}
.banner-area-home ul li a span icon {
font-size: 2em;
color: #FFFFFF;
margin-right: .5em;
transition: margin-left .5s ease 0s, color .5s ease;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.banner-area-home ul li a:hover span icon {
}
.banner-area-home ul li a span p {
font-size: 1em;
color: #FFFFFF; /* $white */
text-transform: uppercase;
font-weight: 600;
letter-spacing: .1em;
transition: color .5s ease;
}
.banner-area-home ul li a:hover span p {
}
.banner-area-home ul li a span p + icon {
font-size: 1em;
margin-right: 0;
margin-left: 1em;
}
.banner-area-home ul li a .btn.v1 p + icon {
display: none;
}
.banner-area-home ul li a:hover span p + icon {
margin-left: 1.5em;
}
.banner-bar .drawn-arrow-container {
font-size: 1.556em;
-webkit-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translateX(-30%);
z-index: 2;
top: 72.5%;
transition-delay: 1.75s;
}
.banner-bar.visible .drawn-arrow-container {
width: 25%;
pointer-events: none;
}
.banner-bar.visible .drawn-arrow-container icon svg {
}
/* End Home Banner Styles */
/* Banner Bar For Mobile Styles */
.banner-area-home .banner-bar-mobile {
display: none;
}
.banner-area-home .banner-bar-mobile .relative {
padding: 2.667em 1.667em;
}
.banner-area-home .banner-bar-mobile .relative:before {
background-image: linear-gradient(to bottom,#D7ECFA,#F2F2ED);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.banner-area-home .banner-bar-mobile ul {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.banner-area-home .banner-bar-mobile ul li {
width: 100%;
}
.banner-area-home .banner-bar-mobile ul li + li {
}
.banner-area-home .banner-bar-mobile ul li p {
font-size: 1.444em;
color: #00548B; /* $primary */
font-weight: 400;
}
.banner-area-home .banner-bar-mobile ul li + li p {
color: #3F79BC;
}
.banner-area-home .banner-bar-mobile ul li h4 {
font-size: 2.667em;
font-weight: 600;
color: #00548B; /* $primary */
}
.banner-area-home .banner-bar-mobile ul li + li h4 {
color: #3F79BC; /* $tertiary */
}
.banner-area-home .banner-bar-mobile ul li:before {
display: none;
}
/* End Banner Bar For Mobile Styles */
/* General Content Area Styles */
.content-area {
padding-top: 3.222em;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
.content-area::after {
content: '';
background-image: linear-gradient(to bottom,rgba(248,246,241,0),#F8F6F1);
width: 100%;
height: 4em;
bottom: 0;
left: 0;
position: absolute;
z-index: -1;
}
.coronavirus .content-area::after {
background-image: none;
}
.content-area.wide::after {
background-image: none;
}
.content-area .flex {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.content-area .content {
padding-right: 8.889em;
}
.content-area .content > div:not(.read-more):last-child {
margin-bottom: 4.556em;
}
.content-area .announce-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-area .announce-container img {
width: 24%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.content-area .announce-container .announce-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 76%;
}
.content-area .announce-container .announce-info a {
padding: 1.556em 1.5em;
position: relative;
overflow: hidden;
}
.content-area .announce-container .announce-info a:after {
content: '';
position: absolute;
height: 100%;
width: 200%;
left: 0;
top: 0;
background-image: linear-gradient(to right,#F3F2ED 25%,#D7ECFA,#D7ECFA 50%);
z-index: -1;
-webkit-transform: translateX(0) translate3d(0,0,0);
-ms-transform: translateX(0) translate3d(0,0,0);
transform: translateX(0) translate3d(0,0,0);
transition: transform .5s ease 0s;
}
.no-touch .content-area .announce-container .announce-info a:hover:after {
-webkit-transform: translateX(-50%) translate3d(0,0,0);
-ms-transform: translateX(-50%) translate3d(0,0,0);
transform: translateX(-50%) translate3d(0,0,0);
}
.content-area .announce-container .announce-info p {
width: 100%;
font-size: 12px;
letter-spacing: .2em;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif; /* @mainfont */
font-weight: 400;
}
.content-area .announce-container .announce-info h4 {
width: 100%;
font-size: 1.556em;
line-height: 1.143em;
color: #00548B; /* $primary */
font-weight: 600;
}
.content-area .announce-container .announce-info span {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
color: #D0282E; /* $secondary */
font-size: 0.778em;
text-transform: uppercase;
font-weight: 600;
margin-top: 1em;
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: transform .5s ease 0s;
letter-spacing: .1em;
}
.no-touch .content-area .announce-container .announce-info a:hover span {
-webkit-transform: translateX(.5em);
-ms-transform: translateX(.5em);
transform: translateX(.5em);
}
.content-area .announce-container .announce-info span icon {
margin-left: .5em;
font-size: 1.25em;
transition: margin-left .5s ease 0s;
}
.no-touch .content-area .announce-container .announce-info a:hover span icon {
margin-left: 1em;
}
.content-area .read-more {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.content-area .read-more .show-more {
color: #D0282E; /* $secondary */
display: none;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1em;
margin-bottom: .5em;
}
.content-area .read-more .show-more span {
color: #D0282E; /* $secondary */
text-transform: uppercase;
font-weight: 600;
}
.content-area .read-more .show-more span + span {
display: none;
}
.content-area .read-more .show-more icon {
padding: .25em 0 .25em;
transition: padding .5s ease 0s;
}
.no-touch .content-area .read-more .show-more:hover icon {
padding: .5em 0 0;
}
/* End General Content Area Styles */
/* General Quick Links Styles */
.quick-link-container {
background-color: #00548B; /* $primary */
}
.home-page .quick-link-container {
margin: .8em 0;
}
.quick-link-container header {
padding: 2.222em;
text-align: center;
background-color: #3F79BC; /* $tertiary */
}
.quick-link-container header h4 {
font-size: 1.667em;
font-weight: 300;
color: #FFFFFF; /* $white */
}
.quick-link-container .cta-list {
padding: 3.8em 2.667em;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.quick-link-container .cta-list li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
border-top: solid 1px #3F79BC;
}
.quick-link-container .cta-list li:nth-child(-n + 2) {
border-top: none;
}
.quick-link-container .cta-list li:nth-child(odd) {
border-right: solid 1px #3F79BC; /* $tertiary */
}
.quick-link-container .cta-list li:last-child, .quick-link-container .cta-list li:nth-last-child(2) {
border-bottom: none;
}
.quick-link-container .cta-list li a {
color: #FFFFFF; /* $white */
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
text-transform: uppercase;
font-weight: 600;
line-height: 1.3em;
padding: 2em 2.25em;
width: 100%;
height: 100%;
transition: background-color .5s ease 0s, padding .5s ease 0s;
font-size: 0.889em;
letter-spacing: .1em;
}
.no-touch .quick-link-container .cta-list li a:hover, .no-touch .quick-link-container .cta-list li a:focus {
background-color: rgba(255,255,255,0.15);
}
.quick-link-container .cta-list li a icon {
width: 100%;
font-size: 3em;
margin-bottom: .45em;
}
/* End General Quick Links Styles */
/* Responsive MIN-Width [1921px] */
@media screen and (min-width:1921px) {
.local .upper-top-nav .top-links-translate .local-links li.item-2 a {
font-size: 0.667em;
}
.upper-top-nav-search {
height: 3.3em;
}
.site-search .popup, .contact-form.popup {
max-height: 3.3em;
}
}
/* End Responsive MIN-Width [1921px] */
/* Responsive [1650px] */
@media screen and (max-width: 1650px) {
body {
}
.header-area {
}
.nav-bar .translate .transifex {
margin-left: .5em;
}
.nav-bar .translate .transifex p {
display: none;
}
.local .upper-top-nav .top-links-translate .links-localization {
width: 65%;
}
.local .upper-top-nav .nav-bar .translate-phone {
width: 35%;
}
.nav-bar .translate .transifex ul.transifex-list {
-webkit-transform: translate(-73%, -100%);
-ms-transform: translate(-73%, -100%);
transform: translate(-73%, -100%);
}
.nav-bar .translate .transifex ul.transifex-list.show-list {
-webkit-transform: translate(-73%, 4.3%);
-ms-transform: translate(-73%, 4.3%);
transform: translate(-73%, 4.3%);
}
.banner-area-home ul li h4 {
line-height: 1;
}
.banner-area-home ul li a .inner-info {
padding: 2.5em 3.167em 2em;
}
.banner-area-home ul li + li a .inner-info {
padding: 2.5em 3.167em 2em 12.167em;
}
.banner-bar .drawn-arrow-container {
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
.banner-bar.visible .drawn-arrow-container {
width: 15%;
}
.content-area .content-style, .sub-doc-container-list .content-style {
padding-left: 4em;
}
.content-area .content {
padding-right: 4em;
}
}
/* End Responsive [1650px] */
/* Responsive [1500px] */
@media screen and (max-width: 1500px) {
body {
}
.header-area {
}
.local .upper-top-nav .nav-bar .translate-phone a.phone {
padding: 0 6%;
}
.top-nav .desktop-nav li a {
padding: .85em;
}
.top-links-translate .top-links li a:last-child {
padding-left: .5em;
}
.banner-area-home ul li a .inner-info {
padding: 2.5em 2.5em 2em;
}
.banner-area-home ul li + li a .inner-info {
padding: 2.5em 2.5em 2em 2.5em;
}
.banner-bar .drawn-arrow-container {
display: none;
}
.banner-area-home ul li h4 {
font-size: 3.5em;
}
.content-area {
padding: 0;
}
.quick-link-container .cta-list {
padding: 2em;
}
.quick-link-container .cta-list li a {
padding: 2em 1em;
}
.local .desktop-nav li .dd-nav.treatment-care {
left: -310%;
}
}
/* End Responsive [1500px] */
/* Min Responsive [1200px] */
@media screen and (min-width: 1200px) {
.desktop-nav li .dd-nav ul li a:hover {
padding: .5em 0 .5em 1em;
color: #D0282E; /* $secondary */
background-color: #FFFFFF; /* $white */
}
}
/* Responsive [1200px] */
@media screen and (max-width: 1200px) {
.desktop-nav li .dd-nav ul li a:hover {
padding: 1em 2em;
}
.want-to-find.find-open .want-to-find-dropdown {
-webkit-transform: translateY(-99%);
-ms-transform: translateY(-99%);
transform: translateY(-99%);
}
.want-to-find .want-to-find-dropdown {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
top: 0;
left: -200%;
width: 300%;
}
.upper-top-nav .site-search-trigger {
display: none;
}
.top-links-translate .top-links {
display: none;
}
.nav-bar .translate p {
display: none;
}
.top-nav .want-to-find {
display: none;
}
.want-to-find {
position: fixed;
bottom: 0;
right: 0;
z-index: 52;
transition: transform .5s ease 0s;
}
.want-to-find .trigger {
_box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
}
.down-scroll .want-to-find .trigger.btn {
transition: transform .5s ease 1s;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.want-to-find.find-open .trigger.btn {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.top-nav .desktop-nav li.menu-close {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #FFFFFF; /* $white */
text-transform: uppercase;
padding: 1em .5em 1em 0;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-nav .desktop-nav {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
top: 100%;
left: 0;
transition: transform .5s ease 0s;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
width: 50%;
overflow: auto;
display: block;
background-color: #00548B; /* $primary */
padding: 1.778em 4.444em;
}
.top-nav .desktop-nav:after {
display: none;
}
.nav-bar {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.333em;
}
.top-nav .desktop-nav li {
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-bottom: solid 1px rgba(255,255,255,0.502); /* alpha($white,50%) */
transition: background-color .5s ease 0s, padding-right .5s ease 0s;
}
.top-nav .desktop-nav .extra-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.top-nav .desktop-nav .extra-links .top-links {
width: 100%;
}
.no-touch .top-nav .desktop-nav .extra-links:hover, .no-touch .top-nav .desktop-nav .extra-links:focus {
background-color: transparent;
}
.top-nav .desktop-nav .extra-links .top-links li {
width: 100%;
}
.top-nav .desktop-nav .extra-links .top-links li:last-child {
border-bottom: none;
}
.no-touch .top-nav .desktop-nav .extra-links .top-links li:hover, .no-touch .top-nav .desktop-nav .extra-links .top-links li:focus {
background-color: #FFFFFF; /* $white */
}
.top-nav .desktop-nav li.open .dd-nav li {
background-color: #3F79BC; /* $tertiary */
}
.top-nav .desktop-nav li.open .dd-nav li:hover, .top-nav .desktop-nav li.open .dd-nav li:focus {
background-color: #3F79BC;
}
.top-nav .desktop-nav .dd-nav li:last-child {
border-bottom: none;
}
.top-nav .desktop-nav li.open {
background-color: #FFFFFF; /* $white */
}
.top-nav .desktop-nav li:after {
display: none;
}
.top-nav .desktop-nav li a {
color: #FFFFFF; /* $white */
width: 100%;
background-color: transparent;
text-transform: uppercase;
padding: 1em .5em 1em 0;
transition: padding .5s ease 0s, color .5s ease 0s;
line-height: 1;
}
.top-nav .desktop-nav li.open > a, .no-touch .top-nav .desktop-nav li > a:hover, .no-touch .top-nav .desktop-nav li > a:focus, .no-touch .top-nav .desktop-nav li:hover > a, .no-touch .top-nav .desktop-nav li:focus > a {
color: #6E206F;
padding: 1em .5em 1em 2em;
}
.no-touch .top-nav .desktop-nav li:hover > a.collapsing-btn, .no-touch .top-nav .desktop-nav li:focus > a.collapsing-btn {
padding: .65em;
}
.top-nav .desktop-nav li a:first-child {
max-width: 85%;
}
.top-nav .desktop-nav > li {
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
transition: background-color .5s ease 0s;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-bar .mobile-nav {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
_display: flex;
}
.nav-bar .mobile-nav a {
height: 100%;
width: 100%;
color: #3F79BC; /* $tertiary */
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 2em;
}
.mm-open .nav-bar .mobile-nav a {
color: #00548B; /* $primary */
}
.nav-bar .mobile-nav a:hover {
color: #00548B; /* $primary */
}
.nav-bar .tel-call {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
_display: none;
}
.nav-bar .tel-call a {
height: 100%;
width: 100%;
color: #3F79BC; /* $tertiary */
display: none;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2em;
pointer-events: auto;
cursor: pointer;
}
.nav-bar .tel-call a:hover {
color: #D0282E; /* $secondary */
}
.mm-open .top-nav .desktop-nav {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.top-nav .desktop-nav li.child0 a.collapsing-btn {
display: none;
}
_.top-nav .desktop-nav:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #00548B;
}
.top-nav .desktop-nav li .dd-nav {
position: relative;
width: 100%;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
opacity: 1;
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
left: 0;
padding: 0;
}
.desktop-nav li .dd-nav ul {
background-color: #3F79BC; /* $tertiary */
}
.top-nav .desktop-nav li:hover .dd-nav {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity:0;
}
.top-nav .desktop-nav li.open .dd-nav {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.top-nav .desktop-nav li .dd-nav li a {
max-width: 100%;
padding: 1em 2em;
line-height: 2;
}
.top-nav .desktop-nav > li a {
width: auto;
}
.top-nav .desktop-nav > li:first-child a {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1em 0;
max-width: 100%;
}
.top-nav .desktop-nav > li:first-child a icon {
font-size: 1.222em;
}
.no-touch .top-nav .desktop-nav > li:hover, .no-touch .top-nav .desktop-nav > li:focus {
background-color: #FFFFFF; /* $white */
}
.nav-bar .top-logo {
width: 100%;
}
.nav-bar .top-logo > div {
display: block;
}
.top-nav .desktop-nav li a.collapsing-btn {
display: block;
}
.top-nav .desktop-nav > li .collapsing-btn {
padding: .65em;
transition: margin-right .5s ease 0s;
display: block;
}
.top-nav .desktop-nav li.open .collapsing-btn:after {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.top-nav .desktop-nav > li.child0 .collapsing-btn {
display: none;
}
.no-touch .top-nav .desktop-nav > li .collapsing-btn:hover, .no-touch .top-nav .desktop-nav > li .collapsing-btn:focus {
padding: .65em;
}
.no-touch .top-nav .desktop-nav > li:hover .collapsing-btn, .no-touch .top-nav .desktop-nav > li:focus .collapsing-btn {
margin-right: .5em;
}
.no-touch .top-nav .desktop-nav > li:hover .collapsing-btn:before, .no-touch .top-nav .desktop-nav > li:focus .collapsing-btn:before {
background-color: #6E206F;
}
.no-touch .top-nav .desktop-nav > li:hover .collapsing-btn:after, .no-touch .top-nav .desktop-nav > li:focus .collapsing-btn:after {
background-color: #6E206F;
}
.no-touch .top-nav .desktop-nav > li.open .collapsing-btn:focus:before, .no-touch .top-nav .desktop-nav > li.open .collapsing-btn:focus:after {
background-color: #6E206F;
}
.no-touch .top-nav .desktop-nav > li.open .collapsing-btn:hover:before, .no-touch .top-nav .desktop-nav > li.open .collapsing-btn:hover:after {
background-color: #6E206F;
}
.top-nav .desktop-nav > li.open .collapsing-btn:after, .top-nav .desktop-nav > li.open .collapsing-btn:before {
background-color: #6E206F;
}
.top-nav .desktop-nav > li .collapsing-btn:hover, .top-nav .desktop-nav > li .collapsing-btn:hover:focus {
padding: .65em;
}
.no-touch .top-nav .desktop-nav > li:hover .collapsing-btn, .no-touch .top-nav .desktop-nav > li:focus .collapasing-btn {
color: #6E206F;
}
.top-nav .desktop-nav > li.open .collapsing-btn {
padding: .65em;
margin-right: .5em;
}
.nav-bar .top-logo > div img {
display: block;
margin: 0 auto;
}
.banner-area-home ul li h4 {
font-size: 2.9em;
}
.banner-area-home:before {
content: none;
}
.banner-area-home ul li a {
padding: 21em 0 3em;
}
.banner-area-home ul li a .inner-info, .banner-area-home ul li + li a .inner-info {
padding: 1em 2em 2.5em;
}
.top-nav .desktop-nav > li:nth-child(n-1) > div, .local .desktop-nav li .dd-nav.treatment-care {
left: auto;
}
.desktop-nav li .dd-nav.treatment-care .fly-nav li {
width: 100%;
flex: 0 1 100%;
}
.desktop-nav li .dd-nav.treatment-care .title {
display: none;
}
.desktop-nav li .dd-nav.treatment-care .all-services-link {
display:none;
}
.desktop-nav li .dd-nav.treatment-care .all-services-mobile {
display:block;
}
.quick-link-container {
display: none;
}
.content-area .content {
width: 100%;
padding: 2.5em 0;
}
.content-area .content-style, .sub-doc-container-list .content-style {
padding: 0 2em;
margin-bottom: .5em;
overflow: hidden;
position: relative;
_height: 15em;
}
.content-area .show-all .content-style {
overflow-y: visible;
height: 100%;
}
.home-page .content-area .content-style:after {
content: '';
position: absolute;
width: 100%;
height: 20%;
background-image: linear-gradient(to bottom,rgba(255,255,255,0),#FFFFFF);
bottom: 0;
left: 0;
opacity: 1;
display: none;
}
.content-area .show-all .content-style:after {
opacity: 0;
}
.content-area .show-all .read-more span {
display: none;
}
.content-area .show-all .read-more span + span {
display: block;
}
.content-area .show-all .read-more icon {
padding: .25em 0 .25em;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.no-touch .content-area .show-all .read-more:hover icon {
padding: 0 0 .5em;
}
.content-area .read-more {
}
.content-area .announce-container {
margin-bottom: 9em;
margin-top: 2em;
}
.home-page .content-area .optional.second {
margin-bottom: 9em;
}
.access-options.t1 .access-btn.open-btn {
display: none;
}
.home-page .header-area + .want-to-find {
display: none;
}
.header-area-bottom {
display: block;
}
.upper-top-nav .top-links-translate {
background-image: none;
}
.upper-top-nav .top-links-translate > icon, .upper-top-nav .top-links-translate > svg {
font-size: 2em;
}
.nav-bar .translate .transifex ul.transifex-list li {
background-color: #FFFFFF; /* $white */
}
.local .nav-bar .top-logo{
width:auto;
max-width: 75%;
}
.local .nav-bar .box{
width: 23%;
}
.local .upper-top-nav .top-links-translate a.phone > icon, .local .upper-top-nav .top-links-translate a.phone > svg {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2em;
cursor: pointer;
}
.local .upper-top-nav .top-links-translate a.phone span {
display: none;
}
.local .upper-top-nav .top-links-translate .translate-phone {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.local .nav-bar .upper-top-nav .translate-phone a.phone {
padding: 0 1em;
}
.local .nav-bar .upper-top-nav .translate-phone a.phone > icon, .local .nav-bar .upper-top-nav .translate-phone a.phone > svg {
font-size: 1.4rem;
padding: 0 1em;
margin-right: 1em;
}
.want-to-find.find-open .trigger icon {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.footer-links .other-footer-links .other-links .other-links-list, .footer-links .quick-links-container .quick-link-list, .footer-links .employee-box .profession-links .profession-links-list, .footer-links .employee-box .employee-links .employee-links-list {
}
.content-area .announce-container {
margin-top: 1em;
margin-bottom: 1em;
}
.local .upper-top-nav .top-links-translate .top-links {
padding: 0 .333em;
}
.header-area-bottom .bottom-menu-holder .access-options .access-btn{
display:none;
}
#ae_launcher.ae-cta-position-preset-right-lower {
bottom:6em!important;
}
}
/* End Responsive [1200px] */
/* Responsive [1000px] */
@media screen and (max-width: 1000px) {
body {
}
.access-options.t1 {
width: auto;
height: 100%;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 1rem;
padding: 6em 3px 0;
}
.down-scroll .access-options.t1 {
}
.access-open.access-options.t1 {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mm-open .access-options.t1 {
-webkit-transform: translateX(-200%) !Important;
-ms-transform: translateX(-200%) !Important;
transform: translateX(-200%) !Important;
}
.access-options.t1 .access-btn.open-btn {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
left: 105%;
bottom: 2.5%;
top: auto;
}
.content-open .access-options.t1 .access-btn.open-btn {
bottom: .8em;
}
.fixed .access-options.t1:not(.access-open) .access-btn.open-btn {
left: 0;
}
.access-open.access-options.t1 .access-btn.open-btn {
left: 50%;
-webkit-transform: translate(-50%,100%);
-ms-transform: translate(-50%,100%);
transform: translate(-50%,100%);
bottom: 98%;
top: auto;
}
.access-options.t1 .access-btn.close-btn {
position: relative;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
right: auto;
top: auto;
margin: .2em 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.access-options.t1 > ul {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
overflow: auto;
}
.access-options.t1 > ul > li {
display: block;
}
.access-options.t1 > ul > li:nth-child(5), .access-options.t1 > ul > li:nth-child(2) {
display: none;
}
.access-options.t1 ul li > button > icon, .access-options.t1 ul li > button > svg {
font-size: 1.5em;
}
.access-options.t1 ul li button {
width: 100%;
padding: 1em 1em;
}
.header-area {
}
.top-nav .desktop-nav {
width: 100%;
max-width: 35em;
}
.banner-area-home {
}
.banner-area-home video {
object-position: 50% 0%;
max-height: 25em;
}
.banner-area-home ul li a {
padding: 25em 0 0 0;
}
.banner-area-home ul li a p {
font-size: 1.5em;
}
.banner-area-home ul li h4 {
font-size: 2.2em;
}
.banner-area-home ul li a span p {
font-size: 1em;
}
.nav-bar .translate .transifex ul.transifex-list {
max-height: 25em;
}
.banner-area-home ul li a span.btn {
transform: translateY(0%);
margin-left: 0%;
}
.nav-bar .translate .transifex ul.transifex-list.show-list {
display: flex;
flex-wrap: wrap;
}
.top-links-translate .translate .transifex ul.transifex-list li {
flex: 1 0 auto;
width: 50%;
}
}
/* End Responsive [1000px] */
/* 1000px MIN-Width Responsive */
/* End 1000px MIN-Width Responsive */
/* 801px MIN-Width Responsive */
@media screen and (min-width:801px) {
.banner-area-home ul li a span {
opacity: 0;
-webkit-animation-name: BannerButtons;
animation-name: BannerButtons;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.banner-area-home ul li a .inner-info {
opacity: 0;
-webkit-animation-name: HomeBanner;
animation-name: HomeBanner;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
}
/* End 801px MIN-Width Responsive */
/* Responsive [800px] */
@media screen and (max-width: 800px) {
body {
}
.header-area {
}
.top-nav .desktop-nav {
max-width: 28em;
padding: .5em 1.294em;
}
.mm-open .want-to-find {
z-index: 49;
}
.mm-open .want-to-find.find-open {
z-index: 52;
}
.urgent-message p {
text-align: center;
font-size: 12px;
line-height: 1.5em;
}
.contact-form.popup {
height: auto;
}
.banner-area-home {
}
.banner-area-home ul li a .inner-info {
width: 100%;
}
.banner-area-home ul li a .inner-info, .banner-area-home ul li + li a .inner-info {
padding: 1.75em 1.667em;
}
.banner-area-home .banner-bar ul li a p {
display: none;
}
.banner-area-home .banner-bar ul li a h4 {
display: none;
}
.banner-area-home .banner-bar ul li a span {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1.714em;
margin: 0 auto;
width: 100%;
}
.banner-area-home ul li a span {
top: auto;
}
.banner-area-home .banner-bar ul li a span p {
display: block;
letter-spacing: .1em;
font-size: 1em;
}
.banner-area-home .banner-bar ul li a span icon {
}
.banner-area-home .banner-bar ul li a span icon:first-child {
display: none;
}
.banner-area-home .banner-bar-mobile {
display: block;
}
.banner-area-home .banner-bar-mobile ul li + li {
padding-left: 30%;
}
.banner-area-home .banner-bar-mobile .drawn-arrow-container {
left: 0;
top: 65%;
z-index: 1;
}
.banner-area-home .banner-bar-mobile.visible .drawn-arrow-container {
width: 28%;
}
.banner-area-home .banner-bar-mobile .drawn-arrow-container .drawn-arrow {
color: #FFFFFF; /* $white */
}
.banner-area-home .banner-bar-mobile .drawn-arrow-container .relative {
padding: 0;
}
.banner-area-home .banner-bar-mobile .drawn-arrow-container .relative:before {
background-image: none;
width: calc( 100% - 0.4em);
top: 50%;
height: .25em;
z-index: 1;
background-color: #FFFFFF;
}
.content-area .read-more {
_margin-bottom: 9.556em;
margin-bottom: 2.5em;
}
.content-area .content-style, .sub-doc-container-list .content-style {
padding: 0 1.667em;
}
.content-area .content > div.optional {
_display: none;
}
.content-area .announce-container .announce-info {
width: 100%;
}
.content-area .announce-container img {
display: none;
}
.home-page .content-area .optional.second {
margin-bottom: 1em;
}
.banner-area-home .banner-bar-mobile ul .get-care-mobile .btn p {
font-size: .9em;
font-weight:600;
}
}
/* End Responsive [800px] */
/* Responsive [700px] */
@media screen and (max-width:700px) {
body {
}
.urgent-message {
padding: .2em 0;
}
}
/* End Responsive [700px] */
/* Responsive [600px] */
@media screen and (max-width: 600px) {
body {
}
.header-area {
}
.top-nav .desktop-nav {
max-width: 100%;
}
.want-to-find-dropdown .static-site-search {
width: 100%;
}
.static-site-search .search .search-box {
width: 100%;
}
.static-site-search .search .search-box .search-input input {
background-color: #DEEAF2;
}
.no-touch .want-to-find-dropdown .dropdown-links li a:hover, .no-touch .want-to-find-dropdown .dropdown-links li a:focus {
background-color: #3F79BC; /* $tertiary */
}
.static-site-search .search .search-box .search-input {
}
.want-to-find.find-open .want-to-find-dropdown {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: -1;
background-color: #00548B; /* $primary */
width: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 4.5em;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.want-to-find .want-to-find-dropdown {
left: auto;
right: 0;
width: 100vw;
height: 100vh;
bottom: 0;
position: fixed;
z-index: -1;
background-color: rgba(255,255,255,0.902); /* alpha($white,90%) */
}
.down-scroll .want-to-find.find-open .trigger.btn, .want-to-find.find-open .trigger {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.down-scroll .want-to-find .trigger.btn {
z-index: 1;
}
.want-to-find .trigger.close {
position: absolute;
top: 1em;
right: 1em;
min-width: 0;
box-shadow: none;
background-color: transparent;
color: #FFFFFF; /* $white */
padding: 0;
display: block;
}
.want-to-find .trigger.close:before {
display: none;
}
.want-to-find .trigger.close:after {
display: none;
}
.want-to-find-dropdown .dropdown-links li.header h4 {
color: #3F79BC; /* $tertiary */
font-weight: 600;
}
.want-to-find-dropdown .dropdown-links li {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.want-to-find-dropdown .dropdown-links li a {
color: #3F79BC; /* $tertiary */
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.want-to-find-dropdown .dropdown-links li a img {
width: auto;
height: 2.5em;
}
.want-to-find-dropdown .static-site-search {
margin: 0 0 1em;
}
.want-to-find-dropdown .dropdown-links li.header h4 {
color: #FFFFFF; /* $white */
font-weight: 600;
}
.want-to-find-dropdown .dropdown-links li a {
color: #FFFFFF; /* $white */
padding: 5em 1em;
}
.want-to-find .trigger {
font-size: 0.889em;
}
.want-to-find.find-open .trigger > icon {
opacity: 0;
}
.want-to-find-dropdown .dropdown-links li.header {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.banner-area-home {
}
.banner-area-home ul li a .inner-info, .banner-area-home ul li + li a .inner-info {
padding: 1.778em 1.25em;
}
.banner-area-home ul li a {
padding: 0;
}
.banner-area-home video {
max-height: 15em;
display: none;
}
.banner-area-home .banner-bar ul.info {
padding-top: 13em;
background-image: url(/images/banners/mainstage-mobile-static.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
}
.banner-area-home .banner-bar ul li a span {
_padding: 1.65em 1em;
}
.content-area {
}
_.home-page .content-area .content-style {
height: 25em;
}
.content-area .read-more .show-more {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.content-area .content-style:after {
display: block;
}
.local .nav-bar .top-logo {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.local .nav-bar .upper-top-nav .translate-phone a.phone > icon, .local .nav-bar .upper-top-nav .translate-phone a.phone > svg {
font-size: 1.25em;
padding: 0;
}
.nav-bar .translate .transifex ul.transifex-list {
max-height: 20em;
width: 100vw;
}
.content-area .show-all .content-style {
height: 100%;
}
.nav-bar .translate .transifex ul.transifex-list.show-list {
-webkit-transform: translate(-80%, 20%);
-ms-transform: translate(-80%, 20%);
transform: translate(-80%, 20%);
}
.banner-area-home .banner-bar-mobile ul .get-care-mobile .get-care-now .btn {
padding:1.5em 1.5em;
}
.banner-area-home .banner-bar-mobile ul .get-care-mobile .get-care-now .btn:before{
display:none;
}
.banner-area-home .banner-bar-mobile .relative {
padding:1em;
}
.urgent-message a:after {
display: none;
}
.urgent-message a {
text-decoration: underline;
}
.urgent-message p {
flex: 1 0 90%;
}
.urgent-message {
align-items: flex-start;
}
}
/* End Responsive [600px] */
/* Responsive [450px] */
@media screen and (max-width: 450px) {
body {
}
.header-area .nav-bar {
padding: 1.6em .7em;
}
.header-area {
}
.want-to-find-dropdown .dropdown-links li {
width: 50%;
}
.want-to-find-dropdown .dropdown-links li.header {
margin-bottom: 1rem;
}
.want-to-find-dropdown .dropdown-links li a {
padding: .6em;
}
.no-touch .want-to-find-dropdown .dropdown-links li a:hover {
padding: 1em;
}
.want-to-find-dropdown .static-site-search {
margin-top: 1rem;
}
.banner-area-home {
}
.banner-area-home ul li {
background-color: #00548B; /* $primary */
_width: 100%;
}
.banner-area-home ul li + li {
background-color: #3F79BC; /* $tertiary */
}
.banner-area-home .banner-bar-mobile ul li {
background-color: transparent;
}
.banner-area-home .banner-bar-mobile ul li + li {
background-color: transparent;
padding-left: 0;
}
.banner-area-home .banner-bar-mobile.visible .drawn-arrow-container {
display: none;
}
.banner-area-home .banner-bar ul li a span icon:first-child {
display: none;
}
.banner-area-home ul li a {
padding: 0;
}
.banner-area-home video {
max-height: 10em;
}
.banner-area-home .banner-bar ul.info {
padding-top: 9em;
}
.banner-area-home .banner-bar ul li a span p {
line-height: 1em;
letter-spacing: 0;
}
.banner-area-home .banner-bar ul li a span {
padding: 1.5em 0.5em;
top: auto;
}
.banner-area-home ul li a span p + icon {
display: none;
}
.banner-area-home ul li a .inner-info, .banner-area-home ul li + li a .inner-info {
padding: 1.5em 0.667em;
}
.content-area {
}
.content-area .content-style, .sub-doc-container-list .content-style {
padding: 0 .5em;
}
.content-area .read-more {
margin-bottom: 0;
}
.header-area-bottom .want-to-find .trigger {
min-width: auto;
padding: 1.889em .75em;
}
.local .nav-bar .top-logo {
width: 60%;
}
.nav-bar .translate .transifex ul.transifex-list {
width: 100vw;
}
.nav-bar .translate .transifex ul.transifex-list.show-list {
-webkit-transform: translate(-75%, 20%);
-ms-transform: translate(-75%, 20%);
transform: translate(-75%, 20%);
}
_.alert-section {
display:flex;
flex-flow:row;
}
.urgent-message p.urgent-details {
_display: none;
}
}
/* End Responsive [450px] */
