/*
Theme Name: template
Description: Thème enfant pour le thème Divi
Author:  Medialogue
Template: Divi
*/

@import url("../Divi/style.css");

/*
1. BASIC
2. HELPER
3. NAVBAR
4. HOME
5. SERVICES
6. ABOUT US
7.WEBSITE DESCRIPTION
8. PRICING BOX
9. TEAM
10. OUR PROCESS
11. PEOPLE SAYS
12. GET STARTED
13. BLOG
14. CONTACT
15. FOOTER
16. RESPONSIVE
*/

/* ==========
   1.HELPER
   ========== */

:root{
	--couleur-primaire:#00203f;
	--couleur-secondaire:#4bb458;
}

a {
  font-size: 18px;
  font-family: roboto;
  font-weight: 400;
  color: var(--couleur-secondaire);
}

p,span p, span a, li {
  font-size: 18px;
  font-family: roboto;
  font-weight: 400;
  color: #333;
}

a, span a, a span {
  color:  var(--couleur-primaire) ;
  font-weight: 500;
}

li a {color:  var(--couleur-primaire)  !important;}

.et-pb-icon {
  color:  var(--couleur-secondaire)  !important;
}

h1 {
  font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 600 !important;
  font-size: 55px !important;
  color: white !important;
  text-shadow: 0.05em 0.05em 0.06em rgba(0,0,0,0.1) !important;
}

h1 + p {
  text-align: center;
  color: #ffffff;
  padding: 3px 0;
  font-size: 34px;
  margin: 0 5px;
  font-weight: 300;
  text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.13) !important;
}

h2 {
  font-family: roboto !important;
  font-weight: 500 !important;
  color:  var(--couleur-primaire)  !important;
  font-size: 32px !important;
}

.bouton, .bouton:hover,   input[type="submit"] {
  border-radius: 0 !important;
  color: white !important;
  background-color:  var(--couleur-primaire)  !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 15px 70px !important;
  cursor: pointer;
}

input[type="submit"] {
  width: auto !important;
  text-align: center;
  padding: 12px 75px !important;
}

.bouton::after {
  font-size: 0 !important;
}

.et_pb_number_counter {
  background-color:  var(--couleur-primaire)  !important;
}

/* ==========
   2.HELPER
   ========== */




.et_pb_section:not(.section-footer)  .et_pb_divider:before {
  border-top-color:  var(--couleur-primaire)  !important;
}

@media (min-width:981px) {
  .no-margin-column {
    margin: 0 !important;
    width: 50% !important;
  }
}

.no-margin-column--center-content {
  margin: 0 auto !important;
}

.margin-t-20 {
  margin-top: 20px;
}

.margin-t-30 {
  margin-top: 30px;
}

.margin-b-0 {
  margin-bottom: 0px;
}

.padding-t-15 {
  padding-top: 15px;
}

.padding-b-10 {
  padding-bottom: 10px;
}

.height-100vh {
  height: 100vh;
}

.height-180px {
  height: 180px !important;
}

@media (min-width:981px) and (max-width:1500px) {
  .extend-last-p p:last-child {
    width: 200%;
  }
}

@media (max-width:1365px) {
  .extend-second-p p:nth-child(2) {
    width: 200%;
  }
}

.vertical-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}


#sectionPrix{

	.et_pb_button{
		&:hover{
			background-color:var(--couleur-primaire);
			color:#FFF;
		}
	}

	.et_pb_column_1_4{
		padding:32px;
		border:1px solid lightgrey;


		p{
			.price{
				font-size:30px;
			}
		}

		ul{
			list-style-position:outside;
		}

		.et_pb_button_module_wrapper {
			margin-bottom:10px;

			.et_pb_button{
				width: 100%;
				text-align: center;
				&:hover{
					background-color:var(--couleur-primaire);
					color:#FFF;
				}
			}
		}

		div:nth-of-type(3){
		
			.et_pb_button{
					background-color:var(--couleur-primaire);
					color:#FFF;
				&:hover{
					background-color:#FFF;
					color:var(--couleur-primaire);
					border-color:var(--couleur-primaire)!important;
				}
			}	
		}
		

	}

	#prixContact{
		background-color: var(--couleur-primaire);
		padding: 96px!important;
		h2{
			color:#FFF!important;
			font-size:55px;
			font-weight:bold;
		}

		p{
			color:#FFF;
		}

		a{
			color:#FFF;
			border-color:#FFF;
			&:hover{
				background-color:#FFF;
				color:var(--couleur-primaire);
			}
		}
	}

}

#sectionPrixListing{
    margin-top: 48px;
    border-top: 1px solid lightgrey;
}


/* ==========
   14.CONTACT
   ========== */
.page-id-47 input.text, .wpcf7-validates-as-date, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea,
.wpcf7-form textarea{
	width: 100%;
	padding: 8px 15px;
	margin-bottom: 7px;
	border: 2px solid var(--couleur-primaire);
	color: var(--couleur-primaire);
	font-size: 17px;
}

span[data-name="servicedispo"] .wpcf7-list-item label {
    display: flex;
    justify-content: center;
    align-items: center;
}

span[data-name="servicedispo"] > span > span:first-of-type{
	margin-left:0;
}

.wpcf7-submit{
	background: var(--couleur-primaire);
	padding: 4px 11px !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
	color: #fff !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
	font-weight: 700;
	font-size: 26px !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
	cursor: pointer;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;

	border:2px solid var(--couleur-primaire);
}

.wpcf7-submit:hover{
	background: transparent;
	color: var(--couleur-primaire) !important; /*Overwrite de contactform 7 a cause des inputs en haut*/
}

/* =============
   4. HOME
   =============*/

/* =============
   5. SERVICES
   =============*/

