/*
Theme Name: Busclub
Theme URI: https://les-apaches.fr
Text Domain: busclub
Author: Les Apaches
Author URI: https://les-apaches.fr
Description: Busclub 2023
Requires at least: WordPress 5.0
Version: 1.0*/
body {font-family: "DM Sans",Arial,sans-serif;font-size:1.125rem;color: #505a5f;}
.mt-70 {margin-top:70px;}
.mb-60 {margin-bottom:60px;}
a {color: #f08213;text-decoration: none;}
strong,b {}
.container-fluid {overflow: hidden;}
.bg-orange {background-color:#f08213;}
.bg-orange * {color:#FFF;}
.btn-primary,.btn-primary:hover,.btn-primary:focus,.wp-element-button,.wp-element-button:hover,.wp-element-button:focus,div.wpforms-container-full button[type=submit]:not(:hover):not(:active),div.wpforms-container-full button[type=submit]:hover,div.wpforms-container-full button[type=submit]:active {text-transform:uppercase;color:#FFF;background-color:#f08213!important;border:1px solid #f08213!important;padding:15px 30px;font-size:15px;line-height:120%;border-radius:0;font-weight:400;}
.btn-primary.bg-transparent {background-color:transparent!important;}
.is-style-outline .wp-element-button,.is-style-outline .wp-element-button:hover,.is-style-outline .wp-element-button:focus {color:#f08213!important;background-color:transparent!important;}
div.wpforms-container-full input[type=submit]:focus:after, div.wpforms-container-full button[type=submit]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after {display:none;}
.wp-element-button:focus,div.wpforms-container-full button[type=submit]:not(:hover):not(:active),div.wpforms-container-full button[type=submit]:hover,div.wpforms-container-full button[type=submit]:active {height:auto;}
.wp-element-button {margin-top:32px;}
.btn-secondary,.btn-secondary:hover,.btn-secondary:focus {text-transform:uppercase;background-color:#FFF;color:#FFF;border-color:#f7920c;padding:10px 30px;font-size:15px;line-height:120%;border-radius:0;font-weight:400;}
.back_diag {padding-right: 5vw;padding-left:5vw;background: #f08213;background: -moz-linear-gradient(top, #fff59b 0%, #fbba00 51%, #f08213 100%);background: -webkit-linear-gradient(top, #fff59b 0%,#fbba00 51%,#f08213 100%);background: linear-gradient(to bottom, #fff59b 0%,#fbba00 51%,#f08213 100%);filteon: absolute;z-inder: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff59b', endColorstr='#f08213',GradientType=0 );}
/*.back_diag:before {content:'';position:absolute;z-index: 1000;top: 0;bottom: 0;height: 100%;width: 150%;right: -25%;-moz-transform: skewX(-15.5deg);-webkit-transform: skewX(-15.5deg);-o-transform: skewX(-15.5deg);-ms-transform: skewX(-15.5deg);transform: skewX(-15.5deg);background: #f08213;background: -moz-linear-gradient(top, #fff59b 0%, #fbba00 51%, #f08213 100%);background: -webkit-linear-gradient(top, #fff59b 0%,#fbba00 51%,#f08213 100%);background: linear-gradient(to bottom, #fff59b 0%,#fbba00 51%,#f08213 100%);filteon: absolute;z-inder: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff59b', endColorstr='#f08213',GradientType=0 );}*/
.back_diag.bg-grey {background:#585d62;}
.back_diag > div {position:relative;z-index:1001;padding:125px 0;}
.back_diag .btn-primary,.back_diag .btn-primary:hover,.back_diag .btn-primary:focus {background-color:transparent!important;border-color:#FFF!important;}
.ttl-is-h2 {font-size:2em;line-height:1;}
.ttl-is-h2:before {content:"";display:block;width:270px;height:13px;background-repeat:no-repeat;background-image:url(./img/border-01.png);border:0;margin:0 auto 20px;}
section.title {padding: 30px 0;background-color: #f08213;position: relative;text-align: center;color: #fff;overflow: hidden;}
section.title:before {content:"";position:absolute;top:0;left: auto;right: 0;background-repeat: no-repeat;background-image: url(./img/areas-overlay.png);width:768px;height:442px;}
section h1 {font-size:4.375rem;color: #fff;text-transform: uppercase;margin-bottom: 0.1em;}
section.title2:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:2;background-color: rgba(80,90,95,0.5);}
section.title2 img {z-index:1;}
section.title2 .position-absolute {z-index:3;}
section.title2:after {content: "";z-index:4;position: absolute;left: 0;right: 0;bottom: 0;height: 5px;background: #f08213;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwODIxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmY2OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left, #f08213 0, #fff69b 100%);background: -webkit-linear-gradient(left, #f08213 0, #fff69b 100%);background: linear-gradient(to right, #f08213 0, #fff69b 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08213', endColorstr='#fff69b', GradientType=1);}
section.content {padding:70px 0;}
section.content h2 {position:relative;font-size:2.5rem;text-transform: uppercase;margin-bottom: 0.5em;line-height: 1;}
section.content h2:before {content: "";display: block;margin-bottom:1.25rem;width: 80px;border-bottom: solid 3px #f08213;}
header {background-color:#FFF;padding:1.5rem 0;}
header,header .custom-logo {-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
header.scroll {padding:.5rem 0;}
header.scroll .custom-logo {transform: scale(0.7);}
header .navbar-toggler {z-index:1050;width: 67px;height: 67px;padding: 0;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out}
header .navbar-toggler .icon-bar {display: block;margin: auto;position: absolute;height: 3px;width: 30px;background: #505a5f;opacity: 1;left: 0;right: 0;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
header .navbar-toggler .icon-bar:nth-child(1) {top: 22px}
header .navbar-toggler .icon-bar:nth-child(2),header .navbar-toggler .icon-bar:nth-child(3) {top: 31px}
header .navbar-toggler .icon-bar:nth-child(4) {top: 40px}
header .navbar-toggler.active .icon-bar:nth-child(1) {top: 31px;width: 0;left: 50%;right: 50%}
header .navbar-toggler.active .icon-bar:nth-child(2) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
header .navbar-toggler.active .icon-bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
header .navbar-toggler.active .icon-bar:nth-child(4) {top: 31px;width: 0;left: 50%;right: 50%}
.navbar {background: #eee;padding:0;}
.navbar .dropdown-menu {background-color: #ddd;border-radius:0;padding: 0;margin-top:0;border:none;z-index:1200;}
.navbar .dropdown-item {padding: 1em 2.5em 1em 0.8em;border-left: solid 3px transparent;color: #505a5f;text-transform:uppercase;}
.navbar .dropdown-item.active {background-color: #fff;border-color: #f08213;}
.navbar .dropdown-toggle.show {background-color: #ddd;}
#teaser_slider h2 {display:inline-block;color:white;font-weight:500;font-size:42px;letter-spacing:-2px;line-height:64px;background-color:rgba(240,130,19,0.7);box-shadow:0px 0px 0px 5px rgba(240,130,19,0.7);outline:none;font-weight: normal;text-transform:uppercase;}
#teaser_slider .desc {font-size:20px;font-weight:500;margin:30px 0 30px;line-height:30px;}
#slogan {font-size:18px;line-height:120%;padding: 10px 0;text-align: center;font-weight: normal;}
.imgEnseignes img {width: 80px;height:auto;padding: 0 10px 10px 0;}
footer {padding: 60px 0;border-top: solid 1px #ddd;}
footer .footer-copyright {padding: 15px 0;border-top: solid 1px #ddd;text-align: center;}
footer ul {list-style:none;padding-left:0;margin-bottom:1rem;}
footer li {margin-bottom: 0.5em;}
footer a {color: #505a5f;text-decoration:none;}
footer #footer-info {    border-left: solid 1px #ddd;padding-left:30px;}
footer #socials {gap:10px;}
footer #socials a {display: inline-block;line-height: 50px;text-align: center;width: 50px;height: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-size: 1.2em;border: solid 1px #ddd;color: #f08213;}
.card-aire {margin:20px 0;padding:20px 0;}
.card-aire h3 {font-size:1.125rem;line-height:120%;}
.card-aire p.title {font-size:1.125rem;line-height:120%;}
#list-aires .card-aire:not(:first-child) {border-top: 1px solid #000;}
.card_offre {border-radius:0;position:relative;}
.card_offre > img {z-index:1;display: block;position:absolute;width:100%;height:100%;object-fit: cover;}
.card_offre .card-body {padding-bottom:0;}
.card_offre .card-body,.card_offre .card-footer {position:relative;z-index:2;}
.card_offre .card-body h2 {text-transform: uppercase;text-align: center;font-size:15px;font-weight:700;}
.card_offre .card-body h2 {text-transform: uppercase;text-align: center;font-size: 30px;}
.card_offre .card-body h5 ~ h2 {font-size:50px;margin-bottom:0;}
.card_offre .card-body h5 ~ h2 ~ h3 {margin-top:0;}
.card_offre .card-body h2:before {display:none;}
.card_offre .card-body h3 {text-align: center;margin: 25px 0;font-size: 20px;font-weight:700;}
.card_offre .card-body ul {list-style:none;padding-left:0;}
.card_offre .card-body li:not(:last-child) {position:relative;padding-bottom:17px;margin-bottom:5px;}
.card_offre .card-body li:not(:last-child):after {content:'';position:absolute;left:50%;bottom:0;display:block;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background-color:#f08213;}
.form-floating>label {color:#505a5f;}
nav .offcanvas.show,nav .offcanvas.showing {background-color: #eee;overflow-y: auto;}
nav .offcanvas.show .offcanvas-body,nav .offcanvas.showing .offcanvas-body {padding:0;}
nav .offcanvas.show .offcanvas-body .container,nav .offcanvas.showing .offcanvas-body .container {max-width:100%;padding:0;}
nav .offcanvas.show .offcanvas-body .container ul,nav .offcanvas.showing .offcanvas-body .container ul {display:block!important;}
nav .offcanvas.show .nav-link,nav .offcanvas.showing .nav-link {text-transform: uppercase;font-size:1rem;color: #505a5f;padding: 1em 3em 1em 1em;display: block;text-decoration: none;border-bottom: solid 1px #fff;background-color: #eee;border-left: solid 3px transparent;}
nav .offcanvas.show .nav-link.active {background-color: #fff;border-left-color: #f08213;}
#enseigne_slider .slick-slide {margin:0 10px;}
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {max-width:100%;}
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul {display:flex;}
.wpforms-submit-container {text-align:center;}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {color:#FFF;}
.slick-dots {bottom:25px;}
.slick-dots li  {width:12px;height:12px;}
.slick-dots li button {background-color:#FFF;border-radius:100%;width:12px;height:12px;padding:0;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);}
.slick-dots li.slick-active button {background-color:#f08213;}
.slick-dots li button::before {content:'';}
.ui-autocomplete {position: absolute;top: 100%;left: 0;z-index: 1000;float: left;display: none;min-width: 160px;padding: 4px 0;margin: 0 0 10px 25px;list-style: none;background-color: #ffffff;border-color: #ccc;border-color: rgba(0, 0, 0, 0.2);border-style: solid;border-width: 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;*border-right-width: 2px;*border-bottom-width: 2px;z-index:1200;}
.ui-menu-item > .ui-menu-item-wrapper {display: block;padding:7px 15px;clear: both;font-weight: normal;line-height: 18px;color: #555555;white-space: nowrap;text-decoration: none;}
.ui-menu-item > .ui-menu-item-wrapper.ui-state-hover, .ui-menu-item > .ui-menu-item-wrapper.ui-state-active {color: #ffffff;text-decoration: none;background-color: #0088cc;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;background-image: none;cursor:pointer;}
#page-content .wp-block-gallery {width:60%;margin:auto;}
.wp-block-columns ~ .wp-block-columns,.wp-block-columns ~ h2 {margin-top:5rem;}
footer .title {color: #f08213;}
.temps_trajet {margin:0 0 1rem 0;padding:7px;border:1px solid #505a5f;text-align:center;}
.temps_trajet i	{color:#f08213;}
pre {color: #f08213;font-size: 90px;font-weight:normal;text-align:center;}
.leaflet-routing-container {display:none;}
@media screen and (min-width: 1200px) {
    header:not(.scroll) .navbar-toggler {display:none;}
    .navbar-expand-xl .navbar-nav .nav-link {display:inline-block;padding: 1.2em 1em 1.2em 1em;color: #505a5f;border-top: solid 3px transparent;-webkit-transition: color 160ms ease;-moz-transition: color 160ms ease;-ms-transition: color 160ms ease;-o-transition: color 160ms ease;transition: color 160ms ease;text-transform:uppercase;font-size:1rem;}
    .navbar-expand-xl .navbar-nav .nav-link.active,.navbar .menu-item:has(.dropdown-item.active) .nav-link  {border-color: #f08213;}
}
@media screen and (max-width:1199px) {
    section h1 {font-size:2rem;}
    section.content h2 {font-size:1.75rem;}
    #map,#routing,#routing_search {height:75vh!important;}
    /*.back_diag {padding-left:5vw;}
    .back_diag:before {-moz-transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none;transform: none;width: 100%;right: 0;}*/
    .back_diag > div {padding:50px 0;}
    .home #offres .row {--bs-gutter-y:2rem;}
    #teaser_slider,#teaser_slider .slick-slide {min-height:70vh;}
    #teaser_slider h2 {font-size:2rem;line-height:120%;}
    #teaser_slider .desc {font-size: 16px;margin: 10px 0 10px;line-height: 120%;}
    footer #footer-info {border-left: none;padding-left: 0;text-align: center;margin-top: 5rem;}
    footer #socials {justify-content: center;}
    header {border-bottom: solid 1px #ddd;}
    .offcanvas.offcanvas-end {top:69px;border-top: solid 1px #ddd;}
    header {padding:.5rem 0;}
    header .custom-logo {transform: scale(0.7);}
}