/*
 Theme Name:     PC-Hellef Theme
 Theme URI:      https://www.david-rosseljong.com
 Description:    PC-Hellef Theme for PC-Hellef.lu
 Author:         David Rosseljong
 Author URI:     https://www.david-rosseljong.com
 Template:       Divi
 Version:        1.0.0
 Text Domain:    pc-hellef
*/

/**
 * 
 * Overwriting default styles
 * 
 */

 /* Pushing social icons to the right */
#page-container #top-header #et-info {
  float: none;
}

#page-container #top-header .et-social-icons {
  float: right;
}


/* Removing default footer */
#main-footer {
  display: none;
}


/* Removing table borders */
#section-footer table,
#section-footer tr,
#section-footer td {
  border: none;
}


/* Modifying the contact forms */
body #page-container #et-main-area #main-content .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button {
  padding-top: 0px !important;
  height: 50px;
  border-radius: 0px;
}

body #page-container #et-main-area #main-content .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_contact_captcha {
  height: 50px;
}

.dr_contact_form .et_pb_contact_captcha_question {
  color: #1F1F26;
}

.et_pb_contact_form_0 .input[type="checkbox"]:checked+label i::before {
  color: #ffffff !important;
}


/* Modifying the numbers module with various improvements. */
.dr_euro-sign .percent-value:after {
  content: '\20AC';
}

/* DE */
.et_pb_number_counter.dr_euro-sign-wartung-3 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-6 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-12 .percent {
  height: 35px;
}

.et_pb_number_counter.dr_euro-sign-wartung-12 .percent {
  margin-bottom: 10%;
}

.dr_euro-sign-wartung-3 .percent-value:after {
  content: '€ / 3 Monate';
}

.dr_euro-sign-wartung-6 .percent-value:after {
  content: '€ / 6 Monate';
}

.dr_euro-sign-wartung-12 .percent-value:after {
  content: '€ / 12 Monate';
}

/* EN */
.et_pb_number_counter.dr_euro-sign-wartung-en-3 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-en-6 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-en-12 .percent {
  height: 35px;
}

.et_pb_number_counter.dr_euro-sign-wartung-en-12 .percent {
  margin-bottom: 10%;
}

.dr_euro-sign-wartung-en-3 .percent-value:after {
  content: '€ / 3 Months';
}

.dr_euro-sign-wartung-en-6 .percent-value:after {
  content: '€ / 6 Months';
}

.dr_euro-sign-wartung-en-12 .percent-value:after {
  content: '€ / 12 Months';
}

/* FR */
.et_pb_number_counter.dr_euro-sign-wartung-fr-3 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-fr-6 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-fr-12 .percent {
  height: 35px;
}

.et_pb_number_counter.dr_euro-sign-wartung-fr-12 .percent {
  margin-bottom: 10%;
}

.dr_euro-sign-wartung-fr-3 .percent-value:after {
  content: '€ / 3 mois';
}

.dr_euro-sign-wartung-fr-6 .percent-value:after {
  content: '€ / 6 mois';
}

.dr_euro-sign-wartung-fr-12 .percent-value:after {
  content: '€ / 12 mois';
}

/* LU */
.et_pb_number_counter.dr_euro-sign-wartung-lu-3 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-lu-6 .percent,
.et_pb_number_counter.dr_euro-sign-wartung-lu-12 .percent {
  height: 35px;
}

.et_pb_number_counter.dr_euro-sign-wartung-lu-12 .percent {
  margin-bottom: 10%;
}

.dr_euro-sign-wartung-lu-3 .percent-value:after {
  content: '€ / 3 Meint';
}

.dr_euro-sign-wartung-lu-6 .percent-value:after {
  content: '€ / 6 Meint';
}

.dr_euro-sign-wartung-lu-12 .percent-value:after {
  content: '€ / 12 Meint';
}


/* Modifying the gallery img size */
.et_pb_gallery.et_pb_gallery_grid .et_pb_gallery_item img {
  width: 99%;
}

/**
 * 
 * Media Queries
 * 
 */

/* CSS for phones */
@media (max-width: 768px) {
  #row-contact-divider {
    width: 100%;
    max-width: 100%;
  }

  #row-contact-buttons .et_pb_button {
    width: 80%;
  }

}

/* CSS for tablets */
@media (max-width: 980px) {
  #text-copyright,
  #links-copyright,
  #text-about {
    text-align: center;
  }

  #row-copyright-text,
  #row-copyright-links {
    margin-bottom: 10px;
  }

  #row-contact-divider {
    width: 64%;
    max-width: 64%;
  }

  #row-contact-buttons {
    width: 80%;
  }

  #row-contact-buttons .et_pb_button {
    width: 44%;
  }

  ul.et_pb_social_media_follow {
    text-align: center;
  }
}

/**
 * 
 * Utilites
 * 
 */

.dr-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}