/*
Theme Name: Belltone
Theme URI: https://belltone.co.uk
Description: Belltone WordPress Theme based on Divi and customised with love and a sprinkling of Fairy Dust by 247 Creative.
Version: 2.0
Author: Alex Stanhope
Author URI: https://www.247creative.co.uk
Template: Divi
Tags: responsive, red, white, business, property
*/


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

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

::-moz-selection{
	background-color:#fa7d73;
	color:#ffffff;
	}
::selection{
	background-color:#fa7d73;
	color:#ffffff;
	}
	
input::-moz-placeholder{
    color:#1d1d1b !important;
	}

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

input:-ms-input-placeholder{
    color:#1d1d1b !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:1680px){
	
	.visible-xl{
		display:none !important;		
		}
	
	}
	
@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;		
		}
	
	}
	
.et-zoom-in,
.et-zoom-in a{
    overflow:hidden;
	}
	.et-zoom-in.et_pb_image img,
	.et-zoom-in .et_pb_image_wrap img,
	.et-zoom-in a img{
	    transition:all 1s 0s ease; 
		}
		.et-zoom-in.et_pb_image:hover img,
		.et-zoom-in .et_pb_image_wrap:hover img,
		.et-zoom-in a:hover img {
		    transform:scale(1.1); 
		    transition:all 2s 0s ease;
			}
		
@media only screen and (min-width:480px){
		
	.et_pb_section_parallax.bg-mark .et_parallax_bg{
		background-position:center right !important;
		background-size:30% !important;
		}
		
	}
	
@media only screen and (max-width:480px){
		
	.et_pb_section_parallax.bg-mark .et_parallax_bg{
		background-position:bottom right !important;
		background-size:70% !important;
		}
		
	}
	
/* Class Styles
*********************************************************/

.bullets ul{
	list-style-type:none !important;
	}
	.bullets ul li{
		float:none;
		clear:both;
		padding-left:12px;
		}
		.bullets ul li:before{
			float:left;
			content:'\5c' !important;
			font-family:'ETMODULES' !important;
			margin:7px 0 0 -32px !important;
			font-size:.75em !important;
			}
			.et_pb_bg_layout_dark.bullets ul li:before{
				color:#999;
				}
			.et_pb_bg_layout_light.bullets ul li:before,
			.section-skills ul li:before{
				color:#fa7d73;
				}
				
/* Preloader Styles
*********************************************************/
				
div.preloader img.dtb_custom_preloader_img{
	animation:fadeIn 1s infinite alternate;
	}
	
@keyframes fadeIn{
	
	from{opacity:0;}
	
}

/* 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:sofia-pro, sans-serif;
	font-weight:300 !important;
	overflow-x:hidden !important;
	}
	
/* Text Styles
*********************************************************/

h1,
h2,
h3,
h4,
h5,
h6,
.section-masthead.home p.content-accent,
.section-masthead.home .dtb-typing.content-accent,
.content-quote{
	font-family:freight-big-pro, serif;
	font-weight:300;
	}
	
.section-masthead.home h1,
.section-masthead.home .dtb-typing h1{
	font-family:sofia-pro, sans-serif;
	font-weight:300;
	}
	
.section-2-col h3,
.section-stats h3,
.section-developments h3{
	font-weight:300;
	}

.et_pb_post h2.entry-title:after,
.section-2-col h3:after,
.content-counter h3:after,
.content-heading h3:after,
.section-skills h3:after,
.section-content h4:after,
footer h5:after{
	content:'';
	display:block;
	height:2px;
	background-color:#fa7d73;
	}
	.section-content h4:after{
		width:40px;
		margin:5px 0 10px 0;
		}
	.et_pb_post h2.entry-title:after,
	.section-2-col h3:after,
	.content-heading h3:after,
	.section-skills h3:after{
		width:60px;
		margin:5px 0 10px 0;
		}
	footer h5:after,
	.content-counter h3:after{
		width:30px;	
		margin:10px 0;
		}
		.content-counter h3:after{
			margin:10px 0 0;
			}
			
