:root{ --footer-menu-color: var(--secondary, #666) !important; --footer-menu-bg-color: #FFF !important; --footer-menu-label-color: var(--primary-color, #333) !important; --footer-menu-hover-color: var(--primary-color, #333) !important; } #footer{ display: block; margin-top: 10rem; margin-bottom: 10rem; padding-top: 2rem; position: relative; text-align: center; align-items: center; } #f-start{ position: relative; z-index: -1; margin-top: -11rem; margin-left: auto; margin-right: auto; max-width: 1440px; width: 100%; height: auto; } #f-end{ position: relative; z-index: 1; margin-bottom: -10rem; margin-left: auto; margin-right: auto; max-width: 1440px; width: 100%; height: auto; } #footer .footer-container{ margin: -10rem auto; padding-bottom: 8rem; max-width: 1440px; background-color: #1C2535; } #footer .footer-container:before{ content: ""; display: block; height: 3rem; } #footer .footer-row-menu{ display: block; padding: 0 0 2rem; } #footer .footer-row-credits{ display: block; padding: 1em 0px; color: rgba(255,255,255,.5); font-size: .8em; } #footer .footer-col-credits{ border-left: solid 1px var(--orange, #F0F0F0); } #footer .footer-row-credits .company{ font-size: .9em; } #footer .footer-row-credits .company H6{ font-size: 1em; color: var(--orange, #F0F0F0); } @media screen and (max-width: 768px){ #footer .footer-row-credits .company .site-brand IMG{ max-width: 150px; height: auto; } } #footer .footer-row-credits .phone{ color: var(--primary, #36F); } #footer .footer-row-credits .phone:hover, #footer .footer-row-credits .phone:hover A, #footer .footer-row-credits .phone A:hover{ color: #FFF; } #footer .footer-row-credits .phone H6{ font-weight: bold; } #footer .footer-row-credits .phone A{ text-decoration: none; } #footer .footer-row-copy, .footer-row-copy{ display: block; padding: 1em 0px; font-size: .7em; } /* Footer Menu */ #footer .footer-menu-bar{} #footer .footer-menu-bar > .container{} #footer .footer-menu{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -moz-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; } #footer .footer-menu .list-item.level-0{ -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: left; } #footer .footer-menu .list-item.level-0 + .list-item{ padding-left: 1rem; } #footer .footer-menu .head-item.level-0{ font-weight: 600; font-size: 1em; color: var(--orange, #333); } #footer .footer-menu .sub-content.level-0{ padding: .5em 0; } #footer .footer-menu .sub-content.level-0 .head-item{ color: #CCC; font-size: .8em; } @media screen and (max-width: 992px){ #footer .footer-menu{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer-menu .list-item.level-0{ min-width: calc(33%); border: none !important; padding-left: 0px !important; } } @media screen and (max-width: 768px){ #footer .footer-menu .list-item.level-0{ min-width: calc(50%); } #footer .footer-col-credits{ border-left: none; } } @media screen and (max-width: 576px){ #footer .footer-menu .list-item.level-0{ min-width: calc(100%); } #footer .footer-menu .list-item.level-0 + .list-item{ border-top: solid 1px var(--dark, #333) !important; } #footer .footer-menu .head-item.level-0{ display: block; font-weight: normal; font-size: 1em; color: var(--dark, #333); background-color: var(--orange, #333); text-decoration: none; padding: .5em 1em; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; } #footer .footer-menu .has-sub .head-item.level-0:after{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; margin-left: auto; } #footer .footer-menu .has-sub .sub-content.level-0{ display: none; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #footer .footer-menu .has-sub.open .head-item.level-0:after, #footer .footer-menu .has-sub.active .head-item.level-0:after{ content: "\f068"; } #footer .footer-menu .has-sub.open .sub-content.level-0, #footer .footer-menu .has-sub.active .sub-content.level-0{ display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; } #footer .footer-menu .sub-content.level-0 .head-item{ display: block; padding: .5em 1em; } #footer .footer-menu .sub-content.level-0 .list-item + .list-item{ border-top: solid 1px rgba(0,0,0,.1); } }