/*
 Theme Name:     SUDALOC
 Theme URI:      https://sudaloc.fr
 Description:    Custom theme based on Divi
 Author:         Agence Valeurs du Sud
 Author URI:     https://agence-valeursdusud.fr
 Template:       Divi
 Version:        1.0.0
*/

/* COULEURS
   ORANGE   #fd661f
   BLEU     #0b0f59
   GRIS     #6f6f6e
*/

.seo {
   display: none !important;
}

.et_pb_row.et_pb_equal_columns > .et_pb_column,
.et_pb_row_inner.et_pb_equal_columns > .et_pb_column {
   margin: auto;
}

h1,
h2 {
   color: #0b0f59 !important;
   font-size: 48px !important;
   text-transform: uppercase;
}

h3 {
   font-size: 28px !important;
}

.et_pb_bg_layout_dark h3 {
   color: #fd661f !important;
}

hr {
   background-color: #fd661f;
   border: none;
   height: 2px;
   margin: 1em 0;
   width: 95px;
}

.et_pb_text_align_center hr {
   margin: 1em auto;
}

/* MENU */

.et_fixed_nav #et-top-navigation {
   padding-bottom: 38px !important;
}

#main-header .nav li ul {
   border: none;
}

.et-fixed-header #top-menu a:hover,
#top-menu-nav > ul > li > a:hover,
.et_mobile_menu li a:hover,
.nav ul li a:hover,
.et-fixed-header #top-menu li.current_page_item > a:hover {
   background-color: #0b0f59;
   color: white !important;
   opacity: 1;
}

#main-header {
   box-shadow: none;
}

#top-menu {
   align-items: center;
   display: flex;
}

#top-menu li a,
.et_search_form_container input {
   padding: 1em !important;
}

#top-menu .menu-item-has-children > a:first-child:after,
#et-secondary-nav .menu-item-has-children > a:first-child:after {
   display: none;
}

.et-fixed-header #top-menu .menu-item-has-children > a,
.menu-item-has-children > a {
   background-color: #0b0f59;
   color: white !important;
}

.et-fixed-header #top-menu .menu-item-has-children.et-show-dropdown > a,
.menu-item-has-children.et-show-dropdown > a,
.et-fixed-header #top-menu .menu-item-has-children.current-page-ancestor > a,
.menu-item-has-children.current-page-ancestor > a {
   background-color: #fd661f;
   color: white !important;
}

.et-fixed-header #top-menu .sub-menu li.current-menu-item > a,
.et-fixed-header #top-menu .sub-menu li.current_page_item > a,
.et-fixed-header #top-menu .sub-menu a {
   color: white !important;
}

.sub-menu > .menu-item a::before {
   color: white;
   content: '\2022';
   margin-right: .5em;
}

.sub-menu > .menu-item:not(:last-child) a {
   border-bottom: solid 1px #0b0f59;
}

#et_search_icon::before {
   color: #fd661f !important;
   font-weight: bold;
   padding: 14px;
}

/* ACCUEIL > BIENVENUE */

#bienvenue h2 {
   font-size: 42px !important;
}

#bienvenue h3 {
   color: #0b0f59 !important;
   font-size: 24px !important;
}

#bienvenue hr {
   background-color: #0b0f59;
}

#bienvenue .et_pb_blurb {
   padding-left: 33%;
}

#bienvenue .et_pb_blurb .et_pb_blurb_content,
#nav-rapide .et_pb_blurb .et_pb_blurb_content {
   align-items: center;
   display: flex;
}

#bienvenue .et_pb_blurb .et_pb_main_blurb_image,
#nav-rapide .et_pb_blurb .et_pb_main_blurb_image {
   margin-bottom: 0;
   min-width: 95px;
}

#bienvenue .et_pb_blurb .et_pb_module_header,
#nav-rapide .et_pb_blurb .et_pb_module_header {
   color: #0b0f59;
   font: normal bold 24px/27px 'Raleway', Helvetica, Arial, Lucida, sans-serif;
   padding-bottom: 0;
}

/* ACCUEIL > PRÉSENTATION */

#presentation {
   overflow: hidden;
}

#legende-fondateur {
   overflow: visible;
}

#legende-fondateur::after {
   background-color: #0b0f59;
   content: '';
   height: 100%;
   left: 100%;
   position: absolute;
   top: 0;
   visibility: visible;
   width: 100%;
}

/* ACCUEIL > NOS MATÉRIELS */

.nos-materiels-row .et_pb_column:nth-child(even) {
   transform: translateY(50%);
}

