/*
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");

/**********************************************************************
 * HEADER *
 * *******************************************************************/

#main-header {
    background-size: initial;
    background-repeat: repeat-x;
    background-image: url(https://clearsoundinc.com/wp-content/uploads/2019/09/Clear_Sound-Header_BG.jpg) !important;
}
#main-footer {
    background-size: initial;
    background-repeat: repeat-x;
    background-image: url(https://clearsoundinc.com/wp-content/uploads/2019/09/Clear_Sound-Footer_BG.jpg) !important;
	background-position:bottom 50px center;
}
.et_menu_container{
	margin:0px !important;
	width:100% !important;
	max-width:100% !important;
}
.et_header_style_centered #main-header div#et-top-navigation{
	background-color:#ffffff !important;
	width:100% !important;
	max-width:100% !important;
}

.et_header_style_centered header#main-header .logo_container{
	display:flex; 
	justify-content:space-between;
	align-items:center;
	padding:0px 50px;
}
.et_header_style_centered header#main-header.et-fixed-header .logo_container {
    height: 0px;
}
.et_header_style_centered header#main-header .logo_container #logo{
	height:75px;
}
.et_header_style_centered header#main-header.et-fixed-header .logo_container #logo{
	height:0px;
}
#menu-logo-menu li{
	float:right;
}
#menu-logo-menu a{
	font-weight:bold;
	color:#ffffff;
}
#menu-logo-menu a:hover{
	font-weight:bold;
	color:#2ea3f2;
}
#menu-logo-menu .menu-button a{
	background-color:#ffffff;
	color:#1B3B6D !important;
	margin:-8px 30px 0px 0px;
	padding:8px 15px;
	border-radius:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#menu-logo-menu .menu-button a:hover{
	background-color:#2ea3f2;
	color:#ffffff !important;
	transition: all 0.25s ease;
}
#logo-menu .et_pb_menu__menu{display:flex!important;}
#logo-menu .et_mobile_nav_menu{display:none!important;}

#top-menu a{
	padding-top:28px;
}
#logo-menu .et_pb_menu__wrap{
	justify-content:flex-end;
}

/**********************************************************************
 * LINE CARD PAGE *
 * *******************************************************************/

.line-card table{
	background-color:#eaeaea;
	border-radius:15px;
}
.line-card td{
	text-align:center;
	vertical-align:top;
	padding:30px !important;
}

/**********************************************************************
 * NEWSLETTER SIGN UP MODULE *
 * *******************************************************************/

.ctct-form-defaults{
	padding:none !important;
}
.ctct-form-field{
	text-align:center !important;
}
div.ctct-form-embed form.ctct-form-custom label.ctct-form-label{
	display:inline-block !important;
}
#email_address_label_0:after{
	content:' Address';
}
#gdpr_text{
	display:none !important;
}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button{
	width:auto !important;
	margin:0px auto !important;
}

/**********************************************************************
 * PORTFOLIO MODULE *
 * *******************************************************************/

.portfolio-excerpt{
	margin-top:15px;
	font-size:12px;
	line-height:18px;
}

/**********************************************************************
 * BLOG GRID MODULE *
 * *******************************************************************/

.et_pb_blog_grid .et_pb_image_container{
	margin:0px !important;
}
.pagination a{
	padding:10px 15px;
	background-color:#1B3B6D;
	border-radius:10px;
	text-transform:uppercase;
	font-weight:700;
	margin:0px 19px;
	color:#ffffff;
	transition: all 300ms ease 0ms;
}
.pagination a:hover{
	background-color:#2ea3f2;
}

/**********************************************************************
 * FILTERABLE PORTFOLIO MODULE *
 * *******************************************************************/

