/*
Theme Name: Sarah Jordan Associates
Theme URI: https://www.sja-associates.com
Description: Sarah Jordan Associates WordPress Theme based on Divi and customised with love and a sprinkling of Fairy Dust by 247 Creative.
Version: 1.0
Author: Alex Stanhope
Author URI: https://www.247creative.co.uk
Template: Divi
Tags: responsive, magenta, white, grey, business
*/


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

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

::-moz-selection{
	background-color:#e4004d;
	color:#ffffff;
	}
::selection{
	background-color:#e4004d;
	color:#ffffff;
	}
	
input::-moz-placeholder{
    color:#999 !important;
	}

input::-webkit-input-placeholder{
    color:#999 !important;
	}

input:-ms-input-placeholder{
    color:#999 !important;
	}
	
a,
.wpcf7-text,
.wpcf7-number,
.wpcf7-date,
.wpcf7-textarea,
.wpcf7-captchar,
.wpcf7-submit,
.et_pb_scroll_top.et-pb-icon,
.scroll-down.et-pb-icon,
.post.status-publish img,
.section-news .more-link:before,
.link-service,
img#logo,
.dtb-read-more:before{
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	}

.animate-in{
    -webkit-animation:fadeIn .5s ease-in;
    animation:fadeIn .5s ease-in;
	}

.animate-out{
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    opacity:0;
	}

@-webkit-keyframes fadeIn{
	
    from { opacity:0; }
    to { opacity:1; }
    
	}

@keyframes fadeIn{
	
    from { opacity:0; }
    to { opacity:1; }
    
	}
	
/* Helper Classes
*********************************************************/
	
@media only screen and (max-width: 1200px){
	
	.hidden-sm{
		display:none !important;		
		}
	
	}
	
@media only screen and (min-width: 980px){
	
	.hidden-md{
		display:none !important;
		}
	
	}
	
@media only screen and (max-width: 480px){
	
	.hidden-xs{
		display:none !important;		
		}
	
	}
	
/* 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%;
	font-family:europa, sans-serif;
	overflow-x:hidden !important;
	}
	
/* Text Styles
**********************************************************/
	
h1{
	font-weight:400;
	}
.section-2-col h2{
	margin-bottom:20px;
	}
	.section-masthead h1:after,
	.section-masthead h2:after,
	.section-2-col h2:after,
	.section-3-col h2:after,
	.section-brand h3:after,
	.section-content h4:after,
	.dtb-related-posts h4:after,
	.single .et-l--body h3:after,
	.single .et-l--body h4:after,
	footer h4:after,
	.content-quote p:after,
	.et_pb_post .post-meta:after{
		content:'';
		display:block;
		background-color:#df6088;
		}
		.section-masthead h1:after,
		.section-masthead h2:after{
			width:120px;
			height:4px;
			margin:20px auto;	
			}
		.section-2-col h2:after,
		.section-3-col h2:after,
		.section-brand h3:after,
		.section-content h4:after,
		.single .et-l--body h4:after,
		.single .et-l--body h3:after,
		.dtb-related-posts h4:after,
		.content-quote p:after{
			width:80px;
			height:4px;
			margin:20px 0;	
			}
		footer h4:after{
			width:40px;
			height:2px;
			margin:20px 0 10px 0;	
			}
		.et_pb_post .post-meta:after{
			width:60px;
			height:4px;
			margin:20px 0 30px 0;
			}
.section-2-col h3{
	margin-bottom:10px;
	}
.content-brand h3{
	padding:5px 20px;
	border-bottom:4px solid transparent;
	}
	.content-brand:hover h3{
		background-color:#df6088;
		display:inline-block;
		border-bottom-color:#fff;
		}
.section-testimonial h6,
.content-testimonial h6{
	margin-top:30px;
	}
	.section-testimonial h6 em,
	.content-testimonial h6 em{
		color:#df6088;
		font-style:normal;
		}
		.section-testimonial h6:before,
		.content-testimonial h6:before{
			content:'';
			display:block;
			width:40px;
			height:1px;
			background-color:#ccc;
			margin:15px 0 20px 0;
			}
.section-testimonial p{
	font-family:bodoni-urw, serif;
	font-weight:300;
	font-style:italic;
	}

.content-testimonial p:first-of-type{
	font-family:bodoni-urw, serif;
	font-size:2.1rem;
	line-height:1.5;
	}
	@media only screen and (max-width:480px){
		
		.content-testimonial p:first-of-type{
			font-size:1.75rem;
			}
			
		}


/* .content-contact p:first-of-type */
.content-contact p.lead{
	font-size:1.4rem;
	line-height:1.7;
	padding-bottom:40px;
	}
	
#main-content ul ul{
	margin-top:12px;
	}
	
.section-2-col li,
.et_pb_text_inner li,
.et_pb_post_content li,
.entry-content ul li,
.entry-content ol li{
	margin-bottom:12px;
	line-height:1.8;
	}
	
/* Header Styles
*********************************************************/

