/*!
	Theme Name: Coastal Countertops
	Theme URI: https://channelmarkermedia.com
	Description: Coastal Countertops theme created by Channel Marker Media for Coastal Countertops 3/24/2020
	Author: Channel Marker Media
	Author URI: https://channelmarkermedia.com
	Requires at least: 4.7
	Text Domain: cmm-coastalcountertops
	Template: hello-elementor

*/

/****** Typography ******/

@font-face {
	font-family: 'City BBQ Rough';
		src: url('assets/fonts/citybbqrough-webfont.woff2') format('woff2'),
		url('assets/fonts/citybbqrough-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

h1,h2
{
	font-family: 'City BBQ Rough';
}

.click-child,
.click-child-new
{
	cursor:pointer;
}

div.elementor-text-editor ul { margin-bottom:15px !important; }

div.elementor-text-editor h1, div.elementor-text-editor h2, div.elementor-text-editor h3 { margin-top:20px !important; }

/****** Global ******/

a
{
	color:#FE5E22;
}

.white-border
{
	position:relative;
}

.white-border > *
{
	z-index:1;
}

.white-border:after
{
	content:"";
	position:absolute;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	top:5px;
	left:5px;
	background:transparent;
	border:2px solid rgba(250,250,250,0.8);
}

.teal-border
{
	position:relative;
}

.teal-border:after
{
	content:"";
	position:absolute;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	top:5px;
	left:5px;
	background:transparent;
	border:2px solid rgba(119,210,247,0.8);
}

.map-responsive{
		overflow:hidden;
		padding-bottom:56.25%;
		position:relative;
		height:0;
	}

.map-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}
	
	img.alignright 
	{
		margin-top:15px;
		margin-bottom:15px;
	}

.elementor-slideshow__title { display:none; }

.elementor-button-text
{
	transform: translatey(2px);
}

/****** Forms ******/

.gform_required_legend { display: none; }

.cf-turnstile > div { text-align: center; }

.gform-footer { justify-content: center !important; }


	.gfield_consent_label
{
    display:inline;
}
	
	input[type=text], input[type=email], input[type=tel], textarea, select
	{
		display:block;
		width:100%;
	}
	
	input[type=submit]
	{
		font-weight:400;
		color: #333;
		border-radius: 0px;
		background:transparent;
		border:1px solid #333;
		padding: 10px 30px;
		font-family: "Josefin Sans", sans-serif;
		font-size:15px;
		line-height:15px;
		padding-bottom:8px !important;
	}
	
	.contact-page-form input[type=submit],
	.book-now-page-form input[type=submit]
	{
		color: #333;
		background:#fff;
		border:none;
		text-transform:uppercase;
		border:1px solid #333;
	}
	
	div#gform_wrapper_4 input[type=submit]
	{
		background:#FE5E22;
	}
	
	
	.gform_footer { margin:0 !important; text-align:center !important; }
	
	.ginput_container_text input,
	.ginput_container_phone input,
	.ginput_container_textarea textarea,
	.ginput_container_email input
	{
		border-radius:3px;
		border:1px solid #555;
		padding:5px 20px !important;
	}
	
	.ginput_container { margin:0 !important; }
	
	form.gf_simple_horizontal input { margin:0 !important; }
	
	
	form.cmm_email_signup .gform_body .gfield { padding-right:0 !important; }
	form.cmm_email_signup .gform_body .gfield input { border: 1px solid #333; border-radius:3px 0 0 3px; }
	form.cmm_email_signup .gform_footer input[type="submit"]
	{
		border-radius: 0 3px 3px 0;
		background: #222;
		color: #fff;
		border: 1px solid #222;
	}
	
	@media screen and (min-width:768px)
	{
		form.cmm_email_signup .gform_body { width:75% !important;  }
	}
	
	
	.gf_full_width
	{
		width:100% !important;
		display:block;
	}
	
	.gf_full_width input
	{
		width:100% !important;
	}
	
	.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label
	{
		font-weight:400;
	}
	
	.gform_wrapper .ginput_container.ginput_recaptcha > div { margin:0 auto; }
	

/****** Shortcode: cm_projects ******/

	div.cm-project-homepage div.project-image 
	{
		min-height: 350px;
		width: 100%;
		background-size: cover;
		background-position: center center;
	}
	
	div.cm-project-homepage > div.row > div
	{
		margin-top:15px;
		margin-bottom:15px;
	}
	
	@media screen and (min-width:768px)
	{
		div.cm-project-homepage div.project-image 
		{
			min-height: 200px;
		}
	}
	
	div.cm-project-homepage div.project-body
	{
		min-height:70px;
		position:relative;
	}
	
	@media screen and (min-width:1025px)
	{
		div.cm-project-homepage div.project-body div.project-body-inner
		{
			position:absolute;
			left:0;
			top:50%;
			transform:translatey(-50%);
		}
	}
	
	div.cm-project-homepage div.project-body h3
	{
		font-family:"Josefin Sans",sans-serif;
		color:#333;
		font-weight:400;
		font-size:16px;
		text-transform:uppercase;
		margin-bottom:5px;
	}	

	div.cm-project-homepage div.project-body h5
	{
		font-family:"Josefin Sans",sans-serif;
		color:#999;
		font-weight:400;
		font-size:16px;
		margin-bottom:0;
	}		
	
/****** Shortcode: cm_projects ******/

	/* view = "cards" */
	div.cm-project-cards div.project-card
	{
		border:1px solid #dadada;
		border-radius:3px;
		margin:15px 0;
		color:#333;
	}
	
	div.cm-project-cards div.project-card-body
	{
		padding:20px 30px;
	}

	div.cm-project-cards div.project-card h2
	{
		font-weight:400;
		letter-spacing:1px;
		margin-bottom:5px;
		font-size:28px;
		color:#333;
	}

	div.cm-project-cards div.project-card h4
	{
		font-weight:400;
		letter-spacing:1px;
		font-size:20px;
		color:#666;
	}
	
	div.cm-project-cards div.project-image 
	{
		min-height: 200px;
		width: 100%;
		background-image: url(http://ainsley.channelmarkermedia.com/wp-content/uploads/2019/06/braswell-center-entrance-large.jpg);
		background-size: cover;
		background-position: center center;
		position:relative;
	}
	@media screen and (min-width:768px)
	{
		div.cm-project-cards div.project-image 
		{
			min-height: 500px;
		}
	}
	
	div.project-image > a
	{
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 10px 15px 5px 15px;
		background: rgba(250,250,250,0.75);
		color: #666;
		font-size: 20px;
		transition:all 0.5s;
	}
	
	@media screen and (min-width:768px)
	{
		div.project-image > a
		{
			position: absolute;
			bottom: 0;
			right: 0;
			padding: 30px 40px;
			background: rgba(250,250,250,0.75);
			color: #666;
			font-size: 40px;
			transition:all 0.5s;
		}
	}
	
	
	div.project-image > a:hover
	{
		background: rgba(250,250,250,0.95);		
	}

	div.cm-project-cards ul.project-meta
	{
		list-style: none;
		margin: 10px 0;
		padding: 0;
		font-size:14px;
		color:#999;
	}

	div.cm-project-cards ul.project-meta li
	{
		display:inline-block;
		padding:0 10px;
		border-left:1px solid #ccc;
	}

	div.cm-project-cards ul.project-meta li:first-child
	{
		padding-left:0;
		border-left:none;
	}
	
	div.cm-project-cards p
	{
		margin:15px 0;
	}
	
	div.cm-project-cards a.btn
	{
		display:inline-block;
	}
	
	div.cm-project-cards div.project-services
	{
		font-size:14px;
		color:#666;
		margin:10px 0;
	}
	
	div.cm-project-cards div.project-services span
	{
		color:#999;
	}
	
	div.cm-project-cards ul.project-gallery
	{
		padding:0;
		margin-top:30px;
		width:100%;
	}
	
	div.cm-project-cards ul.project-gallery li
	{
		display:inline-block;
		padding-bottom:15px;
	}
	
	div.cm-project-cards ul.project-gallery li
	{
		padding:10px;
		width:50%;
	}
	
	@media screen and (min-width:768px)
	{
		div.cm-project-cards ul.project-gallery li
		{
			margin-left:15px;
			padding:0;
			width:auto;
		}
	}
	
	/* view = "list" */
	div.cm-project-list div.project-card
	{
		border:1px solid #dadada;
		border-radius:3px;
		margin:15px 0;
		color:#333;
	}
	
	div.cm-project-list div.project-card-body
	{
	}

	div.cm-project-list div.project-card h2
	{
		font-weight:400;
		letter-spacing:1px;
		margin:0;
		color:#333;
	}
	
	div.cm-project-list div.project-card h4
	{
		font-weight:400;
		letter-spacing:1px;
		margin:0;
		color:#666;
	}

	div.cm-project-list ul.project-meta
	{
		list-style: none;
		margin: 0;
		padding: 0;
		font-size:14px;
		color:#999;
	}

	div.cm-project-list ul.project-meta li
	{
		display:inline-block;
		padding:0 10px;
		border-left:1px solid #ccc;
	}

	div.cm-project-list ul.project-meta li:first-child
	{
		padding-left:0;
		border-left:none;
	}
	
	div.cm-project-list p
	{
		margin:15px 0;
	}
	
	div.cm-project-list a.btn
	{
		display:inline-block;
	}
	
	div.cm-project-list div.project-services
	{
		font-size:14px;
		color:#666;
		margin:10px 0;
	}
	
	div.cm-project-list div.project-services span
	{
		color:#999;
	}
	
	div.cm-project-list div.elementor-column
	{
		padding:15px;
	}
	
	div.cm-project-list div.elementor-column-wrap 
	{
		flex-direction:column;
	}
	
	div.cm-project-cards div.project-before-after h2
	{
		display:block;
		font-family:"Slabo 13px", sans-serif;
		font-weight:400;
		margin:30px auto 20px auto;
		position:relative;
	}
	
	div.cm-project-cards div.project-before-after h2:after
	{
		content:"";
		width:150px;
		height:1px;
		position:absolute;
		bottom:-10px;
		left:50%;
		transform:translatex(-50%);
		background-color:#ccc;
	}

/****** Header *****
	
	/****** Menu ******/
	
	/*a.elementor-sub-item
	{
		padding:15px 30px;
	}*/