/* User CSS for Tabourat Electricité */

/* Styles */
body {background-color:#FBFAF6}
p, h1, h2, h3, a {font-family: "montserrat", sans-serif;}
h1, h2 {font-weight:600}
.lead {font-size:20px; font-weight:200}

/* spacing */
.top100 {margin-top:100px}
.bottom100 {margin-bottom:100px}

/* Brand Logo */
.brand-logo {position:fixed; top:25px; left:50px; z-index:10; display:block; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.15); width:400px !important}
.brand-logo img {width:100% !important}

/* Call to Action */
.container-topbar {margin-top:75px}
.topbar {background-color:#EE1C25 !important}
.call-1 {position:fixed; top:25px; right:180px; z-index:10}
.call-2 {position:fixed; top:25px; right:400px; z-index:10}
.call-1 i {font-size:30px; margin-right:15px}
.call-2 i {font-size:30px; margin-right:15px}
.call-1 a {font-family: "montserrat", sans-serif; font-size:20px; line-height:40px; font-weight:200; text-transform:uppercase; text-decoration: none}
.call-2 a {font-family: "montserrat", sans-serif; font-size:20px; line-height:40px; font-weight:200; text-transform:uppercase; text-decoration: none}
.call-1 i:hover {color:#001423 !important}
.call-2 i:hover {color:#001423 !important}
.call-1 a:hover {color:#001423 !important}
.call-2 a:hover {color:#001423 !important}

/* Hamburger Menu */
.sidenav {width:0; position:fixed; top:0; right:0; background-color:#EE1C25; overflow-x:hidden; transition:0.5s; padding-top:60px; z-index:2}
.sidenav .closebtn {position:absolute; top:15px; right:25px; font-size:40px; margin-left:50px; text-decoration: none}
.sidenav .closebtn:hover {color:#001423 !important}
.button_menu {font-family: "montserrat", sans-serif; position:fixed; top:25px; right:25px; cursor:pointer; font-size:20px; line-height:40px; font-weight:200; color:white}
.button_menu i {font-size:30px; margin-left:15px}
.button_menu:hover {color:#001423 !important}
.container-header .mod-menu {flex-direction: column}
#mod-menu1 {margin-top:15px}
#mod-menu1 .mod-list li {padding: .3em}
.mod-list li.nav-item:hover {background-color:#395266}
li.active {background-color:#395266!important}
.mod-menu>li+li {margin-left:0!important; padding-left:1.55em}
.nav-item {color:white; font-size:20px; font-weight:200; text-transform:uppercase}
.item-101 {padding-left:1.5em !important; border-bottom: solid 1px white}
.item-118, .item-117 {margin-top:50px !important; border-bottom: solid 1px white}
.section {font-weight:600}

/* Intro Banner */
.container-banner .banner-overlay {height:50vh !important}
.overlay {justify-content: end!important; align-items: flex-start!important}
.intro {text-align: left}
.intro h1 {font-size:3rem; font-weight:400; margin-bottom:25px}
.container-banner .banner-overlay .overlay {background-color:#00000060}

/* Teaser boxes */
.box {width:100%; border-radius:15px; padding: 50px 25px 25px 25px; color:white; margin-bottom:16px}
.red {background-color:#EE1C25}
.blue {background-color:#395266}
.box-content {position: relative; padding-bottom:75px}
.box-content .btn {position: absolute; bottom:0; right:0; font-family: "montserrat", sans-serif}

/* Portraits */
.newsflash-image img {border-radius:50%}
.newsflash-image p {text-align:center !important}

/* columns */
.indent-left {padding-left: 100px}
.indent-right {padding-right: 100px}

/* Prestations */
.prestations {width:100%; border-radius:15px; margin-bottom:25px}

/* Buttons */
.btn {text-transform:uppercase!important; padding:15px; font-weight:600}

/* Textes */
.lead {font-weight: 1.5rem; font-weight: 600; color:#395266}
.filet {border:none; border-top: 12px dotted #395266; margin: 50px 0}

/* Menus secondaires */
.second-menu {border-left: solid 1px #EE1C25}
li.nav-item.item-141,
li.nav-item.item-142,
li.nav-item.item-143,
li.nav-item.item-144,
li.nav-item.item-145,
li.nav-item.item-146,
li.nav-item.item-147,
li.nav-item.item-159,
li.nav-item.item-148 {padding-left: 25px; font-size:1.2rem}
li.nav-item.item-141:hover,
li.nav-item.item-142:hover,
li.nav-item.item-143:hover,
li.nav-item.item-144:hover,
li.nav-item.item-145:hover,
li.nav-item.item-146:hover,
li.nav-item.item-147:hover,
li.nav-item.item-159:hover,
li.nav-item.item-148:hover {background-color:transparent}
li.nav-item.item-141 a:hover,
li.nav-item.item-142 a:hover,
li.nav-item.item-143 a:hover,
li.nav-item.item-144 a:hover,
li.nav-item.item-145 a:hover,
li.nav-item.item-146 a:hover,
li.nav-item.item-147 a:hover,
li.nav-item.item-159 a:hover,
li.nav-item.item-148 a:hover {color:#EE1C25; text-decoration:none}

/* Footer */
.container-footer {margin-top:100px}
.footer a {text-decoration:none}
.footer a:hover {color:#EE1C25!important}

/* Visform */
.vis_mandatory {display:none}
.asterix-ancor:after {display:none !important}

/* Mediaqueries */
.mobile {display:none}
.desktop {display:block}
@media screen and (max-width:950px) {
.mobile {display: block}
.desktop {display: none}
.call-1, .call-2 {display:none}
.ident-left {padding-left: 0}
.ident-right {padding-right: 0}
}
@media screen and (max-width: 450px) {
.menu-title {display:none}
}