/*
 Theme Name:   Commercial Cleaning Services theme
 Theme URI:    https://totalwptheme.com/
 Description:  Theme for the Commercial Cleaning Services website
 Author:       A Mix of Pixels
 Author URI:   https://amixofpixels.com/
 Template:     Total
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/** HEADER STYLES **/
.header-locations {
	float: left;
	padding-top: 15px;
}

.header-phone {
	float: right;
}

/** GENERAL STYLES **/
.ccs-image-boxes img {
	border-radius: 10px;
}

#ccs-faqs .vcex-toggle {
	background-color: var(--wpex-palette-19-color);
	padding: 10px 20px;
}

/** GRAVITY FORMS STYLES **/
.gform-theme--foundation .gform_fields {
	row-gap: 20px!important;
}


.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
	justify-content: center;
}

#gform_submit_button_1, form .gform-footer.gform_footer .gform_button.button {
	background-color: var(--wpex-btn-bg, var(--wpex-accent))!important;
	color: var(--wpex-btn-color, var(--wpex-on-accent))!important;
	padding: 15px 40px!important;
	border-radius: var(--wpex-btn-border-radius)!important;
	font-size: var(--wpex-btn-font-size)!important;
	font-style: var(--wpex-btn-font-style)!important;
	font-weight: var(--wpex-btn-font-weight)!important;
	border-width: var(--wpex-btn-border-width);
	border-color: var(--wpex-btn-border-color, currentColor);
}

#gform_submit_button_1:hover, form .gform-footer.gform_footer .gform_button.button:hover {
	background-color: var(--wpex-hover-btn-bg, var(--wpex-accent-alt))!important;
	color: var(--wpex-hover-btn-color, var(--wpex-on-accent-alt))!important;
	border-color: var(--wpex-hover-btn-border-color, var(--wpex-btn-border-color, currentColor))!important;	
}

/** FOOTER STYLES **/
#footer-callout-wrap {
	margin-top: 40px;
}

footer #ccs-footer h3, footer #ccs-footer p, footer #ccs-footer a {
	color: #fff;
}

footer #ccs-footer h3 {
	margin-bottom: 20px;
}

footer #ccs-footer a {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	#ccs-footer .wpb_column.vc_column_container.vc_col-sm-4 {
		margin-bottom: 20px;
	}
	#ccs-footer .wpb_text_column.wpb_content_element {
		text-align: center;
	}
	#ccs-footer {
		padding-bottom: 0 !important;
	}
}
@media only screen and (max-width: 959px) {
	.header-locations, .header-phone {
		display: none;
	}
	#site-header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.header-phone-mobile {
		order: 3 !important;
    	flex: 0 0 auto !important;
    	margin-left: auto !important;
    	padding: 0 !important;
	}
	#site-header-inner {
    	display: flex !important;
    	align-items: center !important;
    	justify-content: flex-start !important;
    	flex-wrap: nowrap !important;
    	gap: 12px !important;
	}
  	#mobile-menu {
    	flex: 0 0 auto !important;
    	margin: 0 !important;
    	padding: 0 !important;
  	}
	#site-logo {
    	position: absolute !important;
    	left: 50% !important;
    	top: 50% !important;
    	transform: translate(-50%, -50%) !important;
    	margin: 0 !important;
    	padding: 0 !important;
    	width: auto !important;
    	z-index: 1 !important;
    	pointer-events: auto !important;
  	}
	#site-logo-inner {
		padding-top: 10px;
	}
}
@media only screen and (min-width: 960px) {
	#site-navigation li.desktop-hidden, .header-phone-mobile {
		display: none;
	}	
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.header-locations {
		margin-left: 5%;
	}
	.header-phone {
		margin-right: 5%;
		padding-top: 30px;
	}
}
@media only screen and (min-width: 1200px) {
	#ccs-footer-col-2 .vc_column-inner {
		padding-left: 10%;
		padding-right: 10%;
	}
	.header-locations {
		margin-left: 10%;
	}
	.header-phone {
		margin-right: 11%;
		padding-top: 30px;
	}

}