/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 


 
/* =Theme customization starts here
------------------------------------------------------- */

:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none;
}

/* Style Footer Credits - Lines 948 & 949 */

#footer-info { 
text-align: left; 
color: #fff; 
padding-bottom: 10px; 
float: left; 
}

#footer-info a { 
font-weight: 700; 
color: #666; 
}

#footer-info a:hover { 
color:#a9d6dc; 
}

/* Trust Index widget in Hero 
@media only screen and (min-width: 981px) {
	

.ti-widget[data-layout-id='97'][data-set-id='drop-shadow'] .ti-widget-container   {
    text-align: left !important;
}
}

/*-----Pinterest Blog Layout-----*/
@media only screen and ( min-width: 981px) {
.et_pb_column_4_4 .et_pb_blog_grid[data-columns]::before { content: '4 .column.size-1of4' !important;
}
.et_pb_column_4_4 .column.size-1of4 {
width:25% !important;
}
}
@media (max-width: 980px) {
.et_pb_column .et_pb_blog_grid .column.size-1of2, .et_pb_column .et_pb_widget:nth-child(n) {
    width: 50% !important;
	margin: 0 !important;
}
}
@media (max-width: 767px) {
.et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
    margin-bottom: 0 !important;
}
}
.et_pb_column_4_4 .column.size-1of4 {
margin-right: 0% !important;
padding-right: 0 !important;
}
.et_pb_blog_grid .et_pb_post {
    margin: 6px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
    border: none;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(184,184,184,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(184,184,184,1);
    box-shadow: 0px 1px 1px 0px rgba(184,184,184,1);
}
.et_pb_blog_grid .et_pb_image_container img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.et_pb_blog_grid .et_overlay {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.et_pb_post .post-meta {
	font-size: 11px;
	line-height: 1.2em;
}
.ds-author-image-excerpt {
    float: left;
    margin: 0 10px 10px 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.ds-author-excerpt {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}
hr.ds-blog-line {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-left:  -20px;
    margin-right: -20px;
}
/*span.published {
 margin-left: 20px;
}*/
/*span.published:before {
 font-family: 'ETmodules';
 content: "e023";
 position: absolute;
 margin-left: -20px !important;
} */

/* Welcome to Custom CSS! To learn how this works, see http://wp.me/PEmnE-Bt */
/* Link on Portfolio Fencing page in top make white*/

.whitelink a {
color: #fff;
}

/*—–Fixing bottom blog white space issue—–*/
.et_pb_post{
margin-bottom: -25px !important;
}
.single .post {
padding-bottom: 0px;
}

.imgmike:hover {
       
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
}

.imgmike {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}


/*Set the display for each section on desktop, tablet & mobile*/
@media only screen and (max-width: 980px) {
    .ds-app-desktop-section {
        display: none;
    }
}
@media only screen and (min-width: 981px) {
    .ds-app-mobile-section {
        display: none;
    }
}
/*--------------------------------------------*/
/*---End Animated App Showcase---*/
/*--------------------------------------------*/

.error404 #main-content .container, .error404 #content-area, .error404 #left-area {
 padding: 0 !important;
 margin: 0 ;
 width: 100% !important;
 max-width: none;
}

.error404 #sidebar {
 display: none;
}

.error404 .et_pb_post:last-child {
margin-bottom: 0;
}

/*** Hide Sidebar for all pages ***/
.single  #sidebar {display:none;}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 


.sideways-text {
transform: rotate(270deg); /* makes entire paragraphs and lines rotate sideways */
}

@media all and (min-width: 981px) and (max-width: 1024px)  {
	.et_pb_number_counter_0.et_pb_number_counter{
		height:175px !important;
	}
}
@media all and (min-width: 981px) and (max-width: 1024px)  {
.et_pb_number_counter .percent p {
	font-size:60px !important;
	line-height:60px !important;
}
}

@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}

#page-container {
padding-top: 154px;
}

#main-header {
top: 74px;
}

/*To stop the heading being an internal link */

.home .et_pb_fullwidth_slider_0 .et_pb_slide_title a {
pointer-events: none;
}

.get-in-touch a {
	    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 64px;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-image: linear-gradient(160deg,#f42222 0%,#aa3600 100%)!important;
    background-color: #e02b20;
	padding: 10px!important;
	max-width:160px;
}

/* Hide the Request a Quote menu link on Mobile */

@media only screen and (max-width: 979px) {
li#menu-item-207 {
display:none;
}
}

/* Set the font-size on 1024 landscape ipad for the three sliders */
@media all and (min-width: 981px) and (max-width: 1024px)  {
.et_pb_slider.et_pb_module .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
	font-size:40px !important;
}
}

@media all and (min-width: 981px) and (max-width: 1024px)  {
.et_pb_slider.et_pb_module .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
	font-size:40px !important;
}
}

@media all and (min-width: 981px) and (max-width: 1024px)  {
.et_pb_slider.et_pb_module .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
	font-size:40px !important;
}
}

@media all and (min-width: 981px) and (max-width: 1024px) { 
div#optimisations {
    font-size: 14px !important;
}
	div#security {
		margin-left: 0px !important;
	
	}
}

/*Caldera links coloured grey*/
a.caldera-forms-consent-field-linked_text {
    color: #b7b4b2;
}

@media only screen and (max-width: 767px) {
	span#et-info-phone {line-height:33px;}
}

.et_pb_slide_0 {
	min-height:700px;
}

span.visible {
    text-shadow: -1px -1px 0 #0c0c0c, 1px -1px 0 #0c0c0c, -1px 1px 0 #0c0c0c, 1px 1px 0 #0c0c0c;
    color: #f4f4f4;
}

