/*
Theme Name: Parkers of Chichester
Theme URI: https://www.parkersofchichester.co.uk
Description: Parkers of Chichester WordPress Theme based on Divi and customised with love and a sprinkling of Fairy Dust by Alex Stanhope.
Version: 1.0
Author: Alex Stanhope
Author URI: https://alexstanhope.co.uk
Template: Divi
Tags: responsive, white, grey, blue
*/

/* Main Theme Import
*********************************************************/

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

/* CSS3 Goodness
*********************************************************/

::-moz-selection{
	background-color:#4c6d78;
	color:#fff;
	}
::selection{
	background-color:#4c6d78;
	color:#fff;
	}
a,
.wpcf7-text,
.wpcf7-number,
.wpcf7-date,
.wpcf7-textarea,
.wpcf7-captchar,
.wpcf7-submit,
.et_pb_scroll_top.et-pb-icon,
#footer-bottom img{
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	}
	
/*Body Styles
**********************************************************/

body{
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-webkit-text-size-adjust:100%;
	}

/* Constants
*********************************************************/

html,
body{
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased; 
	}	
	
/* Button Styles
*********************************************************/
	
body #page-container .et_pb_button, 
body #page-container .et_pb_button:hover{
	line-height:180% !important;
	min-width:150px !important;
	text-align:center !important;
	padding:10px 35px !important;
	}
	body #page-container .et_pb_button:hover,
	body #page-container .et_pb_button.btn-reversed:hover{
		background-color:#f6a704 !important;
		color:#fff !important;
		}
	body #page-container .et_pb_button.btn-reversed{
		background-color:#fff;
		color:#f6a704 !important;
		}
	
/* Text Styles
*********************************************************/

.section-masthead h1:before,
.section-masthead h1:after,
.section-masthead span.et_pb_fullwidth_header_subhead:after{
	content:'';
	display:block;
	width:auto;
	background-color:#f6a704;
	}
	.section-masthead h1:before,
	.section-masthead h1:after{
		height:4px;
		}
		.section-masthead h1:before{
			margin-bottom:5px;
			}
		.section-masthead h1:after{
			margin-top:0px;
			}
	.section-masthead span.et_pb_fullwidth_header_subhead:after{
		margin-top:8px;
		height:2px;
		}
.section-2-col h2,
.section-contact h2{
	margin-bottom:20px;
	}
h2,
h3
h4,
.infowindow{
	line-height:1.5;
	}
	.section-2-col h3{
		text-transform:uppercase;
		letter-spacing:0.2em;
		color:#f6a704;
		font-weight:600;
		font-size:.7em;
		margin-bottom:10px;
		}
	.et_pb_map h3{
		font-size:1.2em;
		}
p{
	font-weight:300;
	}
	
/* Navigation Styles
*********************************************************/

.logo_container a:hover img{
	opacity:0.6;
	}
#top-menu-nav li a:after{
	content:'';
	display:block;
	border-bottom:2px solid #e0e0e0;
	width:0;
	-webkit-transition:0.3s ease;
	transition:0.3s ease;
	padding-top:5px;
	}
	#top-menu-nav li a:hover:after{
		width:100%; 
		margin:0 auto;
		}
	
/* Masthead Styles
*********************************************************/

.et_pb_fullwidth_header_scroll:before{
	content:'Scroll for more';
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:.6em;
	display:block;
	text-align:center;
	font-weight:600;
	margin-bottom:-5px;
	}	
	.scroll-down{
		animation-name:floating;
		-webkit-animation-name:floating;
		animation-duration: 1.5s;	
		-webkit-animation-duration:1.5s;
		animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		}
	@keyframes floating{
		0%{
			transform:translateY(0%);	
			}
		50%{
			transform:translateY(20%);	
			}	
		100%{
			transform:translateY(0%);
			}			
		}
	@-webkit-keyframes floating{
		0%{
			-webkit-transform:translateY(0%);	
			}
		50%{
			-webkit-transform:translateY(20%);	
			}	
		100%{
			-webkit-transform:translateY(0%);
			}			
		}
		
/* Content Styles
*********************************************************/

.section-intro{
	background:url('img/bg-mark.png') no-repeat 100% 100%;
	background-size:500px 500px;
	}
	
/* Footer Styles
*********************************************************/

