/* 
 Theme Name:     Efasup
 Author:         Efasup
 Contributor:    Enzo SEGHI 
___________                       ____________________ ________  ___ ___ .___ 
\_   _____/ ____ ____________    /   _____/\_   _____//  _____/ /   |   \|   |
 |    __)_ /    \\___   /  _ \   \_____  \  |    __)_/   \  ___/    ~    \   |
 |        \   |  \/    (  <_> )  /        \ |        \    \_\  \    Y    /   |
/_______  /___|  /_____ \____/  /_______  //_______  /\______  /\___|_  /|___|
        \/     \/      \/               \/         \/        \/       \/     

 Author URI:     https://efasup.com
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.4.2
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");

p {
  font-family: "Verdana";
  /* font-size: 16px; */
  font-weight: normal;
  text-align: left;
}

@media screen and (max-width: 64em) {
  h1 {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 50em) {
  h1 {
    font-size: 2em;
  }
}

@media screen and (max-width: 30em) {
  h1 {
    font-size: 1.5em;
  }
}

h2 {
  font-size: 2em;
  font-weight: 700;
  color: #1b5e80 !important;
}

@media screen and (max-width: 64em) {
  h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 50em) {
  h2 {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 30em) {
  h2 {
    font-sitze: 1em;
  }
}

.grecaptcha-badge {
  z-index: 99999 !important;
}

#BorlabsCookieBoxWidget,
._brlbs-branding {
  display: none !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Style général du site DEBUT*/
/*menu*/
@media (min-width: 981px) {
  #main-header,
  #main-header.et-fixed-header {
    box-shadow: 8px 0px 18px 0px rgb(0 0 0 / 23%) !important;
  }

  .sub-menu {
    box-shadow: 5px 0 18px 0px rgb(0 0 0 / 30%) !important;
  }

  .nav li ul {
    border-color: #1b5e80 !important;
  }

  #top-menu li a {
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-family: "Lato", sans-serif;
    font-weight: 300 !important;
  }

  #top-menu li.current_page_item > a {
    color: #1b5e80;
    font-weight: 600 !important;
  }

  #top-menu li li {
    padding: 0 !important;
  }

  #top-menu li li a {
    padding: 6px 10px !important;
    font-size: 14px !important;
    margin: 0 !important;
    width: auto;
  }

  #top-menu li li:hover {
    background-color: #1b5e80;
    color: white !important;
  }

  #top-menu li li a:hover {
    background-color: #1b5e80;
    color: white !important;
  }

  #top-menu li .current-menu-item:hover {
    background-color: #1b5e80;
    color: white !important;
  }

  #top-menu li .current_page_item:hover {
    background-color: #1b5e80;
    color: white !important;
  }

  .nav ul li a:hover {
    background-color: transparent !important;
    opacity: 1;
  }

  #main-header .logo_container {
    width: 260px !important;
    position: absolute;
    right: -52px;
  }

  .et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation {
    padding-top: 120px;
  }

  /*Accueil liste des formations*/
  #formation {
    height: 220px !important;
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 1;
    border: solid 1px #f1f1f1;
  }

  #formation:hover {
    transform: scale(1.1);
    position: relative;
    z-index: 99 !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    border-radius: 20px;
  }

  #contact {
    height: 150px;
    width: auto;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 60%);
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
  }

  #contact:hover {
    transform: scale(1.1);
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    border-radius: 20px;
  }

  .candidater {
    transition: all 0.2s ease-in-out;
  }

  .candidater:hover {
    transform: scale(1.1);
  }

  #description .et_pb_image_wrap {
    width: 70px !important;
  }
}
/* Style général du site FIN*/
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*menu mobile*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #main-header {
    padding: 20px;
  }

  .et-fixed-header {
    position: fixed !important;
  }

  #logo {
    width: 225px;
    height: 69.5px;
    position: relative;
    top: -62px;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    max-width: 100% !important;
    max-height: 250% !important;
  }

  .et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0 !important;
    top: 25px;
  }

  #mobile-menu {
    box-shadow: 5px 0 18px 0px rgb(0 0 0 / 30%) !important;
  }

  .et_mobile_menu {
    position: absolute;
    left: 0;
    top: 53px;
    padding: 0 !important;
    border-top: 0 !important;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 23%) !important;
  }

  #et-top-navigation .et_mobile_menu .menu-item-has-children > a {
    position: relative;
  }

  #et-top-navigation .et_mobile_menu .menu-item-has-children > a:after {
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
  }

  .et_mobile_menu .menu-item-has-children > a {
    font-weight: 600;
    background-color: #1b5e80;
    color: white;
  }

  .et_mobile_menu li a:hover,
  .nav ul li a:hover {
    background-color: #808388;
    color: white !important;
  }

  .container.et_menu_container {
    z-index: 99;
    display: flex;
    justify-content: center;
  }

  #et-top-navigation .et_mobile_menu .menu-item-has-children > a:after {
    content: "\↓";
    top: 13px;
    right: 10px;
  }

  #et-top-navigation .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: "\↑";
  }

  #et-top-navigation .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
  }

  #et-top-navigation .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
  }

  #mobile_menu {
    max-height: 460px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  /*Style général du site en mobile*/
  .et_pb_text_0 h1 {
    font-size: 30px !important;
  }

  .accueil p {
    font-size: 16px !important;
  }

  #formation {
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 1;
    border: solid 1px #f1f1f1;
  }

  #formation:hover {
    transform: scale(1.1);
    position: relative;
    z-index: 99 !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    border-radius: 20px;
  }

  #contact {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 60%);
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
  }

  #contact:hover {
    transform: scale(1.1);
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
    border-radius: 20px;
  }

  #contact .et_pb_blurb_description {
    position: auto !important;
    width: auto !important;
    right: auto !important;
    margin-top: auto !important;
  }

  #contact .et_pb_blurb_position_left .et_pb_main_blurb_image,
  .et_pb_blurb_position_right .et_pb_main_blurb_image {
    width: auto !important;
    display: auto !important;
    line-height: auto;
    height: auto !important;
  }

  div.et_pb_section.et_pb_section_0 {
    background-size: cover !important;
  }

  .bachelor {
    margin-top: 60px !important;
  }

  .et_pb_row_2 {
    background-color: transparent !important;
    box-shadow: 0px 10px 60px 0px rgba(71, 75, 182, 0) !important;
  }

  .et_pb_button_0_wrapper,
  .et_pb_button_1_wrapper {
    position: fixed !important;
    top: 76px !important;
    right: 4px !important;
    z-index: 9999999 !important;
  }

  #sticky-btn {
    opacity: 1;
    margin-top: 0px !important;
    margin-left: 0px !important;
    background-image: url(/wp-content/uploads/2022/03/candidater-btn-3.png) !important;
    background-color: transparent;
    background-size: contain;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    border-radius: 50%;
    color: transparent !important;
  }

  .et_pb_blurb_position_left .et_pb_main_blurb_image,
  .et_pb_blurb_position_right .et_pb_main_blurb_image {
    width: 50px !important;
    display: inline-block !important;
    line-height: 0;
    height: 50px !important;
  }

  .et_pb_blurb_13.et_pb_blurb,
  .et_pb_blurb_12.et_pb_blurb {
    background-color: #ffffff00 !important;
  }

  .et_pb_blurb_description {
    position: relative;
    width: 220px;
    right: 60px;
    margin-top: 20px;
  }

  .entreprise .et_pb_blurb_description {
    width: auto !important;
  }

  #description {
    background-color: rgba(255, 255, 255, 0);
    margin-top: 0px !important;
  }

  /* logo région auvergne rhône-alpes */
  #ARA {
    width: 70% !important;
  }

  /* footer mobile */
  footer .et_pb_image {
    width: 40%;
  }

  footer p {
    padding-bottom: 0 !important;
  }

  .mentions-legales p {
    font-size: 7px !important;
  }

  /* Formulaire */
  #post-956 .et_pb_column_1,
  #post-890 .et_pb_column_1 {
    padding: 60px 10px !important;
  }

  .et_builder_inner_content {
    position: relative;
    z-index: auto !important;
  }

  .grecaptcha-badge {
    visibility: hidden !important;
  }

  .recaptcha p {
    text-align: center !important;
    font-size: 8px !important;
  }
}

@media screen and (min-width: 981px) and (max-width: 1366px) and (orientation: landscape) {
  #contact {
    height: auto !important;
  }

  #formation {
    height: auto !important;
  }

  footer .et_pb_text_inner p {
    font-size: 12px;
  }

  .mentions-legales p {
    font-size: 8px !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .et_vertical_nav.et_header_style_left .logo_container {
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
  }

  /* #et-top-navigation {
    position: relative;
    top: 12px;
  } */

  .et_pb_row_0_tb_footer.et_pb_row {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .et_pb_row_5col > .et_pb_column.et_pb_column_1_5 {
    width: 47.25%;
    margin-right: 0;
  }
}