/* 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 */
/* General Footer Styles */
.footer-sub-zone {
padding: 0;
}
.footer-container {
padding: 0;
_z-index: 2;
z-index: 0;
}
.footer-container .footer-links {
padding: 3.889em 0 3.556em 6.444em;
background-color: #00548B; /* $primary */
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
display: flex;
position: relative;
width: 100%;
}
.footer-links .quick-links-container {
width: 20%;
padding: 1.778em 5.778em 1.778em 0;
border-right: solid 1px #3F79BC; /* $tertiary */
}
.footer-links header, .footer-links .header {
align-items: center;
justify-content: space-between;
display: flex;
}
.footer-links header h4 a.collapsing-btn, .footer-links .header h4 a.collapsing-btn {
display: none;
}
.footer-links .quick-links-container .quick-link-header {
}
.footer-links .quick-links-container .quick-link-header header {
}
.footer-links .quick-links-container .quick-link-header header h4, .footer-links .quick-links-container .quick-link-header .header h4 {
font-size: 1.333em;
margin-bottom: 1em;
font-weight: 600;
color: #FFFFFF; /* $white */
}
.footer-links .quick-links-container .quick-link-list {
}
.footer-links .quick-links-container .quick-link-list li {
}
.footer-links .quick-links-container .quick-link-list li a {
font-size: 0.778em;
font-weight: 600;
color: #FFFFFF; /* $white */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif; /* @mainfont */
-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;
padding: .35em;
letter-spacing: .1em;
line-height: 2;
}
.quick-link-list li a, .other-links-list li a, .profession-links-list li a {
transition: all .5s ease 0s;
}
.quick-link-list li a:after {
content: '';
background-image: url(/cms/svg/icon_291902.ffffff.svg);
width: 1em;
height: 1em;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .5s ease 0s;
margin-left: 1em;
}
.no-touch .quick-link-list li a:hover:after, .no-touch .quick-link-list li a:focus:after {
opacity: 1;
transition: opacity .5s ease .25s;
}
.no-touch .quick-link-list li a:hover, .no-touch .quick-link-list li a:focus {
padding: .35em 0 .35em 1em;
}
.footer-links .other-footer-links {
width: 62%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 1.778em 1.111em 1.778em 7.889em;
}
.footer-links .other-footer-links .other-links {
}
.footer-links .other-footer-links .other-links li {
}
.footer-links .other-links li a {
font-size: 12px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
position: relative;
-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;
padding: .5em 0;
transition: padding .5s ease 0s;
letter-spacing: .1em;
line-height: 2;
}
.language-list div a {
transition: all .5s ease 0s;
position:relative;
color:#FFFFFF;
}
.no-touch .footer-links .other-links li a:hover, .no-touch .footer-links .other-links li a:focus, .language-list div a:hover, .language-list div a:focus {
padding-left: 1rem;
}
.footer-links .other-links li a:after {
content: '';
background-image: url(/cms/svg/icon_291902.ffffff.svg);
width: 1em;
height: 1em;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .5s ease 0s;
margin-left: 1em;
}
_.foot-social li a.icon-btn.youtube-3::before {
content: '';
background-image: url(/cms/svg/site/icon_youtube_3.36.ffffff.svg);
width: 1em;
height: 1em;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
transition: opacity .5s ease 0s;
color:#FFF;
z-index:1;
}
_.foot-social li a.icon-btn.linkedin-2::before {
content: '';
background-image: url("/cms/svg/site/icon_linkedin_2.36.ffffff.svg");
width: 1em;
height: 1em;
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
transition: opacity .5s ease 0s;
color:#FFF;
z-index:1;
}
_.foot-social li a.icon-btn.youtube-3 svg, _.foot-social li a.icon-btn.linkedin-2 svg {
display: none;
}
.no-touch .footer-links .other-links li a:hover:after, .no-touch .footer-links .other-links li a:focus:after {
opacity: 1;
transition: opacity .5s ease .25s;
}
.footer-links .other-footer-links .other-links li a {
}
.footer-links .other-footer-links .other-links .other-links-list {
}
.footer-links .employee-box {
width: 18%;
padding-top: 1.778em;
}
.footer-links .employee-box .employee-links {
}
.footer-links .employee-box .profession-links {
margin-top: 2.222em;
}
.other-info-container .other-info {
position: absolute;
padding: 1.778em 3.778em 1.778em 1.778em;
background-color: #3F79BC; /* $tertiary */
bottom: 0;
right: 0;
width: 20%;
font-size: 1em;
color: #FFFFFF; /* $white */
font-family: 'Source Sans 3', sans-serif;
line-height: 1.444;
}
.other-info-container .other-info h4 {
font-size: 1.167em;
color: #DEEAF2;
margin-bottom: .5em;
}
.other-info-container .other-info p {
font-size: 1em;
color: #FFFFFF; /* $white */
line-height: 1.444;
}
.other-info-container .other-info a {
color: #FFFFFF; /* $white */
font-weight: 700;
font-family: 'Source Sans 3', sans-serif; /* @accentfont */
}
.no-touch .other-info-container .other-info a:not([href^=tel]):hover {
color: #D0282E; /* $secondary */
}
.footer-links .other-links header h4, .footer-links .other-links .header h4 {
font-size: 1.167em;
font-weight: 300;
margin-bottom: 1.143em;
color: #FFFFFF;
}
.footer-links .other-links header h4 a, .footer-links .other-links .header h4 a {
color: #FFFFFF;
}
icon {
opacity: 1;
}
/* End General Footer Styles */
/* General Bottom Footer Styles */
.footer-container .footer-details {
padding: 4.667em 6.444em 1.333em;
}
.footer-container .footer-details .contact-info {
padding-bottom: 2.667em;
}
.footer-container .footer-details .contact-info .contact-phone {
font-size: 1.667em;
letter-spacing: .1em;
line-height: 1.167em;
font-family: 'Montserrat', sans-serif; /* @mainfont */
font-weight: 600;
}
.footer-container .footer-details .contact-info .contact-phone a {
color: #3F79BC; /* $tertiary */
display: none;
}
.local.footer-container .footer-details .contact-info .contact-phone a {
display: block;
}
.footer-container .footer-details .contact-info .footer-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;
}
#FooterDisclaimerMover .footer-details .contact-info .footer-logo {
justify-content:flex-end;
align-items:flex-end;
}
.footer-details .contact-info .social-info.mover-social .foot-social {
justify-content:flex-start;
}
.footer-container .footer-details .contact-info .social-info.mover-social {
padding-left: 4em;
}
.footer-details .contact-info .social-info .foot-social {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footer-container .footer-details .contact-info .social-info.mover-social h4 {
font-size: 1.325em;
color: #00528d;
}
.footer-details .contact-info .social-info .foot-social li a {
margin-right: 0.5em;
font-size: 1em;
color: #FFFFFF;
padding: 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;
font-family: 'Source Sans 3', sans-serif; /* @accentfont */
}
.no-touch .footer-details .contact-info .social-info .foot-social li a:hover, .no-touch .footer-details .contact-info .social-info .foot-social li a:focus {
}
.footer-details .contact-info .social-info .foot-social li:last-child {
margin-right: 0;
}
.footer-details .disclaimer-links {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer-details .disclaimer-links .disclaimer-list {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100;
}
.footer-details .disclaimer-links .disclaimer-list li {
}
.footer-details .disclaimer-links .disclaimer-list li a {
font-size: 1em;
margin-right: 1em;
color: #57585A;
position: relative;
transition: color .5s ease 0s;
padding: .1em 0;
font-family: 'Source Sans 3', sans-serif; /* @accentfont */
}
.footer-details .disclaimer-links .disclaimer-list li a:hover, .footer-details .disclaimer-links .disclaimer-list li a:focus {
color: #D0282E; /* $secondary */
}
.footer-details .disclaimer-links .disclaimer-list li a:after {
content: '';
right: -.5em;
top: 0;
height: 100%;
width: 1px;
background-color: #57585a;
position: absolute;
}
.footer-details .disclaimer-links .disclaimer-list li:last-child a:after {
display: none;
}
.footer-container .schema-info {
display: none;
}
.footer-container .footer-details .disclaimer-links .small {
font-size: 0.8em;
}
/* End General Bottom Footer Styles */
/* Languages Footer */
.language-list{
display: flex;
justify-content: space-between;
grid-template-columns: repeat(8, 1fr);
flex-wrap: wrap;
}
.language-list div {
margin: 0 .1em;
width: 12%;
}
p.language-header {
color: #FFFFFF;
font-weight: 600;
font-size: 1.1em;
font-family: 'Montserrat', sans-serif;
padding-top: 2em;
}
.other-links.landing .language-list div a, .other-links.landing p.language-header {
color: #00548B;
}
/* End Languages Footer */
/* Local Footer */
.local.footer-container {
}
.local.footer-container .footer-details {
}
.local.footer-container .footer-details .location-info {
padding-top: 0.267em;
}
.local.footer-container .footer-details .location-info .address-info {
font-size: 0.533em;
font-weight: 400;
line-height: 1.5em;
color: #53616F; /* $dark */
font-family: 'Montserrat', sans-serif; /* @mainfont */
}
.local.footer-container .footer-details .location-info .address-info span {
}
.local.footer-container .footer-details .location-info .address-info p {
color: #53616F; /* $dark */
font-weight: 400;
line-height: 1.5em;
color: #53616F; /* $dark */
font-family: 'Montserrat', sans-serif; /* @mainfont */
}
/* End Local Footer */
/* Responsive MIN-Width [1921px] */
@media screen and (min-width:1921px) {
.footer-links .other-links li a {
font-size: 0.667em;
}
}
/* End Responsive MIN-Width [1921px] */
/* Responsive [1650px] */
@media screen and (max-width: 1650px) {
.footer-links .quick-links-container {
padding: 1.778em 3.778em 1.778em 0;
}
.footer-links .other-footer-links {
padding: 1.778em 4.111em 1.778em 3.889em;
}
.other-info-container .other-info {
padding: .6em;
}
}
/* End Responsive [1650px] */
/* Responsive [1500px] */
@media screen and (max-width: 1500px) {
.footer-container .footer-links {
padding: 2.5em;
}
}
/* End Responsive [1500px] */
/* Responsive [1200px] */
@media screen and (max-width: 1200px) {
.footer-container .footer-links {
padding: 3.833em 3.333em 9.222em;
}
.footer-container .footer-links .collapsing-btn {
padding: .65em;
}
.footer-links header h4 a.collapsing-btn, .footer-links .header h4 a.collapsing-btn {
display: block;
}
.footer-links .quick-links-container {
width: 100%;
padding: 0;
border-right: 0;
}
.footer-links .quick-links-container .quick-link-header header, .footer-links .quick-links-container .quick-link-header .header {
border-bottom: solid 1px #3F79BC; /* $tertiary */
cursor: pointer;
}
.footer-links .quick-links-container .quick-link-header header h4, .footer-links .quick-links-container .quick-link-header .header h4 {
padding: 1em 0;
margin-bottom: 0;
}
.footer-links .quick-links-container .quick-link-list li a {
padding: 1em 0;
font-size: 0.889em;
font-weight: 600;
}
.no-touch .footer-links .quick-links-container .quick-link-list li a:hover, .no-touch .footer-links .quick-links-container .quick-link-list li a:focus {
padding: 1em .5em;
}
.footer-links .other-footer-links {
width: 100%;
padding: 0;
}
.footer-links .other-footer-links .other-links {
width: 100%;
padding: 0;
}
.footer-links .other-footer-links .other-links header, .footer-links .other-footer-links .other-links .header {
border-bottom: solid 1px #3F79BC; /* $tertiary */
cursor: pointer;
}
.footer-links .other-footer-links .other-links header h4, .footer-links .other-footer-links .other-links .header h4 {
margin-bottom: 0;
padding: 1em 0;
font-size: 1.233em;
font-weight: 600;
}
.footer-links .other-footer-links .other-links li a {
padding: 1em 0;
font-size: 0.889em;
}
.no-touch .footer-links .other-footer-links .other-links li a:hover, .no-touch .footer-links .other-footer-links .other-links li a:focus {
padding: 1em 0;
}
.footer-links .employee-box {
width: 100%;
padding: 0;
}
.other-info-container .other-info {
width: 100%;
padding: 1.889em 3.333em;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.other-info-container .other-info h4 {
margin-bottom: 0;
margin-right: 1em;
}
.footer-links .other-links header, .footer-links .other-links .header {
border-bottom: solid 1px #3F79BC; /* $tertiary */
cursor: pointer;
}
.footer-links .other-links header h4, .footer-links .other-links .header h4 {
margin-bottom: 0;
padding: 1em 0;
font-size: 1.233em;
font-weight: 600;
}
.footer-links .quick-links-container .quick-link-list {
display: none;
}
.footer-links .other-links li a {
font-size: 0.889em;
}
.footer-links .other-footer-links .other-links .other-links-list {
display: none;
}
.footer-links .employee-box .employee-links .employee-links-list {
display: none;
}
.footer-links .employee-box .profession-links {
margin-top: 0;
}
.footer-links .employee-box .profession-links .profession-links-list {
display: none;
}
.footer-container .footer-details {
padding: 4.667em 3.333em 1.333em;
}
.local.footer-container .footer-details .location-info .address-info {
display: none;
}
.footer-details .disclaimer-links .disclaimer-list {
width: 100%;
}
.footer-container .footer-details .disclaimer-links .small {
text-align: center;
}
}
/* End Responsive [1200px] */
/* Responsive [1000px] */
@media screen and (max-width: 1000px) {
.footer-container .footer-details {
padding: 3.833em 1em;
}
.footer-container .footer-details .contact-info .contact-phone {
width: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: none;
margin-top: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.footer-container .footer-details .contact-info .footer-logo {
width: 100%;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#FooterDisclaimerMover .footer-details .contact-info{
flex-direction:column-reverse;
}
.footer-details .contact-info .social-info.mover-social .foot-social{
padding-bottom:2em;
}
.footer-container .footer-details .contact-info .social-info {
width: 100%;
margin-top: 2em;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.footer-details .contact-info .social-info .foot-social {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-details .disclaimer-links .disclaimer-list {
width: 100%;
justify-content: center;
}
.ppc-layout .footer-details .disclaimer-links {
text-align: center;
}
.language-list div {
margin: 0 .1em;
width: 20%;
}
}
/* End Responsive [1000px] */
/* Responsive [600px] */
@media screen and (max-width: 600px) {
.footer-details .disclaimer-links .disclaimer-list {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-details .disclaimer-links .disclaimer-list li a {
font-size: 12px;
}
.footer-details .disclaimer-links .disclaimer-list li:first-child {
width: 100%;
text-align: center;
}
.footer-details .disclaimer-links .disclaimer-list li:first-child a:after {
display: none;
}
.footer-container .footer-details .contact-info .social-info.mover-social h4{
padding-bottom:2em;
}
.language-list div {
width: 49%;
}
}
/* End Responsive [600px] */
/* Responsive [450px] */
@media screen and (max-width: 450px) {
.footer-container .footer-links {
padding: 2.5em 1.5em 9.222em 1.5em;
}
.other-info-container .other-info {
padding: 1.5em 1em;
}
.footer-container .footer-details {
padding: 2.5em 0em 4.5em 0em;
}
}
/* End Responsive [450px] */