#footer-bottom{
	padding-top:40px;
	padding-bottom:30px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:300;
	font-size:.8em;
	}		
	#footer-bottom a{
		font-weight:300;
		color:inherit;
		}
	#footer-bottom img{
		width:86px;
		max-width:86px;
		margin-bottom:15px;
		}
		#footer-bottom a:hover img{
			opacity:.6;	
			}		
	
/* Top of Page
*********************************************************/
		
.et_pb_scroll_top.et-pb-icon{
	background-color:#25353a;
	color:#fff;
	border-radius:0;
	right:30px;
	bottom:30px;
	}
	.et_pb_scroll_top.et-pb-icon:hover{
		background-color:#fff;
		color:#4c6d78 !important;
		}
		
/* Contact Form Styles
*********************************************************/	

.wpcf7 p{
	font-weight:600;
	margin:0 !important;
	padding:0;
	line-height:1em;
	text-transform:uppercase;
	font-size:.7em;
	letter-spacing:0.15em;
	color:#fff;
	}	
	.wpcf7-text,
	.wpcf7-number,
	.wpcf7-date,
	.wpcf7-select,
	.wpcf7-textarea,
	.wpcf7-captchar{
		background-color:#f4f4f4 !important;
		border:1px solid #405b64 !important;
		width:100% !important;
		-moz-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		border-radius:0 !important;
		font-size:.95em;
		color:#7a7a7a !important;
		padding:15px !important;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:20px 0 30px 0 !important;
		-webkit-appearance:none !important;
		}
		.wpcf7-text:hover,
		.wpcf7-text:focus,
		.wpcf7-number:hover,
		.wpcf7-number:focus,
		.wpcf7-date:hover,
		.wpcf7-date:focus,
		.wpcf7-select:focus,
		.wpcf7-select:focus,
		.wpcf7-textarea:hover,
		.wpcf7-textarea:focus,
		.wpcf7-captchar:hover,
		.wpcf7-captchar:focus{
			border:1px solid #30454c !important;
			background-color:#fff !important;
			color:#333 !important;
			}
	.wpcf7-recaptcha{
		margin:20px 0 30px 0 !important;
		}
	.wpcf7-radio{
		float:left;
		clear:both;
		width:100% !important;
		margin:20px 0 30px 0 !important;
		}
		.wpcf7-radio .first{
			margin-left:0 !important;
			}
	.wpcf7-submit{
		color:#fff !important;
		background-color:#f6a704;
		margin:8px auto 0;
		cursor:pointer;
		font-size:1.15em;
		letter-spacing:0.1em;
		text-transform:uppercase;
		font-weight:600;
		padding:10px 30px;
		line-height:1.7em;
		border:none;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		}
		.wpcf7-submit:hover{ 
			background-color:#fff; 
			color:#f6a704 !important; 
			padding:10px 30px !important; 
			}
	span.required{
		color:#eee;	
		}
	span.wpcf7-not-valid-tip{
		color:#ccc;	
		padding-bottom:20px;
		letter-spacing:0.1em !important;
		margin-top:-10px;
		}
	input.wpcf7-not-valid,
	textarea.wpcf7-not-valid{
		border:1px solid #f6a704 !important;
		}
	span.field-info{
		display:block;
		font-weight:300;
		text-transform:none;
		letter-spacing:0;
		margin-top:10px;	
		margin-bottom:-10px;	
		}
	.wpcf7 .ajax-loader{
		display:none !important;
		}
	.wpcf7 .wpcf7-response-output{
		width:100% !important;
		margin-left:0;
		margin-right:0;
		background-color:#243338;
		padding:15px;
		font-size:.9em;
		}
		
/* Responsification-ified
*********************************************************/

@media only screen and (min-width:1024px){	
	
	body{
		border:20px solid #fff;
		border-top-width:0;
		}
		
	}
	
@media only screen and (max-width:979px){	
	
	.section-masthead span.et_pb_fullwidth_header_subhead{
		font-size:70% !important;
		letter-spacing:0.15em !important;
		}
		
	}
	
@media only screen and (min-width:580px) and (max-width:767px){
	
	.et_pb_fullwidth_header_scroll:before{
		display:none;
		}
	
	}
	
/* Hide Recaptcha
*********************************************************/	
		
.grecaptcha-badge{
	visibility:collapse !important;
	opacity:0 !important;
	}