/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.1.0
*/

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

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html, body {
  height: 100%;
}

body.page-id-45 {
  background-color:#161616!important;
}
.page #top-menu .currentpage  {
  display: none;
}

.page-id-228363 #top-menu .currentpage  {
  display: inline-block;
}

.page.page-id-228363 .tosubmenu ul.sub-menu li {
  display: none !important;
}

.page.page-id-228363 .tosubmenu ul.sub-menu li.currentpage {
  display: inline-block !important;
}
ul li {
  list-style:none;
}
body .popup_outer_wrap ul li:before,
body .servicess ul li:before {
  position: absolute;
  content: ">";
  width:10px;
  height:10px;
  left: -20px;
  font-weight: bold;
}

.evr-close_wrap {
  background: #236ea4;
  height: 50px;
  width: 50px;
  opacity: 1;
  z-index: 10000;
  position: absolute;
  top: 0px;
  right: 0px;
}
.evr-close_wrap a {
  padding:10px !important;
  font-size:4em !important;
  color:#ffffff !important;
}

@media screen and (max-width: 768px) {
  .et_pb_contact button.et_pb_contact_submit.et_pb_button {
    margin-left:3% !important;
  }
}

.imgbottom .et_pb_column_1_4 {
    padding: 0px;
}
.imgbottom .et_pb_divider  {
    display: none;
}
.imgbottom h2 {
  color: #236ea4 !important;
  height: 50px;
  text-align: left !important;
  margin:10px;
  font-size:1.6em !important;
}
.imgbottom .et_pb_button_module_wrapper  {
  margin:0px !important;
  position: absolute;
    bottom: 76px;
}
body #page-container .imgbottom .et_pb_button_module_wrapper a {
  font-size:14px !important;
  padding:5px !important;
  width: 35px;
text-align: center;
}
body #page-container .imgbottom .et_pb_button_module_wrapper a:after {
  content:'' !important;
}


@media screen and (max-width: 767px) {
  header {
    position: fixed !important;
    background: #fff !important;
    top:0px !important;
  }
  #mobile_menu {
    background:#236ea4 !important;
  }
  body .popup_outer_wrap  .et_pb_section  .et_pb_row {
    max-width: none;
    width: 100%;
    padding: 25px !important;
  }
  body .popup_outer_wrap  .col21111 ul,
  body .servicess  .et_pb_row ul {
        margin-right: -30px !important;
  }

  body .popup_outer_wrap .with-close.is-open {
    width:100%;
    margin:0px;
    padding:0px;
    padding:20px 0px !important;
  }
  body .servicess   {
    border:none;
  }
  body .servicess  .et_pb_row  {
    width:80%;
    padding:0px !important;
    box-shadow:none !important;

  }

  .popup_outer_wrap  .et_pb_section  .col21111 .et-last-child,
  .et_pb_section  .col21111,
  body .servicess  .et_pb_row .et-last-child {
    margin-top:30px!important;
  }
  body .popup_outer_wrap  .no-shadow {
    background:rgba(255,255,255,1) !important;
  }
  body .popup_outer_wrap  .et_pb_section .et_pb_row.immo {
    padding-bottom: 0px !important;
  }
  body .popup_outer_wrap  h1,
  body .servicess  h1 {
    font-size:2em !important;
  }
  body  h1:after {
    width: 150px;
    height: 20px;
    bottom: -15px;
  }
}