/*
Theme Name: Caboolture Patios
Theme URI: http://structure.thememove.com/01/
Description: A child theme of Structure Theme
Author: ThemeMove
Author URI: http://thememove.com/
Version:4.0
Template: structure
*/

.heading-title-3 h2, .has-bg h1 {
    color: #395A7A!important;
}
.nbs-content h3 {
	text-transform: capitalize;
	font-size: 2.5em;
	margin-bottom: 20px;
}
.nbs-content h1, .nbs-content h2, .nbs-content h3, .nbs-content h4, .nbs-content h5, .nbs-content h6 {
	color: #375a7c!important;
}
.design-nav {
	width: 100%;
	position: fixed;
	text-align: center;
	float: none;
	margin: 0 auto;
	z-index: 999;
	bottom: 0px;
	padding: 20px;
	background-color: #375a7c;
	color: white;
}
.design-nav a {
	color: white !important;
	font-weight: bold;
	padding: 5px;
	font-weight: 1.3em;
}
.design-nav a:hover {
	color: #333 !important;
	background-color: white;
	border-radius: 2px;
}
span.button-blue a {
	background-color: #375a7c;
	color: white !important;
	font-weight: bold;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 5px;
	transition: 0.2s;
}
span.button-blue a:hover {
	background-color: #000000;
}
.area-title {
	color: #395a7a !important;
	border-bottom: 3px solid #FFB602;
	display: inline-block;
	padding-bottom: 5px;
}
.site-branding img { max-width: 180px;}
.footer-logo > img { max-width: 160px;}
.scheme .testimonial::before { background-color: #ffffff!important;}
.testimonials-text > p { color: #333; text-align: left;}
.testimonials-list .author span { color: #000;}
.content { padding: 0!important;}
.slide-text h1 {
	color: #ffffff;
	text-shadow: 2px 2px 7px #000;
	font-size: 48px;
}
.slide-text h4 {
	color: #ffffff;
	text-shadow: 2px 2px 7px #000;
	font-size: 24px;
}
#gform_wrapper_1.gform_wrapper { background: #f1f1f1 none repeat scroll 0 0; border: 10px solid #FFB600;  padding: 10px 10px 20px 25px;}
#gform_wrapper_1.gform_wrapper .top_label li ul.gfield_checkbox { color: #000000; font-size: 18px; font-weight: normal;}
#gform_wrapper_1.gform_wrapper .top_label .gfield_label { color: #000000; font-size: 18px; margin-top: 10px;}
#gform_1 .gfield.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.field_description_below.gfield_visibility_visible { color: #000; font-size: 18px; font-weight: bold;}
#gform_1 .medium { border: 1px solid #ddd; color: #000000; font-size: 14px; padding: 10px;}
#gform_1 textarea { border: 1px solid #c3c3c3; font-size: 18px; max-height: 7em;  padding-left: 10px;}
#gform_1 .gfield_checkbox li { display: inline-block; width: 33%;}
#gform_1 .gfield_checkbox input { margin-right: 3px;}
#gform_2 .medium, #gform_2 .large, #gform_2 textarea { border: 1px solid #eee; padding: 10px; max-height: 10em;}
#gform_wrapper_3.gform_wrapper { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; border: 1px solid #000; color: #000000; margin: 0; padding: 15px 8px 25px 25px; box-shadow: 0px 0px 10px #203952;}
#gform_3 .medium { border: 1px solid #bdbdbd; padding: 10px; background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;}
#gform_wrapper_3 .gform_heading { text-align: center!important; padding-right: 16px;}
#gform_3 .gform_heading, #gform_3.gform_title, #gform_3 .ginput_container { margin: 0;}
#gform_3 li { margin: 5px 0 0;}
#gform_wrapper_3.gform_wrapper label.gfield_label { font-weight: normal; }
#gform_wrapper_3.gform_wrapper h3.gform_title { color: #375a7c; text-shadow: 0 0 3px #fff; margin-bottom: 0; font-size: 22px;}
#gform_3 textarea { height: 7em;}
#gform_3 .gform_footer.top_label { padding: 0; font-size: 13px;}
.gform_button.button { background: #ffb600 none repeat scroll 0 0!important;}
.gform_button.button:hover { background: #000000 none repeat scroll 0 0!important; color: #ffffff!important;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #000000!important;}
input::-webkit-placeholder, textarea::-webkit-placeholder { color: #000000!important;}
input:-ms-placeholder, textarea:-ms-placeholder { color: #000000!important;}
input::-o-placeholder, textarea::-o-placeholder { color: #000000!important;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #000000!important;}

.image-choices-field .image-choices-choice span.image-choices-choice-image-wrap {
	height: 120px;
}

.home .eg-thememove-project-element-0, .home .eg-thememove-project-element-6 { color: #000000!important;}
.home .eg-thememove-project-element-2 { display: none!important;}

.esg-filter-wrapper { display: none!important;}
.projects-page .breadcrumb { display: none!important;}
.esg-falldown a { background: #000000 none repeat scroll 0 0!important;}
.esg-falldown a:hover { background: #375A7C none repeat scroll 0 0!important;}
.bullets { color: #333333; font-size: 16px; line-height: 2; margin: 0!important; text-align: left;}
.bullets > li { background: rgba(0, 0, 0, 0) url("images/bullet.jpg") no-repeat scroll 0 11px / 10px auto;  list-style: outside none none; margin: 0!important; padding: 0 0 0 18px!important;}
.tick { color: #333333; font-size: 16px; line-height: 2; margin: 0!important; text-align: left;}
.tick > li { background: rgba(0, 0, 0, 0) url("images/tick-y.png") no-repeat scroll 0 5px / 24px auto;  list-style: outside none none; margin: 0!important; padding: 0 0 0 30px!important;}
.projects-carousel .eg-icon-search, .projects-carousel .eg-icon-link { color: #000000!important;}
.why .bullets { background: #f1f1f1 none repeat scroll 0 0; border: 10px solid #ffb600; margin-top: 15px!important;  padding: 16px;}
.why .tick { background: #f1f1f1 none repeat scroll 0 0; border: 10px solid #ffb600; margin-top: 15px!important;  padding: 16px;}
.area-list li {
	list-style: none;
	background-image: url(https://www.caboolturepatios.com.au/wp-content/uploads/2021/06/tick.png);
	background-repeat: no-repeat;
	background-size: 20px;
	line-height: 2.2;
	padding-left: 30px;
	color: #555;
	background-position: left;
	width: 22%;
	display: inline-block;
	margin: 0 2% 0 0 !important;
	font-size: 16px;
  text-align: left;
}
.list li {
	list-style: none;
	background-image: url(https://www.caboolturepatios.com.au/wp-content/uploads/2021/06/tick.png);
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 30px;
	background-position: left 5px;
	margin: 0 !important;
}
.blue-row h4, .blue-row h3, .blue-row h2, .blue-row h1, .blue-row p, .blue-row hr {
	color: white;
	border-color: white;
}
.button-white a {
	background-color: white;
	color: #375a7c !important;
	font-weight: bold;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 5px;
	transition: 0.2s;
}
.button-white a:hover {
	background-color: #333 !important;
	color: white !important;
}
.why-choose h4 { color: #375a7c!important;}
.vc_toggle_title > h4 {
	background: #f6f6f6 none repeat scroll 0 0;
	display: block;
	padding: 10px;
  color: #375a7c!important;
}
#callnowbutton {
	font-size: 30px !important;
}
#callnowbutton img {
	margin-right: 12px !important;
}
.single-testimonial {
	color: #ffffff;
	font-size: 20px;
	font-style: italic;
	padding: 20px;
	line-height: 1.6;
}
.mobile-only { display: none;}
/*-------------------------------Mobile--------------------------*/
@media screen and (max-width:1024px){
}
@media screen and (min-width:768px) and (max-width:1023px){
body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {	width: 100%!important;}
#gform_3 li { width: 100% !important;}
.area-list li { width: 47%;}
.slide-text h1 { font-size: 30px;}
.slide-text h4 { font-size: 18px;}
#get-a-quote .wpb_column { width: 100%;}
}

@media screen and (min-width:568px) and (max-width: 767px){ 
.area-list li { width: 47%;}
}
@media screen and (min-width:320px) and (max-width: 567px){ 
.area-list li { width: 100%; margin: 0; !important;}
.image-choices-field .image-choices-choice { min-width: 48%;}
 .img-gallery .container { max-width: 100%;}
#gform_wrapper_3.gform_wrapper h3.gform_title { font-size: 18px;}
}
@media screen and (min-width:320px) and (max-width: 767px){ 
#gform_wrapper_1.gform_wrapper, #gform_wrapper_3.gform_wrapper { padding: 20px; }
#gform_1 .gfield_checkbox li { width: 100%;}
.slide-text h1 { font-size: 32px;}
.slide-text h4 { font-size: 18px;}
.why .heading-title-2 { margin: 2em 0 1em;}
#get-a-quote .container { max-width: 90%;}
.desktop-only { display: none!important;}
.mobile-only { display: block;}
#gform_wrapper_3 .gform_heading { padding-right: 0;}
}
/*-------------------------------Mobile end-------------------------*/