#main-header{
	background:transparent !important;
	}
	@media only screen and (max-width:980px){
		
		#main-header{
			background:#fff !important;
			}
			div#et-top-navigation::before{
				content:'Menu';
				text-transform:uppercase;
				letter-spacing:0.2em;
				color:#fff;
				position:absolute;
				top:16px;
				right:55px;
				font-size:16px;
				padding-right:7px;
				line-height:30px;
				}
			.dtb_mobile #main-header .mobile_menu_bar, 
			.et_header_style_centered.dtb_mobile #main-header .mobile_menu_bar{
				top:16px !important;
				}
			
		}
	
#logo:hover{
	opacity:.6;
	}

.hide-header{
	opacity:0;
	margin-top:-200px !important;
	}
.show-header{
	opacity:1;
	margin-top:0px !important;
	}
	#main-header.show-header.scrolling{
		background-color:#3a4049 !important;
		}
 
#main-header,
.section-header{
	-webkit-transition:all 1s ease !important;
	-moz-transition:all 1s ease !important;
	-o-transition:all 1s ease !important;
	-ms-transition:all 1s ease !important;
	transition:all 1s ease !important;
	}
	
@media only screen and (min-width:980px){
	
	#top-menu ul.sub-menu{
		top:40px !important;
		}
		#top-menu ul.sub-menu a{
			padding:12px 15px !important;
			}
			#top-menu ul.sub-menu li.current_page_item a{
				color:#e4004d !important;
				}
	
	}
	
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle, 
.dtb-menu .et_mobile_menu .sub-menu-toggle, #dtb-m-menu .sub-menu-toggle{
	right:40px !important;
	}
	
/* Masthead Styles
**********************************************************/
	
.et_pb_fullscreen .et_pb_fullwidth_header_container{
	width:100% !important;
	}
	@media only screen and (max-width:480px){
		
		.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{
			width:100% !important;
			}
		
		}
		
.scroll-down.et-pb-icon{
	content:none !important;
	background-image:url('img/icon-mouse.svg') !important;
	background-repeat:no-repeat;
	background-size:26px 43px !important;
	width:26px !important;
	height:43px !important;
	opacity:.7 !important;
	}
	.scroll-down.et-pb-icon:hover{
		opacity:1 !important;
		}
	.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
**********************************************************/

@media only screen and (min-width:1921px){
	
	.section-2-col .content-text{
		padding-right:14vw !important;
		}		
	
	}
	
@media only screen and (max-width:1700px){
	
	.section-intro .et_parallax_bg{
		background-size:100% !important;	
		background-position:center !important;
		}
	
	}
	
.content-brand:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.55);
	}
	.content-brand:hover:before{
		background-color:rgba(228,0,77,.9);
		}
	
/* Footer Styles
**********************************************************/
	
footer a{
	color:#3a4049;
	}
	footer a:hover,
	.footer-credit p:last-of-type a:hover{
		color:#e4004d;
		}
	.footer-credit p:last-of-type{
		margin-top:20px;
		font-family:bodoni-urw, serif;
		font-style:normal;
		letter-spacing:2px;
		}
		.footer-credit p:last-of-type a{
			color:#3a4049;
			}	
			
/* index.php Styles
*********************************************************/	

/*
.entry-featured-image-url img{
	margin-bottom:40px !important;
	clear:both !important;
	float:left !important;
	}
*/

@media only screen and (max-width:1400px){
	
	.dtb-post-wrap{
		padding:40px 0 0 0 !important;
		}
	
	}

.et_pb_post h2.entry-title{
	padding-bottom:10px;
	}
	.et_pb_post h2.entry-title a:hover{
		color:#e4004d !important;
		}
	
.et_pb_post .post-meta{
	margin-bottom:15px !important;
	}
	
.et_pb_post .dtb-read-more,
.et_pb_post .more-link{
	margin-top:30px !important;
	}
	.et_pb_post .dtb-read-more:hover,
	.et_pb_post .more-link:hover{
		padding-left:10px;
		}
			
/* single.php Styles
*********************************************************/	
			
body.single .et_pb_post_content p:first-of-type{
	font-size:1.5rem;
	line-height:1.7;
	padding-bottom:35px;
	}

.dtb-related-posts{
	margin-top:140px !important;
	}
	#dtb-related-posts-list li a strong{
		font-weight:300 !important;
		padding:20px 0;
		line-height:1.6;
		}
	.dtb-related-posts:before{
		content:'';
		display:block;
		width:100%;
		height:1px;
		background-color:#eee;
		margin:0 0 80px 0;
		}
		
body.single .hide-section,
body.page-child .hide-section,
body.page-id-1002 .hide-section{
	display:none;
	}
	
body.single p img.alignnone{
	margin:30px 0 10px 0;
	}
			
/* Pagination Styles
*********************************************************/	

