/*
 Theme Name:   Sleep Charity - Theme
 Description:  A Divi Child Theme built for The Sleep Charity
 Author:       Flair Digital
 Author URI:   https://flairdigital.co.uk
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../Divi/style.css");
/* Theme customization starts here
------------------------------------------------------- */
:root {
}
/* Media Queries */
@media only screen and (max-width: 980px) {
#logo {
    height: 100% !important;
    max-height: 80% !important;
    width: auto;
    max-width: 100% !important;
    }
}

@media only screen and (min-width: 980px) { /* styles for screens above 980px */
	.homepage .et_pb_slider .et_pb_container {
	margin: 0 auto 0 25.5% !important;
	}
 	#et-secondary-menu .et-social-icons {
    margin-right: 0px;
	}
}
@media only screen and (min-width: 981px) {
    /* Hide social icons while still on left */
  	#et-info #et-social-icons {
  		display: none;
  	}
}

/* End Media Queries */
/* Shell Styles */
/* Header & Navigation */

/*li.menu-item-15056::before {
  content: "";
  position: absolute;
  bottom: 50%;
  left: -20px;
  background: url('/wp-content/uploads/nsh-phone-icon.png');
  background-size: 13px 15px !important;
  width: 13px;
  height: 15px;
  background-repeat: no-repeat !important;
}*/

#et-secondary-menu {
    float: none;
	text-align: center;
}
#top-header, #et-secondary-nav li ul {
background: rgb(47,137,181)!important;
background: -moz-linear-gradient(90deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
background: -webkit-linear-gradient(90deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
background: linear-gradient(90deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f89b5",endColorstr="#26335b",GradientType=1)!important;
}
#top-header a:hover{color:#36A9E1;opacity:1 !important;}

  .menu_cta {
    background-color: #ff6900;
    color: #fff;
    padding: 0 !important;
    border-radius: 30px;
  }
  .menu_cta a {
    color: #fff !important;
    padding: 8px 20px 8px 20px !important;
  }

  #main-header {
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
  }
/* Style the separators */
   .et_header_style_left #top-menu > .menu-item + .menu-item:before,
   .et_header_style_centered #top-menu > .menu-item + .menu-item:before,
   .et_header_style_split #top-menu > .menu-item + .menu-item:before {
        position: absolute;
        left: -15px; /* Half of default 22px right padding and 4px adjust to center (to compensate for space char between li) */
		    content: '|';
		    color: #083653;
      }
   .et_header_style_left #top-menu > .menu-item + .menu-item-57:before {
        display: none;
      }
/* End Style the separators */

.header-content a{color: #083553 !important;}
  /* End Header & Navigation */
  /* Typeography */
    #main-content .vert-cen {
      display: flex !important;
      align-items: center !important;
      display: -ms-flexbox;
      display: -webkit-flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
    }
h4.widgettitle{font-size: 30px;font-weight: bold;}
  /* End Typeography */
  /* Footer */
    #footer-bottom {
      background: #222222;
    }
    #footer-bottom .container {
      width: 70% !important;
      max-width: 70% !important;
    }
    #footer-bottom p{
      color: #aaaaaa !important;
    }
    #footer-bottom a {
      color: #eeeeee !important;
    }
  /* End Footer */
/* End Shell Styles */
/* Body Styles */
  /* Slider */
    body.home.et_pb_slide {
      padding: 0 10% 0 0;
    }
    .et_pb_slide_content h3 {
      color: #34c5f4 !important;
      font-weight: bold;
      margin-top: 20px;
    }
    .et_pb_slider .et-pb-controllers a {
      width: 12px;
      height: 12px;
      background: #fff;
    }
    .et-pb-controllers .et-pb-active-control {
      background: #34c5f4 !important;
    }
  /* End Slider */
  /* Carousel */