.nos-materiels-row .et_pb_column {
   align-items: center;
   aspect-ratio: 1 / 1;
   background: url('../../uploads/hexagone-sudaloc-location-materiel-outillage-professionnel-peyrehorade.svg') center / contain no-repeat;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: 0;
   padding: 2em;
}

.nos-materiels-row .et_pb_image {
   margin-bottom: .5em;;
   width: 60px;
}

.nos-materiels-row .et_pb_text {
   padding: 0 17%;
   text-align: center;
}

.nos-materiels-row .et_pb_text h3 {
   padding-bottom: 0;
}

.nos-materiels-row .et_pb_text hr {
   margin: 1em auto;
}

.nos-materiels-row .et_pb_button_module_wrapper {
   margin-top: 1em;
   text-align: center;
}

/* RECHERCHE */

.is-search-form {
   padding-right: 50px !important;
}

.is-search-form::after {
   color: white;
   content: '\55';
   font-family: 'ETModules';
   font-size: 24px;
   font-weight: bold;
   padding: 6px 10px;
   position: absolute;
   right: 0;
   z-index: 1;
}

.is-form-style input.is-search-input,
.is-ajax-search-result {
   border-radius: 5px !important;
}

/* CONTACT */

#contact h2 {
   font-size: 36px !important;
   margin-top: 1em;
   text-transform: none;
}

#contact h3 {
   font-size: 24px !important;
   margin-top: 1em;
   padding-bottom: 0;
}

#contact hr {
   margin: 3em 0;
}

/* LOCATION > CATALOGUE */

.et_pb_portfolio_grid_items,
.et_pb_filterable_portfolio .et_pb_portfolio_items {
   align-items: flex-end;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.et_pb_portfolio_item {
   text-align: center;
   width: 20.875% !important;
}

.et_pb_portfolio_grid .et_overlay,
.et_pb_filterable_portfolio_grid .et_overlay {
   display: none !important;
}

.et_pb_portfolio_grid .et_pb_portfolio_item .et_pb_module_header,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header {
   font-size: 24px !important;
   text-transform: none;
}

.et_pb_portfolio_grid .et_pb_portfolio_item .post-meta a,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .post-meta a {
   color: #fd661f;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
   border-top: none;
}

/* LOCATION > PRODUIT */

#produit {
   overflow: hidden;
}

#produit .galerie {
   display: inline-block;
   padding: 0 5px;
   width: 20%;
}

#louer-reserver {
   overflow: visible;
}

#louer-reserver::after {
   background-color: #fd661f;
   content: '';
   height: 100%;
   left: 100%;
   position: absolute;
   top: 0;
   visibility: visible;
   width: 100%;
}

#louer-reserver .et_pb_column {
   align-items: center;
   display: flex;
   justify-content: space-around;
}

#louer-reserver .et_pb_button {
   background-color: white;
   border-color: #fd661f;
   color: #fd661f;
}

#louer-reserver .et_pb_button:hover {
   background-color: #0b0f59;
   border-color: #0b0f59 !important;
   color: white;
}

#popup-louer-reserver .et_pb_text {
   text-align: center;
}

/* ACTUALITÉS */

.et_pb_post_slider .et_pb_more_button {
   background-color: rgba(255, 255, 255, .9);
}

.et_pb_blog_grid .et_pb_post {
   border: none;
   border-radius: 5px;
   overflow: hidden;
}

.et_pb_blog_grid .entry-title {
   font-size: 24px !important;
   text-transform: none;
}

.et_pb_blog_grid .post-meta {
   color: #fd661f !important;
   font-size: 14px !important;
   line-height: 1;
}

.et_pb_blog_grid .more-link {
   display: block;
   font-size: 14px;
   font-weight: bold;
   text-align: right;
}

/* MEDIA QUERIES
   BREAKPOINTS  1405  1100 - 980  768 - 480
*/

@media all and (max-width: 1405px) {

   /* ACCUEIL */

   #presentation {
      background-size: 50vw;
   }

}

@media all and (max-width: 1100px) {

   h1,
   h2 {
      font-size: 42px !important; 
   }

   h3 {
      font-size: 24px !important;
   }

   .et_pb_row {
      width: 90%;
   }

   /* ACCUEIL */

   #bienvenue > .et_pb_row {
      width: 90%;
   }
   
   #bienvenue h2 {
      font-size: 36px !important;
   }

   #bienvenue .et_pb_blurb {
      padding-left: 20%;
   }

   #legende-fondateur {
      padding: 1em 10% !important;
   }

   .nos-materiels-row .et_pb_button_module_wrapper {
      margin-top: 0;
   }

}

