/*
 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.0.0
*/

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

@font-face {
    font-family: Gotham-Medium;
    src: url('/wp-content/themes/divi-creative-agency/fonts/Gotham-Light.ttf');
}
@font-face {
    font-family: Gotham-Bold;
    src: url('/wp-content/themes/divi-creative-agency/fonts/Gotham-Bold.ttf');
}
@font-face {
    font-family: Gotham-BoldItalic;
    src: url('/wp-content/themes/divi-creative-agency/fonts/Gotham-BoldItalic.ttf');
}

h1, h2, h3,h4 , p {
  font-family: Gotham-Medium, Arial, sans-serif;
}
strong, b {
  font-family: Gotham-Bold, Arial, sans-serif;
}
em b, strong em, b em, em strong {
  font-family: Gotham-BoldItalic, Arial, sans-serif;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
  width: 28%;
  margin-right: 5%;
  margin-bottom: 5%;
}
.et_pb_grid_item.first_in_row {
    clear: none;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) {
  clear: none;
  margin-right: 0px;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n) {
  clear: none;
  margin-right: 5%;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
  clear: none;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n+1) {
  clear: both;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item {
  margin-right: 5%;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item.last_in_row.on_last_row:after {
  content: '';
clear: both;
margin-bottom: 50px;
display: block;
}

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

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #cccccc;
}

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

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

body .mobile_menu_bar:before {
  color: #ffffff;
}
.titlemonth, .title {
  line-height: normal !important;
}
.titlemonth {
      font-size: 3em;
      margin-bottom: -20px;
}
.title {
      font-size: 6em;
      margin-top: 30px;
      margin-bottom: -30px;
}
.datecal {
  display:inline-block;
  min-width: 70px;
}
.calendarlist {
  border-bottom: 1px solid #000000;
  padding:0px !important;
  margin-bottom: 20px;
}
.calendarlist li {
  width: 100%;
  min-height:45px;
  position: relative;
  border-top: 1px solid #000000;
  margin: 3px 0px;
  padding-top: 10px;
}
body div.calendarpage a {
  border: none !important;
}

body div.calendarpage {
  -moz-transform: scale(0.7);
  -moz-transform-origin: top left;
  -o-transform: scale(0.7);
  -o-transform-origin: top left;
  -webkit-transform: scale(0.7);
  -webkit-transform-origin: top left;
  transform: scale(0.7);
  border: none;
  display:inline-block;
}
.nowrap {
  white-space: nowrap;
}
@media screen and (min-width:1024px) {
  .calendarlist li {
    display: flex;
    justify-content: space-between;
    padding-right: 19%;
  }
  .calendarlist li .p20 {
    padding: 0px 10px;
  }
  body div.calendarpage {
    position: absolute;
    right:0px;
    top: 7px;
  }
  ul.calendarlist li span {
    display: inline-block;
    /*max-width: 60%;
     line-height: 20px;
     height: 50px;
    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
  }
}
@media screen and (max-width:1024px) {
  body div.calendarpage {
        display: block;
        margin-top:5px;
  }
  .datecal {
    display: block;
  }
}