.dica_divi_carousel_0.dica_divi_carousel .swiper-pagination-bullet, .dica_divi_carousel_1.dica_divi_carousel .swiper-pagination-bullet {
    margin-right: 15px!important;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
  /* End Carousel */
  /* Blog Module */
    .et_pb_blog_grid article {
      padding: 0px;
    }
    .et_pb_blog_grid .et_pb_image_container {
      margin: 0px 0px 29px 0px;
    }
    .more-link {
      background-color: #083653;
      display: inline-block !important;
      color: #fff;
      padding: 10px 30px;
      margin-top: 15px;
      text-transform: capitalize;
	    border-radius: 30px;
	    transition: 300ms all ease-in-out;
    }
    .more-link:hover {
      background-color: #34c5f4;
    }
    .et_pb_blog_grid .et_pb_post {
      border: 0px solid #d8d8d8;
      word-wrap: break-word;
	    margin-bottom: 20px;
    }
    .et_pb_blog_grid .et_pb_post p {
      font-size: 16px;
      line-height: 1.5em;
    }
  /* End Blog Module */
.et_pb_title_meta_container{margin-bottom: 30px;}
/* Person Module */
    .et_pb_team_member_image {
      float: left;
      max-width: 100%;
      margin-right: 30px;
      display: table-cell;
      line-height: 0!important;
      position: relative;
    }
/* End Person Module */

/* Tabs */
.et_pb_tabs h3{font-size: 22px; font-weight: bold;}
.et_pb_tab_content {text-align: left;}
.et_pb_tab {
    padding: 24px 30px;
}
/*  ---------- Re-Volve Circle Tab Styles ---------- */
/* --- Centre Tab Label Text --- */
.rv_roundTab{
text-align:center
}
/* --- Set Tabs Container Background Colour  --- */
.rv_roundTab .et_pb_tabs_controls {
background-color:#fff;
}
/* --- Define Circles size and position --- */
.rv_roundTab .et_pb_tabs_controls li {
border-radius: 300px;
max-width: 130px;
max-height: 130px;
width: 130px;
height: 130px;
margin: 15px;
margin-bottom:45px;
}
/* --- Add Hover colour change effect  to tabs  --- */
.rv_roundTab .et_pb_tabs_controls li:hover {
 background-color:#ff40b3;
}
/* --- Styles Border around the circles --- */
.rv_roundTab .et_pb_tabs_controls li:after{
content: '' ;
display: block ;
position: absolute ;
top: 0 ;
bottom: 0 ;
left: 0 ;
right: 0 ;
border-radius: 300px ;
border: 1px solid #888;
margin:-7px; /* required setting  to meet connecting line */
}
/* --- Styles Connecting line --- */
.rv_roundTab .et_pb_tabs_controls li.et_pb_tab_active:before{
content: '';
display: block ;
position: absolute ;
left: 50% ;
bottom:-45px;
border-left: 1px solid #888 ;
height:38px;
}
/* ------ Reset Tabs styles for mobile devices ---- */
 @media only screen and (max-width: 760px) {
 /* --- Reset Circles to Default Tabs --- */
 .rv_roundTab .et_pb_tabs_controls li {
 border-radius: unset;
 max-width: unset;
 max-height: unset;
 width: unset;
 height: unset;
 margin: unset;
 margin-bottom:unset;
 }
 /* --- Remove Border around the circles --- */
 .rv_roundTab .et_pb_tabs_controls li:after{
 display: none ;
 }
 /* --- Styles Connecting line --- */
 .rv_roundTab .et_pb_tabs_controls li.et_pb_tab_active:before{
 display: none;
 }
 }
  /* End Tabs */
/* End Body Styles */
/*Misc*/
  .clearAll {
	  font-size: 1px;
	  line-height: 1px;
	  clear: both;
    display: hidden;
    height: 0;
  }
sup {font-size: 0.6em; vertical-align: super; bottom: 0}
sub {font-size: 0.6em; vertical-align: sub; bottom: 0}
.entry-content ol li{margin: 15px 0px 15px 0px !important;}
ol {counter-reset: item;}
ol li {display: block;}
ol li:before {content: counter(item) ". "; counter-increment: item; font-weight: bold; color: #083553;}
/*Gravity Forms*/
input.gform_button {
    background: #ed677b;
    color: #ffffff;
    border: 0px;
	border-radius: 30px;
    font-size: 20px;
    padding: 10px 30px;
    width: 25%;
    transition: 300ms all ease-in-out;	
}
input.gform_button:hover {
    background: #083653;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 0px solid #bbb;
    padding: 2px;
    color: #111f27 !important;
}
/*End Gravity Forms*/
/* BEGIN clearfix
/* slightly enhanced, universal clearfix hack */
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .clearfix { display: inline-block; }
/* start commented backslash hack \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
/* close commented backslash hack */
/*END clearfix*/
/*END Misc*/
/* Testing Area */


.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
	border-radius: 30px;
}
#cookie-law-info-bar {
    font-size: 16px;
	font-weight: bolder;
}