span.mh {
	font-size: 48px !important;
}
/* Gap between top section and header on mobile */
#page-container {
	padding-top:134px !important;
}


 #lowlink, #toplink, #webstar, #straight, #kick, #star, #line {
  visibility: hidden;
}

#bracket {
  
  stroke-width: 1px;
  fill: none;
  visibility: hidden;
  
}

#ringone, #ringtwo, #ringthree {
  stroke-width: 1px;
  fill: none;
}


@media only screen and (min-width: 981px) {
#logo {
    max-height: 56%!important;
	height: 56%!important;
}
}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

/*Reviews Page Top Section CSS*/

@media only screen and (max-width: 1600px) {
	#reviewheader h1 {
		font-size: 50px;
	}
	#staranimation {
		margin-top: -75px!important;
	}
}

@media only screen and (max-width: 1300px) {
	#staranimation {
		margin-top: -50px!important;
	}
}

/*Portfolio Page Top Section*/

@media only screen and (max-width: 1700px) {
		#portfolioheader h1 {
			font-size: 50px;
	}
}

@media only screen and (max-width:981px) {
	#portfolioheader h1 {
		font-size:30px;
	}
}

/*Home Page Top Section

 @media only screen and (max-width: 1660px) {
	#digsplash h2 {
		font-size: 60px;
	}
	
	#digsplash {
		width:60%;
	}
	
	#rock-sign {
		width: 22%;
		margin-top:-380px!important;
	}
	#red-blue-yellow {
		width: 75%;
	}
}

@media only screen and (max-width: 1440px) {
	#rock-sign {
		margin-top: -380px!important;
	}	
}

@media all and (max-width: 968px) {
	#creatingyour {
		margin-left:0px!important;
	}
	
	#creatingyour h2 {
		text-align:center;
		font-size:40px;
	
	}
	
}
@media only screen and (max-width: 1200px) and (min-width: 980px) {
	#creatingyour h2 {
		font-size: 50px !important;	
	}
	}

@media only screen and (max-width: 1400px) and (min-width: 1201px) {
	#creatingyour h2 {
		font-size: 60px !important;	
	}
	}
	
@media only screen and (max-width: 1660px) and (min-width: 1401px) {
	#creatingyour h2 {
		font-size: 70px !important;	
	}
	}

 @media only screen and (max-width: 2560px) and (min-width: 1401px) {
	#creatingyour {
		margin-top: 100px !important;	
	}
	} 
	
	#homeredbutton {
		font-size: 14px;
		padding-right:28px;
		padding-left:28px;
	}

 	#webdesignmaidstone h1 {
		font-size:24px;
	} 
	
 	#webdesignmaidstone p {
		font-size:15px;
	} 
	
	#homeredbutton {
		font-size: 13px;
		padding-right:24px;
		padding-left:24px;
	}
	
	#webdesignmaidstone h1 {
		font-size:21px;
	}
	
	#webdesignmaidstone p {
		font-size:14px;
	}
	



	#homeredbutton {
		font-size: 13px;
		padding-right:24px;
		padding-left:24px;
		margin-bottom: 20px;
	}
	
	#webdesignmaidstone {
		margin-left: 70px!important;
   		width: 80%;
	}
	
	#rocksignmobile {
		padding-top:60px!important;
	}
	


@media only screen and (max-width: 700px) {
	
	#webdesignmaidstone {
		margin-left: 40px!important;
   		width: 80%;
	}
	
	#homeredbutton {
		font-size: 13px;
		padding-right:24px;
		padding-left:24px;
		margin-bottom:0px;
	}
	
}

@media only screen and (max-width:968px) {
	#start-hand {
		padding-bottom:0px!important;
	}
}

@media only screen and (max-width:1350px) {
	#start-hand {
		padding-bottom:100px;
	}
}

*/ 

@media only screen and (max-width:750px) {
	
.wpbr-review {
	font-size:0.8em!important;
}
}

#main-footer, #top-header {
	background-image:linear-gradient(140deg,#45b2ff 0%,#0047d6 100%);
}

@media only screen and (min-width: 981px){

.et-fixed-header #top-menu .get-in-touch a {
	color:#fff !important;
	font-size:16px;
	max-width:200px;
	padding:15px !important;
}
}

body.divibar-open #top-header {
position: fixed !important;
	}


@media only screen and (max-width: 680px){
.divibar-open .divibars-container .divibars-close {
    margin-top: 20px !important;
}
}

a.gr-review-url {
	background:#e7261c;
}

@media only screen and (max-width:1500px) {
	/*#creatingyour h2 {
		font-size:70px;
	}*/
	#homeredbutton {
		font-size: 18px;
	}
}

/*@media only screen and (max-width:767px) {
	#creatingyour h2 {
		
	font-size:25px;
	}
}*/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom:0px!important;
	}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/*Show burger menu at 1154 pixels*/

@media (max-width: 1154px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }


/* Change Reviews on REviews page Dashicons colour 

span.dashicons .dashicons-star-filled {
	color:#eadd48 !important;
}
*/


.dashicons-star-filled:before{
	color:#eadd48 !important;
}

.service-headings {
	font-weight:700;
	font-size:22px;
}

.et_monarch .et_social_icon_twitter:before, .et_monarch .et_social_icon_twitter:after {
    font-family: ETmodules!important;
    content: "\e094";
}

.et_monarch .et_social_twitter, .et_monarch .et_social_twitter, .et_monarch .et_social_networks.et_social_circle .et_social_twitter i {
    background-color: #000 !important;
}

.et_monarch .widget_monarchwidget li.et_social_twitter:hover, .et_monarch li.et_social_twitter:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_twitter:hover i {
    background-color: #000 !important;
}