.section-developments .content-development h3:after{
	content:'';
	display:block;
	width:100px;
	height:1px;
	background-color:#fff;
	margin:5px auto;
	}
		
.content-heading h3 strong{
	display:block;
	font-weight:normal;
	font-size:32px !important;
	margin-bottom:-12px !important;
	line-height:1;
	}
	@media only screen and (max-width:990px){
		
		.content-heading h3 strong{
			font-size:24px !important;
			margin-bottom:-5px !important;
			}
		
		}
		
.content-counter h3,
.section-developments h4,
.content-quote h5{
	font-family:sofia-pro, sans-serif;
	font-style:normal;
	}
	.content-quote h5{
		margin-top:20px;
		}
		.content-quote h5:before{
			content:'';
			display:inline-block;
			width:50px;
			height:1px;
			background-color:#ddd;
			margin:0 10px 3px 0;
			}
	.content-heading h3:after,
	.content-counter h3:after{
		background-color:#fff;
		}
		.section-2-col .content-heading h3:after{
			background-color:#fa7d73;
			}
		
.section-stats h5{
	padding-bottom:5px;
	}

footer h5{
	font-family:sofia-pro, sans-serif;
	font-weight:600;
	}

.section-content p:first-of-type{
	font-size:2rem;
	line-height:1.5;
	font-family:freight-big-pro, serif;
	}
	body.single .section-content p:first-of-type:not(.et_pb_title_meta_container){
		padding-bottom:40px;
		}
		@media only screen and (max-width:480px){
			
			body.single .section-content p:first-of-type:not(.et_pb_title_meta_container){
				font-size:1.5rem;
				}
			
			}

.et_pb_text_inner ul,
.entry-content ul,
.entry-content ol{
	padding-left:20px;
	}	
	.section-skills ul{
		padding-bottom:0;
		}
	.section-2-col li,
	.et_pb_text_inner li,
	.entry-content ul li,
	.entry-content ol li{
		margin-bottom:10px;
		line-height:1.8;
		}
		.section-skills li:last-child{
			margin-bottom:0;
			}
		#main-content li ul,
		#main-content li ol{
			margin-top:10px;
			}
	
/* Header Styles
*********************************************************/

.home #main-header,
.home #main-header.et-fixed-header,
.page-id-22 #main-header,
.page-id-24 #main-header,
.page-id-22 #main-header.et-fixed-header,
.page-id-24 #main-header.et-fixed-header{
	background:transparent !important;
	background-color:transparent !important;
	}
	.home #page-container,
	.page page-id-22 #page-container,
	.page page-id-24 #page-container{
    	padding-top:0 !important;
		}

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

	#main-header{
		border-top:6px solid #fa7d73;
		}
	body.home #logo,
	body.page-id-22 #logo,
	body.page-id-24 #logo{
		display:none !important; 
		}
	    body.home #page-container .home-logo,
	    body.page-id-22 #page-container .home-logo,
	    body.page-id-24 #page-container .home-logo{
		    display:inline-block !important;
		    }
		    
	}

.home #top-menu li a,
.page-id-22 #top-menu li a,
.page-id-24 #top-menu li a{
	color:#fff !important;
	}

#page-container #main-header.et-fixed-header{
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;	
	}
	
img#logo:hover{
	opacity:.7;
	}
	
.menu-contact a{
	font-weight:600 !important;
	}	
	.menu-contact a em{
		display:block !important;
		font-style:normal !important;
		font-size:14px !important;
		color:#fa7d73;
		}
	.menu-contact a:before{
		content:'';
		float:left;
		width:20px;
		height:32px;
		background:url('img/icon-phone.svg') no-repeat 0 0;
		background-size:20px 32px;
		}
	
@media all and (min-width:980px){
	
	img#logo{
		height:15px !important;
		}
	.dtb_mobile #main-header .mobile_menu_bar{
		top:10px !important;
		}
	.menu-contact{
		display:none !important;
		}
	
	}
	
