/*
 Theme Name:   ClassicDecor
 Theme URI:    
 Description:  Classic Decor
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     Divi
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/

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

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

/* ----- Typography -------- */
a.cd_contact {
	display:inline-block;
	text-align:center;
	padding:8px 20px;
	border:none;
	background-color: #012d6a;
	color:#fff;
	min-width:250px;
	transition: background 0.6s, text-decoration 0.6s;
	text-transform:uppercase;
	font-weight:700;
}

a.cd_contact:hover {
	background-color:green;
	text-decoration:underline;
}

div#cd_home_contacts, div#cd_home_bullets {
	font-size:16px;
	margin-top:20px;
}

div.cd_testimonials {
	margin-top:30px;
	font-size:0.9em;
	font-style:italic;
}

div.cd_testimonials p.cd_test_author {
	font-style:normal;
	padding-bottom:2em;
	color:#012d6a;
}

.und_headers h1, .und_headers h2, .und_headers h3 {
	width:100%;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:0.5em;
	margin-bottom:1em;
}

nav#top-menu-nav li.menu-item-has-children a:first-child:after {
	top:14px;
}

ul.et_mobile_menu li a {
	color:#888 !important;
}

.et_header_style_centered .mobile_nav .select_page {
	color:#888 !important;
}

.et-fixed-header #top-menu ul.sub-menu li a {
	color:#666 !important;
}

.mob_only {
	display:none;
}

#cd_coverage {
	text-transform:uppercase;
	letter-spacing:1px;
}

/* ------- Navigation ------ */

/* ----- Header slider ----- */

div#custom_head_left {
	float:left;
	display:flex;
	height:100%;
}

div#custom_head_right {
	float:right;
	display:flex;
	height:100%;
}

div.custom_head_content {
	align-self:center;
}

div#custom_head_left img, div#custom_head_right img {
	width:150px;
}

header#main-header, header#main-header.et-fixed-header {
	box-shadow:none !important;
}

ul#top-menu {
	text-transform:uppercase;
}


/* ----- Section spacing ------ */




/* ------- Main Content ------ */

#cd_home_contact {
	padding: 40px 20px;
	border:1px solid #e1e1e1;
	box-shadow: 0 0 15px #ddd;
}

.shadow img {
box-shadow: 5px 5px 3px #999999;
}



/* ---- Contact Forms ----- */
form#cd_contact_popup input, form#cd_contact_popup textarea {
	width:100%;
	padding:10px 5px;
	margin-bottom:10px;
	font-family: inherit;
}

form#cd_contact_popup input[type="submit"] {
	background-color:#012d6a;
	color:#fff;
	font-weight:700;
	display:inline-block;
	padding: 8px 30px;
	border:none;
	text-align:center;
	width:auto;
	text-transform:uppercase;
	font-size:1.2em;
	transition: background 0.6s;
}

form#cd_contact_popup input[type="submit"]:hover {
	cursor:pointer;
	background-color:green;
}

form#cd_contact_popup input[type="checkbox"] {
	width:auto !important;
}

span#form_tel {
	display:inline-block;
	padding:8px 20px;
	margin-bottom:20px;
	background-color:#012d6a;
	font-weight:700;
	color:#fff;
}

/* ------ Footer ------ */

#footer-info {
font-size: 0.8em;
}

/* ------- Responsive ------- */

/* ---- Responsive design ---- */

/* ---- Widescreens, anything above 1400px --- */

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

/* ---- Everything WITHOUT the mobile menu, i.e. over 980px --- */

@media only screen
and (min-width : 980px ) {
	
	.et_fullwidth_nav #main-header .container {
		padding-left:0;
		padding-right:0;
	}
	
	.et_fullwidth_nav #main-header .container div.logo_container {
		padding-left:30px;
		padding-right:30px;
	}
	
	.et_header_style_centered #main-header div#et-top-navigation {
		background-color:#012d6a;
	}
	
	.et_header_style_centered #main-header div#et-top-navigation ul#top-menu li a {
		padding-top:15px;
		padding-bottom:15px;
	}
	
	div#cd_home_slider .et_pb_slide_title {
	position:absolute;
	bottom:30px;
	left:20px;
}
	
	
}

/* ---- Smallish screens, but using the desktop view --- */

@media only screen
and (min-width : 980px )
and (max-width : 1300px ) {
	
}

/* ---- Everything WITH the mobile menu, i.e. below 980px ---- */

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





/* ---- 768 to 989   */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 989px)  {



}

/* ------------- iPads  (both orientations) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
/*and (orientation : portrait)*/ {



}

/* -------------- iPads (landscape only) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {



}

/* --------------  iPads (portrait only) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {



}


/* -----------   Smartphones (both orientations) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {

div#custom_head_left img, div#custom_head_right img {
	width:50px;
}
	
	div#custom_head_left, div#custom_head_right {
		height:50px;
	}
	
	div#cd_home_title h1 {
		font-size:26px;
	}
	
	.mob_only {
		display: block !important;
	}

}