/*
Theme Name: Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Brad Dalton http://wpsites.net
Template: Divi
*/

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


/* Yellow: #D6DE23 */
/* Blue: #4fb7dc */




/*sticky bottom mobile menu */

@media (max-width: 980px) {
	.et_pb_column {
		margin-bottom: 0 !important;
	}
}



/* NAV */

.nav li li {
	line-height: 1.4em;
}

	/* mobile menu */
	
		span.select_page {
		display: none !important;
		}
		
		@media (max-width: 980px) {
			
			.et_header_style_centered #et_mobile_nav_menu {
			margin-top: 0 !important;
			}
	
		}
		

		
		/* fix menu position on mobile */
		
	@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 !important;
		}
	
			.et_header_style_centered #main-header .mobile_nav {
		background-color: transparent !important;
		float: right !important;
		}
		
		.et_header_style_centered #logo {
			float: left !important;
		}
		
		.et_header_style_centered header#main-header.et-fixed-header .logo_container {
			height: auto !important;
		}

	}

		/* enure height stys the same after scroll */
		
		.et_mobile_menu li a {
	    display: block;
	    padding: 5px 4%;
	    }
	
	@media screen and (max-height: 568px) {
			
		.et_mobile_menu {
		height: 400px;
		overflow-y: scroll !important;
		}
	
	}
	
	@media screen and (min-height: 569px) and (max-height: 980px) {
				
		.et_mobile_menu {
		height: 500px;
		overflow-y: scroll !important;
		}
		
	}

		


/*END*/


/* Buttons */

.my-custom-button {

display: inline-block;
margin: 5px 0;
background: black;
background-color: rgb(0,0,0);
color: white;
font-size: 16px;
border-radius: 0px;
padding: 8px 16px;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.my-custom-button:hover {

background: #333333;
color: white;
}

/* Padding to prevent images going underneath Nav bar */

@media only screen and (min-width: 1350px) {
	
	.project .et_pb_section.et_pb_section_first{
	    padding-top: 114px !important;
	}
}

@media only screen and (max-width: 1349px) {
	
	.project .et_pb_section.et_pb_section_first{
	    padding-top: 155px !important;
	}
}



/* Adjust content area width of full width headers on mobile */

@media only screen and (max-width: 500px) {

	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	width: 100% !important;
	}
	
}

/* TYPOGRAPHY */

/*toggle experiments */

.et_pb_toggle_title:before {
	position: unset;
}

.underline {
  text-decoration: #ff7f02 underline;
}

.block {
  border: 1px solid #ff7f02;
}

/* Contact thankyou message 

p:not(.has-background):last-of-type {
	text-align: center !important;
	color: black;
} */

.custom-pricing p  {
	margin: 0px 0px 0px 0px !important; 
	padding: 0px 0px 0px 0px !important;
}

.custom-pricing h2  {
	margin: 0px 0px -10px 0px !important; 
	padding: 0px 0px 0px 0px !important;
}

h5 { /*used for testimonials on home page */
	font-size: 2.5em !important;
	color: #4fb7dc;
} 

.custom-text h1 {
word-wrap: normal;
}

	@media (max-width: 600px) {
		
		h1 {
			font-size: 1.5em !important;
		}
		
		h5 {
			font-size: 1.5em !important;
		}

	}

	@media (max-width: 767px) {
		
		.single-post h1.entry-title { /* Post typography */
			font-size: 2em !important;
		}
		
	}
	
 a.myread {
	 color: white !important;
	 background-color: #C76758 !important;
	 padding: 2px 5px !important;
 }
 
 .posts ol {
	list-style-position: outside !important;
	padding-left: 20px !important;
	}	
	
	
.et_pb_widget ul li {
	margin-bottom: 0.5em !important;
	line-height: 1.3em !important;
}

	
.textwidget p {
	line-height: 1.3em !important;
}

h4.widgettitle {
	font-size: 0.9em !important;
}

/* END */



/* Comments submit button */

.form-submit .et_pb_button {
	color: white !important;
}

.form-submit .et_pb_button:hover {
	background: gray !important;
}



/* Bloom styling */

.et_bloom .et_bloom_form_container.et_bloom_form_text_dark .et_bloom_form_content .et_bloom_form_footer p {
	text-align: center;
}





/* Projects Page */

@media (max-width: 767px) { /* sorts out filter menu on mobile */
.et_pb_filterable_portfolio.et_pb_text_align_center .et_pb_portfolio_filters ul {
flex-wrap: wrap;
justify-content: inherit;
}}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
border-radius: 0px !important;
}

.customportfolio .et_pb_portfolio_filter  {
	display: none !important;
	}
	

/* END */
	
	
	
/* Contact Form */

.et_contact_bottom_container{
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
}


/* END */



/* Blog page */

   
.et_pb_blog_grid.custom_title h2 {
	background: black !important;
    color: white !important;
    }
    






/* Slider Animation - remove it */

#my_slider .et_pb_slide_description {
animation-name: none;
animation-duration:none;
animation-timing-function: none;
animation-delay: none;
animation-fill-mode: none;
}


/* END */



/* Slider */

.custom-slider .et_pb_slide_description {
animation-name: none !important;
-webkit-animation-name: none !important;
-moz-animation-name: none !important;
-ms-animation-name: none !important;
-o-animation-name: none !important;
}

/* END */