@media all and (max-width:980px){
	
	img#logo{
		height:14px !important;
		}
	.dtb_mobile #main-header .mobile_menu_bar{
		top:8px !important;
		}
		.menu-contact a{
			font-size:115% !important;
			margin-bottom:15px !important;
			line-height:1.2 !important;
			}
			.menu-contact a:before{
				margin:4px 15px 30px 0;
				}
	
	}
	
.hide-header{
	opacity:0;
	margin-top:-200px !important;
	}
.show-header{
	opacity:1;
	margin-top:0px !important;
	}
 
#main-header,
.section-header{
	-webkit-transition:all .5s ease !important;
	-moz-transition:all .5s ease !important;
	-o-transition:all .5s ease !important;
	-ms-transition:all .5s ease !important;
	transition:all .5s ease !important;
	}
	
.section-masthead.home .content-link:before{
	content:'';
	display:block;
	width:1px;
	height:80px;
	background-color:rgba(255,255,255,.5);
	margin:-20px 0 20px 30px;
	}
	.section-masthead.home .content-link a{
		padding-bottom:5px;
		border-bottom:1px solid rgba(255,255,255,.5);
		color:#fff;
		}
		.section-masthead.home .content-link a:hover{
			border-bottom-color:#fff;
			}
	
@media only screen and (min-width:980px){
	
	#main-header{
		padding-top:15px;
		}
	#top-menu ul.sub-menu{
		top:40px !important;
		}
		#top-menu ul.sub-menu a{
			padding:15px 15px 0 15px !important;
			line-height:1.2 !important;
			}
			#top-menu ul.sub-menu li:last-child a{
				padding:15px 15px !important;
				}
			.home #top-menu ul.sub-menu a,
			.page-id-22 #top-menu ul.sub-menu a,
			.page-id-24 #top-menu ul.sub-menu a{
				color:#292f36 !important;
				}
				.home #top-menu ul.sub-menu a:hover,
				.page-id-22 #top-menu ul.sub-menu a:hover,
				.page-id-24 #top-menu ul.sub-menu a:hover,
				#top-menu ul.sub-menu li.current_page_item a{
					color:#fa7d73 !important;
					}
				
	}
	
.page-id-22.toolbox_menu2 #top-menu>li>a:before, 
.page-id-22.toolbox_menu2 .dtb-menu ul.et-menu>li>a:before,
.page-id-24.toolbox_menu2 #top-menu>li>a:before, 
.page-id-24.toolbox_menu2 .dtb-menu ul.et-menu>li>a:before{
	background:#fff !important;
	}
	
