/*
 Theme Name:   1800Striper
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


ul.page-social { margin: 0 !important; }



/************************************************
* menu
************************************************/
.telephone_btn a:before {
    content: url(/wp-content/uploads/2025/04/phone-volume.svg);
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;	
	margin-bottom: -5px;
}
.telephone_btn:hover a:before {
    content: url(/wp-content/uploads/2025/04/phone-volume-white.svg);
}

.phone_icon .gb-shape svg { vertical-align:middle; }
/************************************************
* lists
************************************************/
ul.signage_list {  
	list-style-type: none;
    margin: 0 0 1.5em 0;
}

ul.signage_list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}

ul.signage_list li:before {  
	content: url(/wp-content/uploads/2025/04/signage-cone.svg);
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;	
	margin-bottom: -5px;
}
/************************************************
* Gravity form
************************************************/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: var(--contrast);
    background-color: var(--base-2);
	border: 1px solid #000;
    border-color: var(--contrast);
    font-size: 14px !important;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}
.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
    font-size: 12px !important;
}
.gform_wrapper.gravity-theme  input[type="submit"] { 
	color:  var(--accent);
    background-color: var(--contrast-2);
	font-weight: 600;
    width: 100%;
}
.gform_wrapper.gravity-theme  input[type="submit"]:hover { 
	color:  var(--contrast-2);
    background-color: var(--base-3);
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_full {   flex: 0 0 50% !important; }
.gform_wrapper.gravity-theme .ginput_container_address span {     flex: 0 0 33% !important;  }
.gform_wrapper.gravity-theme .gform_body .gform_fields .gfield textarea.small {     height: 55px; }
.gform_wrapper.gravity-theme .gform_footer input {        padding: 20px; }
/*.gform_wrapper.gravity-theme { 
	font-size:9.5px;
	font-style:italic;
}*/

/** Privacy check text  **/
.gform_wrapper.gravity-theme .gfield_checkbox label { 
	font-size: 12px !important;
    font-style: italic !important;
    vertical-align: top !important;
    padding: 0 0 0 10px;
}
/*** Franchise request info ***/
.franchise_form_wrapper.gravity-theme .ginput_container_address span {
    flex: 0 0 50% !important;
}
/************************************************
* Customer reviews google wprevpro
************************************************/
.wprev_showdate_T6 { font-size: 12px; }
.slickwprev-slide {text-align:left}
/************************************************
* Real Testimonials
************************************************/
.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
	text-align:left;
	padding: 0;
}
.sp-testimonial-free-section .sp-testimonial-client-name, .sp-testimonial-free-section .sp-testimonial-item {
	text-align:left;	
}
.sp-testimonial-free-section .sp-testimonial-client-rating i.fa {
    font-size: 30px;
	text-align:left;	
}
.sp-testimonial-free{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-name {
	order: 3;
}
.sp-testimonial-free-section .sp-testimonial-client-rating { gap: 10px; }
.sp-testimonial-free-section .sp-testimonial-client-rating { margin: 0 0 26px 0;1 }
.sp-testimonial-free-section .testimonial-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
	border-radius: 0;
}
/************************************************
* Maps
************************************************/
.ol-marker[data-anim='drop']>img, .wpgmza_map .ol-viewport .ol-control:not(.ol-attribution), .ol-attribution.ol-unselectable.ol-control.ol-uncollapsible {
	display: none;
}
.color-btn {
    background: #fff;
    display: block;
    width: 270px;
    font-size: .8em;
    padding: 10px;
    box-shadow: 0 0 31px #000;
    position: relative;
    top: 10px;
	margin: 0 auto;
    text-align: left;
    color: #000;

}
.color-btn .red {
    background: #ffde16;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 10px 3px;
}
.color-btn .grey {
    background: #e5e5e5;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 10px 3px;
}
/************************************************
* Video Popup 
************************************************/
.play_btn a:before {
    content: url(/wp-content/uploads/2025/10/play-white-button.svg);
	width: 100px;
    height: 50px;
    display: block;
    margin: -50px auto 0;
    top: 50%;
    position: relative;
}
.play_btn img { 
	border-radius: 6px; 
    box-shadow: 0px 32px 36px 0px rgba(2, 2, 2, 0.15);
}
.play_btn:before {
    content: "";
    background-color: rgb(0 0 0 / 30%);
    display: block;
    height: 98%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	border-radius: 6px;
}
/************************************************
* Before and After Slider
************************************************/
.twentytwenty-container {   border-radius: 12px;}
/************************************************
* Footer
************************************************/
ul.wp-block-social-links { margin: 0 0 0 3em; }


/************************************
* mobile
************************************/
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	.color-btn {
        background: #fff;
        display: block;
        font-size: .8em;
        padding: 10px;
        box-shadow: 0 0 31px #000;
        position: relative;
        top: 10px;
        right: auto;
        text-align: left;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  /* Add your Tablet Styles here */

}

@media only screen and (min-width: 1025px) {
  /* Add your Desktop Styles here */

}