.et_pb_post_content h2, .et_pb_post_content h3{font-weight: bold;}

.page-id-14502 .et_submit_button {
    background: #083653;
    color: #ffffff;
    border: 0px;
	border-radius: 30px;
    font-size: 20px;
    padding: 10px 30px;
    width: 25%;
    transition: 300ms all ease-in-out;	
}
.page-id-14502 .et_submit_button:hover {
    background: #ff6b00;
    color: #ffffff;
    border: 0px;
	border-radius: 30px;
    font-size: 20px;
    padding: 10px 30px;
    width: 25%;
}
#phonegradmain.et_pb_section {
background: rgb(47,137,181)!important;
background: -moz-linear-gradient(270deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
background: -webkit-linear-gradient(270deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
background: linear-gradient(270deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f89b5",endColorstr="#26335b",GradientType=1)!important;
}

#phonegrad.et_pb_section {
background: rgb(47,137,181)!important;
background: -moz-linear-gradient(270deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
background: -webkit-linear-gradient(270deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
background: linear-gradient(270deg, rgba(47,137,181,1) 0%, rgba(61,68,114,1) 50%, rgba(38,51,91,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f89b5",endColorstr="#26335b",GradientType=1)!important;
}

.page-id-14930 #phonegrad.et_pb_section, .page-id-251 #phonegrad.et_pb_section, .page-id-40 #phonegrad.et_pb_section, .page-id-34 #phonegrad.et_pb_section{display: none;}

.dh-currency.et_pb_number_counter .percent-value:before {
    content: '£';
    font-size: 30px;
    top: 0px;
    left: 0px;
    position: relative;
    margin-right: 0px;
}

.custom_bullets_wpcc ul li {
  padding-left: 15px;
  list-style:none;
  margin-bottom: 0px;
}

.custom_bullets_wpcc ul li::before {
  content: '';
  display: inline-block;
  margin-right: 7px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1.2em;
  vertical-align: middle;
}
.custom_bullets_wpcc--arrow ul li::before {
  content: '\41';
	color: #34c6f4;
}
.custom_bullets_wpcc--check ul li::before {
  content: '\52';
	color: #34c6f4;
}
.custom_bullets_wpcc--cross ul li::before {
  content: '\51';
	color: #f15b24;
}
#top-menu .sub-menu .menu-item a {
    line-height: 1.4em!important;
    padding: 8px 0!important;
}
.wp-caption {
    border: 0px solid #ddd;
    text-align: center;
    background-color: #F0F0F0;
    margin-bottom: 10px;
    max-width: 96%;
    padding: 8px;
}
.wp-caption p.wp-caption-text {
    font-size: 15px;
    padding: 0 4px 5px;
    margin: 0;
}
.animation-fade .et_pb_slide_image,
.animation-fade .et_pb_slide:first-child .et_pb_slide_image img.active {
	-webkit-animation-name: fade;
	-moz-animation-name: fade;
	-ms-animation-name: fade;
	-o-animation-name: fade;
	animation-name: fade;
}

.et_password_protected_form {
min-height: initial;
padding: 100px;
max-width: 700px;
margin: auto;
}
.et_password_protected_form .et_submit_button {
background: #083553;
color: white!important;
border: 0px solid #8dc63f;
border-radius: 30px!important;
	padding-top: 10px !important;
    padding-right: 35px !important;
    padding-bottom: 10px !important;
    padding-left: 35px !important;
}
.et_password_protected_form .et_submit_button:hover {
background: #34C6F4;
color: white!important;
}
@media (max-width: 479px) {
.et_password_protected_form {
padding: 40px;
}
}