@media all and (min-width: 768px) and (max-width: 980px) {

   /* MENU */

   #main-header .container {
      width: 95%;
   }

   .et_pb_svg_logo #logo {
      height: 100%;
      max-height: 75%;
   } 

   #et_mobile_nav_menu {
      display: none;
   }

   .et_fixed_nav #et-top-navigation {
      padding-top: 38px !important;
  }

   #et_search_icon::before {
      top: 0px;
   }

   #top-menu li {
      padding-right: 0;
   }

}

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

   /* MENU */

   .et_fixed_nav #main-header {
      position: fixed;
   }

   #main-header.et-fixed-header {
      -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 10%) !important;
      box-shadow: 0 0 7px rgb(0 0 0 / 10%) !important;
   }

   /* ACCUEIL */

   #bienvenue {
      background: unset !important;
      margin: 0;
   }

   #bienvenue > .et_pb_row,
   #nav-rapide > .et_pb_row {
      align-items: center;
      display: flex;
      flex-direction: column;
   }

   #bienvenue > .et_pb_row > .et_pb_column:first-child {
      background-color: #fd661f;
      border-radius: 5px;
      margin: auto;
      padding: 0 50px 50px;
      width: 67%;
   }

   #nav-rapide > .et_pb_row:first-child {
      padding-bottom: 0;
   }

   #nav-rapide > .et_pb_row:first-child .et_pb_text {
      text-align: center;
   }

   #nav-rapide > .et_pb_row:first-child .et_pb_text hr {
      margin: 1em auto;
   }

   #nav-rapide > .et_pb_row:nth-child(2) > .et_pb_column:first-child {
      margin: 0 auto 50px !important;
      width: 67%;
   }

   #bienvenue > .et_pb_row > .et_pb_column:nth-child(2) {
      display: flex;
      flex-wrap: wrap;
      margin-top: 50px;
   }

   #nav-rapide > .et_pb_row > .et_pb_column:not(:first-child) {
      display: flex;
      flex-wrap: wrap;
   }

   #bienvenue .et_pb_blurb,
   #nav-rapide .et_pb_blurb {
      padding-left: 5%;
      width: 50%;
   }

   #bienvenue .et_pb_blurb .et_pb_module_header,
   #nav-rapide .et_pb_blurb .et_pb_module_header {
      font-size: 21px;
      line-height: 24px;
   }

   #presentation .et_pb_column {
      width: 50%;
   }

   #presentation > .et_pb_row > .et_pb_column:first-child {
      padding-right: 50px;
   }

   #legende-fondateur {
      padding: 1em !important;
   }

   #nos-materiels {
      background: unset !important;
      padding-bottom: 50px;
   }

   #nos-materiels > .et_pb_row:first-child .et_pb_text {
      padding-left: 0 !important;
      position: static !important;
      text-align: center;
   }

   #nos-materiels > .et_pb_row:first-child .et_pb_text hr {
      margin: 1em auto;
   }

   .nos-materiels-row {
      align-items: flex-start;
      display: flex;
      padding: 0;
   }

   .nos-materiels-row .et_pb_column {
      aspect-ratio: unset;
      background: unset !important;
      width: 50%;
   }

   .nos-materiels-row .et_pb_column:nth-child(even) {
      transform: none;
   }

   /* CONTACT */

   #contact {
      background-position: 30%;
      padding-left: 10%;
   }

   #contact::before {
      background-color: rgba(255, 255, 255, .85);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
   }
   
   /* LOCATION */

   .et_pb_portfolio_item {
      width: 29.666% !important;
   }

   .location-categorie > .et_pb_row > .et_pb_column:first-child {
      width: 33%;
   }

   .location-categorie > .et_pb_row > .et_pb_column:nth-child(2) {
      width: 67%;
   }

   #produit > .et_pb_row > .et_pb_column {
      width: 50%;
   }

   #produit > .et_pb_row > .et_pb_column:first-child {
      padding-right: 50px;
   }

   #louer-reserver {
      height: 65px;
      padding: 10px 50px !important;
   }

   #louer-reserver .et_pb_column {
      align-items: flex-start;
      flex-direction: column;
   }

   #louer-reserver .et_pb_text {
      color: #fd661f !important;
      margin-top: 1em;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) > .et_pb_column {
      width: 33%;
   }

   /* ACTUALITÉS */

   #actualite > .et_pb_row > .et_pb_column:nth-child(2) {
      border-top: solid 2px #fd661f;
      margin-top: 50px;
      padding-top: 50px;
   }

}