.listing-services .et_pb_row {
  background-color: white;
}

.listing-services img {
  height: 450px;
  object-fit: cover;
  width: 100%;
}

.listing-services .et_pb_column {
  /* width: 50% !important; */
  /* margin: 0 !important; */
}

.service-txt-img .et_pb_column:first-child {
  padding: 30px;
  /* margin-right: 0; */
  height: 450px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.service-img-txt .et_pb_column:last-child {
  padding: 30px;
  height: 450px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}


/* ==========
   15.NAVBAR
   ========== */
#et-info-phone, .mobile_menu_bar:before{
  color:  var(--couleur-primaire)  !important;
}

.et_mobile_menu{
  border-color:  var(--couleur-primaire)  !important;
}
.select_page {
  font-weight: 400;
}

#mobile_menu {
  padding: 3% 15px;
}

.et_mobile_menu li a {
  padding: 10px 2%;
  font-weight: 700;
  text-transform: uppercase;
  color:  var(--couleur-primaire) ;
}

.et_mobile_menu .current-menu-item {
  background-color:  var(--couleur-primaire) ;
}

.et_mobile_menu .current-menu-item a {
  color: white !important;
}

@media (min-width:981px) {
  .et_vertical_nav #main-header .container {
    margin: 0 !important;
  }

  #top-header, #top-header a {
    color:  var(--couleur-primaire)  !important;
  }

  #logo {
    padding: 0 14px !important;
  }

  .et_vertical_nav #main-header #top-menu>li>a {
    text-align: center;
    padding: 18px 0 !important;
    margin: 0 !important;
    line-height: 1.3;
  }

  .menu-item a {
    color:  var(--couleur-primaire)  !important;
    border-bottom: 1px solid #e3e3e3;
  }

  .menu-item:first-child a {
    border-top: 1px solid #e3e3e3;
  }

  .current-menu-item a {
    background-color:  var(--couleur-primaire) ;
    color: white !important;
  }

  #top-menu-nav>ul>li:not(.current-menu-item)>a:hover {
    background-color: #f3f3f3;
  }

  #top-menu-nav>ul>li>a:hover {
    opacity: 1;
  }

  #et-top-navigation {
    background-color: #fafafa;
  }

  .down-header {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color:  var(--couleur-primaire) ;
    /* height: 63px; */
    text-transform: uppercase;
            text-align: center;
        padding: 10px 0;
  }

  .down-header > * {
    color: #fff;
    font-weight: 400;
  }

  .down-header--associations {
    position: absolute;
    bottom: 63px;
    background-color: #fafafa;
  }

  .logo-partenaire2 img, .logo-partenaire1 img {
    padding: 5px 8px;
  }

  .logo-partenaire2 {
    display: none;
  }
}

@media (max-width:980px) {
  .down-header,.down-header--associations {
    display: none;
  }
}



/* ==========
   15.footer
   ========== */

.section-footer p,.section-footer  p span {
  color: white !important;
}

.section-footer input {
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 10px;
  font-size: 19px;
}

.section-footer textarea {
  width: 100%;
  margin-bottom: 10px;
  font-size: 19px;
  padding: 8px 16px;
}

#footer-info img {
  margin-bottom: -10px;
  margin-right: 10px;
}

#footer-bottom .container {
  display: flex;
  align-items: center;
  width: 90%;
}

.section-footer input[type="submit"] {
  padding: 12px 37px !important;
}

#footer-info + a {
  color:  var(--couleur-primaire)  !important;
  text-transform: uppercase;
  font-weight: 400;
  margin-left: auto;
}


/* ==========
   16.Responsive
   ========== */

@media only screen and (max-width: 1200px) {
}

@media (max-width:1000px) {
  #footer-bottom .container {
    flex-direction: column-reverse;
  }
  #footer-info + a{
    margin-left: 0 !important;
  }
}

@media only screen and ( max-width: 980px ) {

  .bouton, .bouton:hover, input[type="submit"] {
    padding: 8px 30px !important;
  }

  .et_pb_row_5, body #page-container .et-db #et-boc .et-l .et_pb_row_5.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_5.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_5.et_pb_row {
    width: 90% !important;
  }

  .listing-services-home .et_pb_module_header {
    padding: 15px 0;
    text-align: center;
  }

  .listing-services-home .et_pb_blurb_description {
    text-align: center;
    padding-bottom: 10px;
  }

  .listing-services-home .et_pb_row:not(:last-child) {
    padding-left: 30px !important;
  }

  .listing-services-home .et_pb_button_module_wrapper {
    text-align: center;
  }

  .listing-services-home .et_pb_row .et_pb_column {
    padding-left: 0 !important;
  }

  .no-margin-column {
    margin-bottom: 0 !important;
  }

  .premier-par .et_pb_image_wrap , .premier-par img {
    width: 100%;
    object-fit: cover;
  }

  .premier-par {
    padding: 2% 0 !important;
  }


}

@media only screen and ( max-width: 767px ) {
  h1 {
    font-size: 39px !important;
  }

  h1 + p {
    font-size: 28px;
  }

  h2 {
    font-size: 29px !important;
  }
}

@media (max-width:1100px) {
  .service-txt-img {
    flex-direction: column-reverse;
    display: flex;
  }

  .service-img-txt {
    flex-direction: column;
    display: flex;
  }

  .listing-services .et_pb_column{
    width: 100% !important;
  }

  .service-txt-img .et_pb_column:first-child {
    height: auto;
  }

  .service-img-txt .et_pb_column:last-child {
    height: auto;
  }
}

@media only screen and ( max-width: 1080px ) {
  .section-footer .et_pb_blurb_description {
    word-break: break-all;
  }
}

@media only screen and ( max-width: 480px ) {
  #top-header .container{
    width: 100% !important;
  }
}