.wp-pagenavi{
	float:left;
	clear:both;
	margin-top:80px !important;
	border-top:none !important;	
	width:100% !important;
	text-align:left !important;
	}
	.wp-pagenavi a, 
	.wp-pagenavi span{
		padding:1em 1.5em !important;
		font-size:1em !important;
		color:#3a4049;
		line-height:2em;
		background:#eeeeee;
		transition:all .5s;
		font-weight:300 !important;
		}
		.wp-pagenavi span.pages{
			padding:1em 1.5em 1em 0 !important;
			}
			@media only screen and (max-width:767px){
				
				.wp-pagenavi span.pages{
					float:left;
					clear:both;
					margin-bottom:10px;
					}
				
				}
		.wp-pagenavi span.current{
			color:#ffffff !important;
			background:#e4004d !important;
			}
	.wp-pagenavi a:hover{
		color:#3a4049 !important;
		background:#ffffff !important;
		}
	.wp-pagenavi .pages{
		background:none;
		}
		
/* Contact Form Styles
*********************************************************/	

.wpcf7 p{
	font-weight:normal;
	margin:0 !important;
	padding:0;
	line-height:1em;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:0.2em;
	color:#3a4049;
	}	
	.wpcf7-text,
	.wpcf7-number,
	.wpcf7-date,
	.wpcf7-select,
	.wpcf7-textarea,
	.wpcf7-captchar{
		background-color:#fff !important;
		border:1px solid #fff !important;
		width:100% !important;
		-moz-border-radius:0 !important;
		-webkit-border-radius:0 !important;
		border-radius:0 !important;
		font-size:16px;
		line-height:1.7;
		color:#3a4049 !important;
		padding:10px !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 #e4004d !important;
			background-color:#fff !important;
			color:#3a4049 !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-list-item{
		margin-left:0 !important;
		color:#3a4049;	
		}
	.wpcf7-submit{
		margin:30px 0;
		cursor:pointer;
		letter-spacing:0.1em;
		text-transform:uppercase;
		border-radius:0 !important;
		padding:15px 64px;
		line-height:1.7em;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		display:inline-block;
		text-align:center;
		font-size:16px !important;
		font-weight:600;
		border:none !important;
		background-color:#e4004d;
		color:#fff !important;
		}
		.wpcf7-submit:hover{ 
			background-color:#f5f5f5; 
			color:#2b2b2b !important; 
			padding:15px 64px !important; 
			}
		.wpcf7-submit:disabled{
			background-color:#f5f5f5;
			color:#2b2b2b !important;
			}
	span.required{
		color:#e4004d;	
		}
	span.wpcf7-not-valid-tip{
		color:#e4004d !important;	
		padding-bottom:20px;
		letter-spacing:0.1em !important;
		margin-top:-10px;
		}
	input.wpcf7-not-valid,
	textarea.wpcf7-not-valid{
		border:1px solid #e4004d !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:#e4004d;
		padding:15px;
		font-size:.9em;
		color:#fff !important;
		}
		.wpcf7-form.invalid .wpcf7-response-output,
		div.wpcf7-validation-errors, 
		div.wpcf7-acceptance-missing{
			border-color:#e4004d !important;
			}
			
/* Class Styles
*********************************************************/

.ticks ul{
	margin-top:15px;
	list-style-type:none !important;
	}
	.section-3-col .ticks ul{
		margin-top:0;
		}
	.ticks ul li{
		float:none;
		clear:both;
		margin-top:15px;
		padding-left:15px;
		}
		.section-3-col .ticks li{
			margin:0 0 20px 0;
			}
			.section-3-col .ticks li:last-child{
				margin:0;
				}
		.ticks ul li:before{
			float:left;
			content:'\e052' !important;
			font-family:'ETMODULES' !important;
			margin:2px 0 0 -35px !important;
			font-size:1em !important;
			}
			.et_pb_bg_layout_dark.ticks ul li:before{
				color:#999;
				}
			.et_pb_bg_layout_light.ticks ul li:before{
				color:#c0c0c0;
				}
			
/* Back To Top Styles
**********************************************************/
	
.et_pb_scroll_top:before{
    content: "\21";
	} 
.et_pb_scroll_top.et-pb-icon{
    right:20px;
    bottom:20px;
    border-radius:0px;
    background:#e4004d;
    padding:20px;
    font-size:24px;
    transition:all .1s ease-in-out; 	
	}
.et_pb_scroll_top.et-pb-icon:hover{
    background:#3a4049;
    transition:all .1s ease-in-out;
	}
	
/* GDPR Styles
**********************************************************/
	
.cli-bar-message{
	line-height:1.7;
	font-weight:300;
	}
	@media only screen and (max-width:480px){
		
		#cookie-law-info-bar{
			display:none !important;
			}
		
		}
		
/* WhatsApp Styles
**********************************************************/
		
.qlwapp-toggle:hover{
	background-color:#3a4049 !important;
	}
	
/* Hide Recaptcha
*********************************************************/	
		
.grecaptcha-badge{
	visibility:collapse !important;
	opacity:0 !important;
	}