@media all and (max-width: 767px) {

   /* MENU */

   #top-menu-nav {
      display: none;
   }

   .mobile_menu_bar::before {
      top: 12px;
   }

   .et_mobile_menu {
      background-color: #fd661f;
   }

   .et_mobile_menu li a {
      color: white !important;
      text-transform: uppercase;
   }

   .et_mobile_menu li.current-menu-item a {
      color: #0b0f59 !important;
   }

   .et_mobile_menu li.current_page_item a:hover {
      color: white !important;
   }

   .et_mobile_menu li.menu-item-has-children > a {
      background-color: #0b0f59 !important;
      color: white !important;
   }

   /* ACCUEIL */

   #bienvenue > .et_pb_row > .et_pb_column:first-child {
      padding: 0 20px 50px;
      width: 100%;
   }

   #bienvenue .et_pb_blurb,
   #nav-rapide .et_pb_blurb {
      padding-left: 0;
   }

   #bienvenue .et_pb_blurb .et_pb_main_blurb_image,
   #nav-rapide .et_pb_blurb .et_pb_main_blurb_image {
      min-width: 50px;
   }

   #bienvenue .et_pb_blurb .et_pb_module_header,
   #nav-rapide .et_pb_blurb .et_pb_module_header {
      font-size: 18px;
      line-height: 21px;;
   }

   #presentation {
      background: none !important;
   }

   #presentation .et_pb_column {
      width: 100%;
   }

   #presentation > .et_pb_row > .et_pb_column:first-child {
      padding-right: 0;
   }

   #presentation > .et_pb_row > .et_pb_column:nth-child(2) {
      margin-top: 50px;
   }

   #legende-fondateur {
      padding: 1em 50px !important;
   }

   .nos-materiels-row {
      display: block;
   }

   .nos-materiels-row .et_pb_column {
      width: 100%;
   }

   #nos-actualites .et_pb_text:first-child {
      padding-left: 0 !important;
   }

   /* CONTACT */

   #contact {
      background-position: 20%;
      padding-left: 0;
   }

   #contact .coordonnees {
      line-height: 30px;
   }

   .tiret {
      display: block;
      line-height: 0;
      visibility: hidden;
   }

   /* LOCATION */

   .et_pb_portfolio_filter_all {
      width: 100% !important;
   }

   .et_pb_portfolio_filter {
      text-align: center;
   }

   .et_pb_portfolio_item {
      width: 47.25% !important;
   }

   .location-categorie {
      padding-bottom: 0;
   }

   .location-categorie > .et_pb_row > .et_pb_column:first-child {
      width: 25%;
   }

   .location-categorie > .et_pb_row > .et_pb_column:first-child .et_pb_image {
      margin-left: 0;
      width: 80%;
   }

   .location-categorie > .et_pb_row > .et_pb_column:nth-child(2) {
      width: 75%;
   }

   #produit > .et_pb_row {
      display: flex;
      flex-direction: column-reverse;
   }

   #produit > .et_pb_row > .et_pb_column {
      width: 100%;
   }

   #produit > .et_pb_row > .et_pb_column:nth-child(2) .et_pb_text:first-child {
      text-align: center;
   }

   #produit > .et_pb_row > .et_pb_column:first-child {
      padding-right: 0;
   }

   #louer-reserver {
      margin-bottom: 100px;
   }

   #louer-reserver .et_pb_column {
      align-items: center;
   }

   #popup-louer-reserver h2 {
      font-size: 24px !important;
   }

   #popup-louer-reserver h3 {
      font-size: 21px !important;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) {
      padding-top: 0;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) > .et_pb_column {
      width: 100%;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) > .et_pb_column:first-child .et_pb_text a,
   #popup-louer-reserver > .et_pb_row:nth-child(2) > .et_pb_column:not(:first-child) {
      align-items: center;
      display: flex;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) .et_pb_icon {
      margin: 0;
      width: 95px;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) .et_pb_icon .et-pb-icon {
      font-size: 48px;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) .et_pb_icon ~ p,
   #popup-louer-reserver > .et_pb_row:nth-child(2) .et_pb_icon ~ .et_pb_text {
      font-size: 21px;
      line-height: 24px;
      text-align: left;
   }

}

@media all and (max-width: 360px) {

   /* ACCUEIL */

   #legende-fondateur br {
      display: none;
   }

   /* LOCATION */

   .et_pb_portfolio_filter a {
      font-size: 12px;
   }

   .et_pb_portfolio_item {
      width: 100% !important;
   }

   .location-categorie .et_pb_column {
      width: 100%;
   }

   .location-categorie > .et_pb_row > .et_pb_column:first-child .et_pb_image {
      margin: 0 auto 50px;
      width: 95px;
   }

   #popup-louer-reserver > .et_pb_row:nth-child(2) .et_pb_icon ~ p,
   #popup-louer-reserver > .et_pb_row:nth-child(2) .et_pb_icon ~ .et_pb_text {
      font-size: 18px;
      line-height: 21px;
   }

}