/*
Theme Name: Push Button Child Theme
Theme URI: https://thinkpb.com
Version: 1.0
Description: Push Button Web Design theme framework.
Author: Push Button Web Design
Author URI: https://thinkpb.com
template: bb-theme
*/

:root {
	--fs-heading-1: clamp(2.5rem, 1.5217rem + 3.2609vw, 4.375rem);
	--fs-heading-2: clamp(1.625rem, 1.2989rem + 1.087vw, 2.25rem);
	--fs-heading-3: clamp(1.25rem, 0.8587rem + 1.3043vw, 2rem);
	--fs-heading-4: clamp(1.125rem, 1.0598rem + 0.2174vw, 1.25rem);
	--fs-heading-5: clamp(1rem, 0.9348rem + 0.2174vw, 1.125rem);
	--fs-heading-6: clamp(0.875rem, 0.8098rem + 0.2174vw, 1rem);
	--sm-body-text: clamp(1rem, 0.9348rem + 0.2174vw, 1.125rem);
	--button-text: clamp(1rem, 0.8696rem + 0.4348vw, 1.25rem);
}

h1,
.fs-heading-1 h1
.fs-heading-2 h1
.fs-heading-3 h1 {
	font-size: var(--fs-heading-1);
}
h2,
.fs-heading-1 h2
.fs-heading-2 h2
.fs-heading-3 h2
.fs-heading-4 h2 {
	font-size: var(--fs-heading-2);
}
h3,
.fs-heading-1 h3
.fs-heading-2 h3
.fs-heading-3 h3
.fs-heading-4 h3{
	font-size: var(--fs-heading-3);
}
h4,
.fs-heading-1 h4
.fs-heading-2 h4
.fs-heading-3 h4 {
	font-size: var(--fs-heading-4);
}
h5,
.fs-heading-5 {
	font-size: var(--fs-heading-5);
}
h6,
.fs-heading-6 {
	font-size: var(--fs-heading-6);
}
body {
	font-size: var(--sm-body-text);
}
/* Add your custom styles here... */ 
html {font-size: 100% !important;}
h1, h2, h3, h4, h5, h6{margin-top: 0;}
p{margin-bottom: 20px;}
p:last-child{margin-bottom: 0;}
a {outline: none;text-decoration: none;}
a, a:before, a:after {
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
a:hover {text-decoration: underline;}
a, a:link, a:hover, a:active, a:focus, a:visited:link {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
::-webkit-input-placeholder { opacity: 1; } /* Chrome/Opera/Safari */
::-moz-placeholder { opacity: 1; } /* firefox 19+ */
:-ms-input-placeholder { opacity: 1; filter:alpha(opacity=100); } /* IE 10+ */
input:-moz-placeholder { opacity: 1; }

/* Gravity Form */
textarea{padding: 20px !important;}
div.gform_wrapper .gform_footer{display: block !important;}
div.gform_wrapper .gform_button{
	color: #1c1f1c !important;
    background-color: #fcba63 !important;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
	padding: 12px 24px;
	border: 0 !important;
	border-radius: 0 !important;
}
div.gform_wrapper .gform_button:hover {
	color: #fff !important;
    background: #1c1f1c !important;
}
div.gform_wrapper .gsection_title{margin-bottom: 0;}
div.gform_wrapper .gfield_label{border: 0;line-height: 1 !important;}

/* Buttons */
.uabb-button, .fl-button, .pp-button, div.gform_wrapper .gform_button {
    font-size: var(--button-text) !important;
    outline: 1px solid #eaae5c !important;
    outline-offset: 2px;
}
.uabb-button:hover, .fl-button:hover, .pp-button:hover,div.gform_wrapper .gform_button:hover {
	outline-color: #1d1d1d !important;
}
/* Useful Classes */
.md-show{display: none !important;}
.sm-show{display: none !important;}
.list-none{list-style: none;padding: 0;}
ol.column-2, ul.column-2{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
ol.column-3, ul.column-3{
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}
ol.column-2 li, ul.column-2 li,
ol.column-3 li, ul.column-3 li{padding-right: 20px;}

/* Header */
.menu-button a{
	background-color: #3e7664;
	font-weight: 700 !important;
	padding: 0 20px !important;
	display: inline-block;
	letter-spacing: 1px;
	line-height: 56px;
	min-width: 260px;
	text-align: center;
}
.menu-button a span{color: #fff !important;}
.menu-button a:hover{background-color: #000000;}

.header-menu .uabb-creative-menu li:first-child a {
    padding-left: 20px !important;
}
.header-menu .uabb-creative-menu li:last-child a {
	padding-right: 0 !important;
}

.testimonials.current-menu-item a span {
	color: #ffffff !important;
}
.testimonials.current-menu-item a span:hover {
	color: #fcba63;
}
/* Homepage */
.sellers-box .pp-infobox-title-wrapper, 
.sellers-box .pp-infobox-description {
    padding: 0 20px;
}
.sellers-box .pp-infobox-description {
	padding-bottom: 30px;
}
.testimonials .bx-wrapper {
	margin: 0 auto;
}
.testimonials .uabb-testimonials .uabb-testimonial {
	background: #ffffff;
	padding: 30px 60px;
	border-radius: 5px;
}
.testimonials .bx-prev i, 
.testimonials .bx-next i {
	background: #ffffff;
	color: #fcba63;
}
/* Footer */


/*** Responsive Styles ***/
@media(max-width: 1400px){}
@media(max-width: 1200px){}
@media(min-width: 1201px) and (max-width: 1400px){}
@media(max-width: 992px){
	/* Useful Classes */
	.md-show{display: block !important;}
	.md-br-none br{display: none !important;}
	
	/* Homepage */
	
	/* Innerpage */
	
	/* Footer */
}
@media(max-width: 768px){
	/* Useful Classes */
	.sm-show{display: block !important;}
	ol.column-3, ul.column-3{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.testimonials .uabb-testimonials .uabb-testimonial {
		padding: 20px;
	}
}
@media(max-width: 480px){
	ol.column-2, ul.column-2,
	ol.column-3, ul.column-3{
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}