.et_pb_filterable_portfolio .et_portfolio_image {
	vertical-align: middle;
	display: inline-block;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
			box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	min-height:150px;
	max-height:150px;
	background-color:#fff;
}
.et_pb_filterable_portfolio .et_portfolio_image img {
    min-height:150px;
	max-height:150px;
	position: relative;
	top: 75px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

/**********************************************************************
 * PROJECT NAVIGATION *
 * *******************************************************************/

.project-navigation .nav-single{
	width:100% !important;
}

/**********************************************************************
 * FULL IMAGE SLIDER *
 * ******************************************************************

.full-image-slider .et_pb_slide {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.full-image-slider .et_pb_slide:first-child .et_pb_slide_image img.active {
	animation: unset !important;
}

.full-image-slider .et_pb_container {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
}

.full-image-slider .et_pb_slide_image img {
	max-height: none !important;
	width: 100% !important;
}

.full-image-slider .et_pb_slide_image {
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
	position: relative !important;
	width: 100% !important;
	display: block !important;
	-webkit-animation-name: fade !important;
	   -moz-animation-name: fade !important;
	    -ms-animation-name: fade !important;
	     -o-animation-name: fade !important;
	        animation-name: fade !important;
}

.full-image-slider .et_pb_slider_container_inner {
	position: relative;
}

.full-image-slider .et_pb_slide_description {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right:  0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
}

.full-image-slider .et_pb_slide_description .et_pb_button_wrapper,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a,
.full-image-slider .et_pb_slide_description .et_pb_button_wrapper a:hover {
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	color: rgba(0, 0, 0, 0) !important;  
	border: none !important;
	background: none !important;
}

.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.et_pb_column.et_pb_slider_fullwidth_off.full-image-slider .et_pb_slide_description .et_pb_slide_content,
.full-image-slider .et_pb_slide_description .et_pb_slide_title,
.full-image-slider .et_pb_slide_description .et_pb_slide_content {
	display: none;
}*/

/**********************************************************************
 * GALLERY MODULE *
 * *******************************************************************/

.et-pb-arrow-next, .et-pb-arrow-prev {
    margin-top: -30px;
    opacity: 1;
    color: #fff;
    font-size: 60px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.et-pb-arrow-next {
	right: 0px;
}
.et-pb-arrow-next:before {
	color:#fff;
}
.et-pb-arrow-prev{
	left: 0px;
}
.et-pb-arrow-prev:before {
	color:#fff;
}

/**********************************************************************
 * TOGGLE MODULE *
 * *******************************************************************/

.et_pb_toggle_close .et_pb_toggle_title:hover{
	transition: all 300ms ease 0ms;
	background-color:#1B3B6D;
	color:#fff;
}
.et_pb_toggle_content{
	padding:0px 20px;
}
.rental-title{
	background-color:#d9e2f3;
	padding:10px 15px !important;
	margin-bottom:15px;
	text-transform:uppercase;
}

.srpw-title{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}
.srpw-summary{
	font-size:12px;
}
.srpw-summary a{
	display:table;
	padding:8px 18px;
	border-radius:20px;
	background-color:#1b3b6d;
	color:#ffffff !important;
	font-weight:bold;
	font-size:12px !important;
	margin:10px auto 0px;
	text-transform:uppercase;
	transition: all 300ms ease 0ms;
}
.srpw-summary a:hover{
	background-color:#2ea3f2;
	border-radius:8px;
}

/**********************************************************************
 * FOOTER *
 * *******************************************************************/

.footer-widget{
	text-align:center;
}
.footer-widget .et_pb_widget{
	float:none !important;
}
.footer-widget li{
	padding-left:0px !important;
}
.footer-widget li:before{
	border-width:0px !important;
}
.footer-buttons{
	display:block;
	width:100%;
	padding:15px;
	background-color:#ffffff;
	color:#999999;
	margin-bottom:10px;
	font-weight:bold;
	border-radius:30px;
	transition: all 300ms ease 0ms;
}
.footer-buttons:hover{
	background-color:#1b3b6d;
	color:#ffffff !important;
	border-radius:10px;
}


/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    .three-column-grid .et_pb_grid_item {
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left;
	}
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    .three-column-grid .et_pb_grid_item {
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left;
	}
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	.three-column-grid .et_pb_grid_item {
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: left;
	}
	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
}
@media (max-width: 980px) {
	#main-header {
    	background-size: cover;
	}
	#main-footer{
		background-size: cover;
    	background-position:bottom 50px center;
	}
	/* Mobile Navigation Bar */
	.et_header_style_centered #main-header div#et-top-navigation{
		max-width:90% !important;
		margin:0px auto;
		background-color:transparent !important;
	}
	.et_header_style_centered #main-header .mobile_nav{
		background-color: #ffffff !important;
		border-radius:30px;
		padding:10px 20px;
	}
	/* Hamburger Icon */
	.et_header_style_centered .et_menu_container .mobile_menu_bar{
		top:6px;
		right:12px;
	}
	/* Dropdown Menu */
	#main-header .et_mobile_menu {
		background-color: #ffffff !important;
		top:43px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width:85%;
		padding:0px;
	}
	#main-header .et_mobile_menu li a{
		text-align:center;
		padding:20px 30px;
	}
	#main-header .et_mobile_menu li a:hover{
		background-color:#2ea3f2;
		color:#ffffff;
	}
	#logo-menu .et_pb_menu__wrap{
		justify-content:center;
	}
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	/* Logo Menu */
	.et_header_style_centered header#main-header .logo_container #logo{
		height:50px;
	}
	#menu-logo-menu li{
		float:none;
	}
	#menu-logo-menu .menu-button{
		margin:5px 0px 0px 0px;
	}
	#menu-logo-menu .menu-button a{
		font-size:12px;
		margin:-5px 0px 0px 0px;
	}
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
	/* Logo Menu */
	.et_header_style_centered header#main-header .logo_container{
		display:block; 
		margin-top:-25px;
		max-height:125px;
	}
	.et_header_style_centered header#main-header .logo_container #logo{
		height:50px;
		margin-bottom:5px;
	}
	#menu-logo-menu li{
		float:none;
	}
	#menu-logo-menu .menu-button{
		margin:5px 0px 0px;
	}
	#menu-logo-menu .menu-button a{
		font-size:12px;
		margin:-5px 0px 0px 0px;
	}
}