@media only screen and (max-width:980px){
	
	#main-header #mobile_menu.et_mobile_menu li li a, 
	.dtb-menu .et_mobile_menu li li a{
		padding:15px 20px !important;
		font-size:14px !important;
		color:#fa7d73 !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:60px !important;
	}
	
/* Content Styles
**********************************************************/

.section-developments .content-development,
.section-developments .content-development.wide{
	overflow:hidden;
	transition:all 0.5s ease;
	}
	.section-developments .content-development{
		background-size:130%;
		}
		.section-developments .content-development:hover{
			background-size:140%;
			}
	.section-developments .content-development.wide{
		background-size:150%;
		}
		.section-developments .content-development.wide:hover{
			background-size:160%;
			}
			
.section-map .et_pb_map_extended_0 .dwd-map-content .infowindow{
	font-family:sofia-pro,sans-serif !important;
	}
	
.section-developments .et_pb_button_module_wrapper:before{
	content:'';
	display:block;
	width:1px;
	height:80px;
	background-color:#ddd;
	margin:0 auto 20px auto;
	}
	
/* index.php Styles
**********************************************************/
	
@media only screen and (min-width:1025px){
	
	.dtb-post-wrap{
		padding:60px !important;
		}
		
	}
	
.et_pb_post h2.entry-title{
	padding-bottom:10px;
	}
	.et_pb_post h2.entry-title a:hover{
		color:#fa7d73 !important;
		}
	
.et_pb_post .post-meta{
	margin-bottom:20px !important;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#292f36 !important;
	}
	.et_pb_post .post-meta a{
		color:#292f36 !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 !important;
		color:#292f36 !important;
		}
		
.dtb_archives .et_pb_post .entry-featured-image-url:after, 
.dtb-blog.et_pb_module .et_pb_post .entry-featured-image-url:after{
	max-width:900px;
	}
		
/* single.php Styles
*********************************************************/	

.et_pb_title_meta_container{
	font-family:sofia-pro,sans-serif !important;
	}

body.single .et_pb_post_content blockquote{
	margin:50px 0;
	border-color:#fa7d73;
	}
	@media only screen and (min-width:1100px){
		
		body.single .et_pb_post_content blockquote{
			margin:50px 25% 50px 0;
			}
		
		}
	body.single .et_pb_post_content blockquote p{
		font-size:1.8rem !important;
		line-height:1.5;
		font-style:italic;
		padding-left:20px !important;
		font-family:freight-big-pro, serif;
		padding-bottom:0 !important;
		}	
	
.dtb-related-posts{
	margin-top:140px !important;
	}
	.dtb-related-posts h4{
		font-weight:300 !important;
		}
	.dtb-related-posts:before{
		content:'';
		display:block;
		width:100%;
		height:1px;
		background-color:#fa7d73;
		margin:0 0 80px 0;
		}
	#dtb-related-posts-list strong{
		padding:20px 0;
		font-weight:300 !important;
		font-family:freight-big-pro, serif !important;
		}
		
/* 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.75em !important;
		font-size:.85em !important;
		color:#292f36;
		background:#eeeeee;
		transition:all .5s;
		font-weight:600 !important;
		text-transform:uppercase;
		letter-spacing:1px;
		display:inline-block;
		margin-bottom:10px;
		}
		.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;
					display:block;
					width:100%;
					margin-bottom:10px;
					}
				
				}
		.wp-pagenavi span.current{
			color:#ffffff !important;
			background:#fa7d73 !important;
			}
	.wp-pagenavi a:hover{
		color:#fff !important;
		background:#fa7d73 !important;
		}
	.wp-pagenavi .pages{
		background:none;
		}
		
/* Footer Styles
**********************************************************/

footer a{
	color:#fff;
	}
	footer a:hover{
		color:#fa7d73;
		}
	
@media only screen and (min-width:980px){
	
	.content-links a{
		margin-left:15px;
		}
	
	}
	
@media only screen and (max-width:980px){
	
	.content-links a{
		margin-right:10px;
		}
	
	}
	
@media only screen and (max-width:480px){
	
	.content-links a{
		margin:0;
		display:block;
		}
	
	}
	
/* Back To Top Styles
**********************************************************/
	
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll{
	bottom:35px;
	}
.et_pb_scroll_top:before{
    content:"\21";
	} 
.et_pb_scroll_top.et-pb-icon{
    right:20px;
    bottom:10px;
    border-radius:0px;
    background:#fa7d73;
    padding:20px;
    font-size:24px;
    transition:all .1s ease-in-out; 
	}
	.et_pb_scroll_top.et-pb-icon:hover{
	    background:#202c39;
	    transition:all .1s ease-in-out;
		}
		
/* GDPR Styles
**********************************************************/

#cookie-law-info-bar{
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-radius:10px;
	}
#cookie_action_close_header{
	border-radius:3px;
	font-weight:bold;
	font-size:1em;
	line-height:16px;
	}
#cookie-law-info-bar h5{
	color:#fa7d73 !important;
	font-size:1.95em !important;
	margin-bottom:0px !important;
	}
.cli-bar-message{
	line-height:1.5;
	font-weight:300;
	}
	
/* Hide Recaptcha
*********************************************************/	
		
.grecaptcha-badge{
	visibility:collapse !important;
	opacity:0 !important;
	}