/*
Theme Name:  EPDM
Theme URI:   https://accwdev.co.uk/epdm-dev
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site EPDM.
Author:      epdm_admin_main
Author URI:  https://accwdev.co.uk/epdm-dev
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/*** Secondary Header Background ***/
body.admin-bar.et_fixed_nav #top-header {
    background-image: linear-gradient(90deg,#d06649 40%,#303030 40%)!important;
}


/*** Reverse columns on mobiles ***/
@media screen and ( max-width: 980px ) {
    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }
}

#top-menu li.current-menu-ancestor>a {
	color: #e94f56 !important;
}

li.menu-item-4089 .sub-menu {
	left: -300px;
}

#gform_wrapper_1 {margin-bottom: 25px;}

/* Dropdown sub-menu */

.nav li.et-reverse-direction-nav li ul {
	left: -150px;
	top: 30px;
	box-shadow: 7px 3px 13px 2px rgba(0,0,0,0.55);
-webkit-box-shadow: 7px 3px 13px 2px rgba(0,0,0,0.55);
-moz-box-shadow: 7px 3px 13px 2px rgba(0,0,0,0.55);
}

/*********************************************
******* Homepage Section Two Blurbs **********
**********************************************/

.blurb-1,
.blurb-1 .et-pb-icon {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blurb-1:hover .et-pb-icon {
    -webkit-transform: scale(1.2) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

ul.sub-menu {column-count: 3;}

.page-id-4672 .et_pb_column_9 {margin-top: 0 !important;}

@media only screen and (min-width: 981px) {
	.et-fixed-header#main-header {background-color: #000 !important;}
	#logo {max-height: 50% !important;}
}

@media only screen and (min-width: 981px) {
   .et-fixed-header#main-header .nav li ul {
        background-color: #fff !important;
    }
}

/*********************************************
******* Homepage Section Six Blurbs **********
**********************************************/



  @keyframes ripple {
  0% {
  transform: scale(1);
   opacity:0.9;
  }
  100% {
  transform: scale(1.8);
  opacity:0;
  }
}




/************** Homepage One Contact Form *******************
*************************************************************
*************************************************************/


.et_pb_module .et_pb_contact_submit, .et_pb_module .et_contact_bottom_container {
    width: 100%!important; }


/******************* Blog Author Box Line Height ******************/

.dipi-author-section .dipi-author-right p{
	    line-height: 2em;
}

/*** Blog Grid ***/
.dp_blog_grid .et_pb_post:hover {
    transition: all .3s ease-in-out;
}
.dp_blog_grid .et_pb_post {
    transition: all .3s ease-in-out !important;
	overflow: hidden;
}
.dp_blog_grid .et_pb_blog_grid .et_pb_post:hover .et_pb_image_container img {
	transform: scale(1.1);
	transition: all .4s ease-in-out;
}
.dp_blog_grid .et_pb_blog_grid .et_pb_post .et_pb_image_container img {
	transition: all .4s ease-in-out;
    transform-origin: bottom;
}


/* Curtain Calculator Styling */

/* 
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
 */

body {
/* 
  max-width: 800px;
  font-family: helvetica, sans-serif;
 */
  scroll-behaviour: smooth;
}

.curtain-calc-wrapper {
  background-color: #f5f5f5;
  padding: 30px;
  transition: all 1s ease-out;
  display: flex;
  flex-wrap:wrap;
  gap: 30px;
}
.curtain-calc-wrapper .col {
    flex: 0 0 100%;
  }
@media(min-width: 768px){
    .curtain-calc-wrapper {
        flex-wrap:nowrap;
    }
    .curtain-calc-wrapper .col {
        flex: 1;
      }
}
.curtain-calc-wrapper .pvc-curtain-total-price {
  font-size: 2rem;
}

.curtain-calc-wrapper .spacer {
  margin: 20px 0;
}
.curtain-calc-wrapper ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 0;
}
.curtain-calc-wrapper ul li {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.curtain-calc-wrapper ul li ul {
  margin-left: 20px;
  margin-top: -5px;
}
.curtain-calc-wrapper ul .obj-label {
  flex-basis: 100%;
  display: inline-block;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 5px;
  color: #000;
  font-size: 0.7rem;
  font-weight: 900;
}
.curtain-calc-wrapper ul .obj-label:after {
  content: ":";
}
.curtain-calc-wrapper ul .list-label {
  min-width: 120px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
  color: #000;
  font-size: 0.7rem;
  font-weight: 900;
}
.curtain-calc-wrapper ul .list-label:after {
  content: ":";
}
.curtain-calc-wrapper .sticky-details {
  position: sticky;
  top: 30px;
}
.curtain-calc-wrapper .checkout-buttons {
    margin-top: 30px;
  }
.curtain-calc-wrapper .v-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.curtain-calc-wrapper .h-group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.curtain-calc-wrapper .h-group > * {
  flex: 1;
}
.curtain-calc-wrapper p {
  margin-bottom: 10px;
}
.curtain-calc-wrapper input[type=radio] {
  display: none;
  background-color: #fff;
  width: 50px;
  height: 50px;
  padding: 20px;
  justify-items: center;
  text-align: center;
}
.curtain-calc-wrapper input:valid {
  background-color: #e0f2ff;
  border-color: #66aad5;
  outline: 3px solid #0064ff55;
}
.curtain-calc-wrapper input:invalid {
  background-color: #ffd7d7;
  border-color: #ff0000;
  outline: 3px solid #ff000066;
}
.curtain-calc-wrapper .input-error {
  font-size: 0.8rem;
  color: red;
  margin-top: 5px;
}
.curtain-calc-wrapper input + label {
  background-color: #fff;
  padding: 15px;
  border-radius: 7px;
  border: 1px solid #ddd;
  display: block;
  cursor: pointer;
}
.curtain-calc-wrapper input + label span {
  display: block;
  font-size: 0.8rem;
}
.curtain-calc-wrapper input:checked + label {
  background-color: #e0f2ff;
  border-color: #66aad5;
  outline: 3px solid #0064ff55;
}
.curtain-calc-wrapper .curtain-input {
  padding: 10px 15px;
  border: 1px solid #eee;
  font-size: 1.1rem;
  width: 100%;
  margin-top: 5px;
  border-radius: 7px;
}
.curtain-calc-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.curtain-calc-wrapper fieldset {
  padding: 55px 30px 30px 30px;
  background-color: #f0f1eb;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  animation: fadeIn 1s;
}
.curtain-calc-wrapper fieldset[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.curtain-calc-wrapper fieldset legend {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 5px;
  background-color: #ccc;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.gap-30 {
  gap: 30px;
}

.fade-out {
  animation: fadeOut 1s !important;
  opacity: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Datasheets Page */

.cfdoc_breadcrumb ul {padding: 10px 15px !important;}