/*
Theme Name: Procurement Custom Theme
Theme URI: https://xactlyDesign.com
Template: playground-for-beaver-themer
Author: Xactly Design
Author URI: https://XactlyDesign.com
Description: Custom theme for Getit Local. Uses pbb-theme as it's base.
Tags: custom-logo,custom-menu,featured-images,rtl-language-support,translation-ready
Version: 1.0.3.1608141357
Updated: 2020-12-16 17:55:57

*/

/* == Add your own styles below this line ==
--------------------------------------------*/

/* 
	font-family: 'Montserrat', sans-serif;
	
	COLORS:
	
	RED:		#e72c3f
	DARK RED:	#bf2434
	
 */
 
/* breakpoint highlight */


/* body:after{ content: ''; display: block; width: calc(100% - 8px); height: calc( 100% - 8px ); position: fixed; top: 0; left: 0; border: 4px solid blue; pointer-events: none; z-index: 999999999; }
@media screen and (min-width: 1900px) { body:after{ border-color: cyan; } }
@media screen and (min-width: 961px) and (max-width: 1260px) { body:after{ border-color: green; } }
@media screen and (min-width: 641px) and (max-width: 960px) { body:after{ border-color: yellow; } }
@media screen and (min-width: 321px) and (max-width: 640px) { body:after{ border-color: orange; } }
@media screen and (max-width: 320px) { body:after{ border-color: red; } } */
 
html, body, a, div, span, p, ul, ol, li, img, table, tr, td, form, fieldset, legend, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, dl, li, hr, header, footer, article, section, aside, nav {
	padding: 0;
	margin: 0;
	border:none; 
	text-decoration: none;
	list-style-type: none;
	/*border: 1px solid lime;*/
}

.hidden{
	position: absolute;
	left: -10000px;
	top: auto; 
	overflow:hidden;
}


body{
	font: normal 100.01%/1.525;
	font-size: 1.125em;
	font-weight: 400;
	background: #fff;
	color: #585858;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ink-grid{
	max-width: 1200px;
}

.ink-grid.no-limit{
	max-width: none;
}

.no-pad{
	padding: 0 !important;
}

.no-pad-top{
	padding-top: 0 !important;
}

.no-pad-bottom{
	padding-bottom: 0 !important;
}

.no-pad-left{
	padding-left: 0 !important;
}

.no-pad-right{
	padding-right: 0 !important;
}

.no-margin{
	margin: 0 !important;
}

.no-margin-top{
	margin-top: 0 !important;
}

.no-margin-bottom{
	margin-bottom: 0 !important;
}

.no-margin-left{
	margin-left: 0 !important;
}

.no-margin-right{
	margin-right: 0 !important;
}
.inset-400{
	max-width: 400px;
	margin: 0 auto;
}

.inset-500{
	max-width: 500px;
	margin: 0 auto;
}

.inset-600{
	max-width: 600px;
	margin: 0 auto;
}

.inset-700{
	max-width: 700px;
	margin: 0 auto;
}

.inset-800{
	max-width: 800px;
	margin: 0 auto;
}

.inset-900{
	max-width: 900px;
	margin: 0 auto;
}

.inset-1000{
	margin: 0 auto;
	max-width: 1000px;
}

.inset-1100{
	margin: 0 auto;
	max-width: 1100px;
}

.inset-1200{
	max-width: 1200px;
	margin: 0 auto;
}

.inset-1300{
	margin: 0 auto;
	max-width: 1300px;
}

.fl-col[class^='inset'], 
.fl-col[class*=' inset']{
	float: none;
}

.white-text{
	color: #fff;
}

.light-grey-bkgd{
	background-color: #f2f2f2;
}

.red-bkgd{
	background-color: #e72c3f;
}

.row-1500 .fl-row-fixed-width{
	max-width: 1500px;
}

.z-100{
	position: relative;
	z-index: 100;
}

/* ---------------------------------------------------------------- *\
						UNIVERSAL STYLES
\* ---------------------------------------------------------------- */

p{
	margin-bottom: 1.6rem;
}

a{
	color: #00a99d;
	text-decoration: underline;
	font-weight: 700;
    cursor: pointer;
}

a:hover,
a:focus{
	text-decoration: none;
	color: #125e57;
}

button{
	cursor: pointer;
}


.site .fl-builder-content a.fl-button{
	cursor: pointer;
	font-size: inherit;
	font-weight: inerit;
	display: inline-block;
	text-align: center;
	padding: 12px 16px;
	background-color: #00a99d;
	border: 4px solid #00a99d;
	border-radius: 15px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition: background-color 0.4s, color 0.4s;
	-moz-transition:	background-color 0.4s, color 0.4s;
	-ms-transition: 	background-color 0.4s, color 0.4s;
	-o-transition: 		background-color 0.4s, color 0.4s;
	transition: 		background-color 0.4s, color 0.4s;
}

.site .fl-builder-content a.fl-button .fl-button-text{
	color: inherit;
}

.site .fl-builder-content a.fl-button:hover,
.site .fl-builder-content a.fl-button:focus{
	background-color: #ffffff;
	text-decoration: none;
    color: #00a99d;
	outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

body h1, body h2, body h3, body h4, body h5, body h6{
	margin-bottom:  1.6rem;
	line-height: 1.2em;
	color: #00a99d;
}

body h1{
	font-size: 2.3em;
}

body h2{
	font-size: 1.9em;
}

body h3{
	font-size: 1.5em;
}

body h4{
	font-size: 1.4em;
}

body h5{
	font-size: 1.3em;
}
 
body h6{
	font-size: 1.2em;
}

strong{
	font-weight: 600;	
}

em{
	font-style: italic;	
}

blockquote{
	padding: 15px; 
	border-radius: 6px;
	border: 1px solid #f7f7f7;
	background: #fafafa;
	margin: 0 30px 30px 30px;
	font-size: 0.9em;
}

blockquote p:last-child{
	padding-bottom: 0;
}

hr{
	height: 2px;
	width: 100%;
	display: block;
	margin: 0 auto 1em auto;
	background: #aaa;
}

.center-content{
	text-align: center;
}

.aligncenter{
	display: block;
	margin-left: auto;
	marign-right: auto;
}

/* ---------------------------------------------------------------- *\
						UNIVERSAL STYLES
\* ---------------------------------------------------------------- */

body .main-title h1{
	color: #fff;
}

body .main-title{
	color: #fff !important;
	text-transform: uppercase;
	/*text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
	font-size: 2em;
}

.main-title .first{
	display: block;
	font-size: 1.7em;
	line-height: 1em;
}

.main-title .tilt{
	display: inline-block;
	transform: rotate(20deg) translateY(0.1em) translateX(0.1em)
}

.main-title .second{
	display: block;
	font-size: 2.1em;
	line-height: 1em;
}

.main-title h1 .regular{
	display: block;
	font-weight: 300 !important;
	font-size: 0.75em;
	line-height: 1em;
}

.fl-rich-text li,
.fl-accordion-item li{
	line-height: normal;	
}

.fl-rich-text ul li,
.fl-accordion-item ul li{
	margin-left: 1em;
	list-style-type: disc;	
	border: none;
	margin-bottom: 0.8rem;
	position: relative;
}

.fl-rich-text ol li,
.fl-accordion-item ol li{
	margin-left: 1em;
	list-style-type: decimal;
	border: none;
	margin-bottom: 0.5rem;
}

.fl-rich-text ul, 
.fl-rich-text ol,
.fl-accordion-item ul, 
.fl-accordion-item ol{
	margin-bottom: 1rem;
	padding-left: 1rem;
	overflow: hidden;
}

/* LARGE */
@media screen and (min-width: 993px) {

}
/* MEDIUM */
@media screen and (min-width: 769px) and (max-width: 992px) {
	body .main-title{ font-size: 1.5em; }
}
/* SMALL */
@media screen and (max-width: 768px) {
	body .main-title{ font-size: 4vw; }
}


/* ---------------------------------------------------------------- *\
							FORM FIELDS
\* ---------------------------------------------------------------- */

.column-group{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.all-100{
	width: 100%;
}

.all-75{
	width: 75%
}

.all-50{
	width: 50%;
}

.all-25{
	width: 25%;
}

.column-group.form-group{
	margin: 0 -10px 0 -10px;
}

.field-surround{
	position: relative;
	background: #fff;
	margin: 0 10px 20px 10px;
	border: 4px solid #fff;
	border-radius: 15px;
	-webkit-transition: 	border-color 0.4s;
    -moz-transition: 		border-color 0.4s;
    -ms-transition: 		border-color 0.4s;
    -o-transition: 			border-color 0.4s;
    transition: 			border-color 0.4s;
}

.field-margin{
	margin: 0 10px 20px 10px;
}

.field-surround label,
.field-margin label{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	font-size: 0.9em;
	font-weight: 400;
	color: #4c4c4c !important;
	-webkit-transition: 	transform 0.4s, color 0.4s;
    -moz-transition: 		transform 0.4s, color 0.4s;
    -ms-transition: 		transform 0.4s, color 0.4s;
    -o-transition: 			transform 0.4s, color 0.4s;
    transition: 			transform 0.4s, color 0.4s;
	transform-origin: top left;
}

.field-surround.above label,
.field-margin.above label{
	position: static;
	display: block;
	color: #353535 !important;
}

.field-surround label.out{
	transform: translateY(-8px) scale(0.6);
	color: #444 !important;
}

.field-group{
	position: relative;
	padding: 0;
	margin: 0 10px 20px 10px;
}

.field-surround:focus{
	border-color: #bbb;
}

.field-surround:focus-within{
	border-color: #bbb;
}

.field-group legend,
.field-group .label{
	position: static;
	display: block;
	margin-bottom: 10px;
	font-size: 0.9em;
	font-weight: 300;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=search],
textarea,
.psudeo-field{
	text-align: left;
	position: relative;
	z-index: 5;
	font-size: 0.8em;
	font-family: inherit;
	color: #000;
	font-weight: 400;
	padding: 16px 8px 8px 8px;
	background: transparent;
	letter-spacing:inherit;
	border: none;
}

.grey-form-fields .field-surround{
	background: #f2f2f2;
}

textarea{
	height: 150px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus{
	outline: none;
}

select{
	-moz-appearance: none;
	-webkit-appearance: none;
	
	border: none;
	border-radius: 4px;
	font-size: 0.8em;
	font-family: inherit;
	color: #555;
	font-weight: 400;
	padding: 16px 8px 8px 8px;
	background: #fff url(/wp-content/themes/images/select-arrow.png) 98.5% 45% no-repeat;
	outline: none;border: 4px solid #fff;
	border-radius: 15px;
	-webkit-transition: 	border-color 0.4s;
    -moz-transition: 		border-color 0.4s;
    -ms-transition: 		border-color 0.4s;
    -o-transition: 			border-color 0.4s;
    transition: 			border-color 0.4s;
}
select > option{
	background: #fff;
}

select:focus,
select:hover{
	outline: none;
	border-color: #bbb;
}

input[type=submit]{
	cursor: pointer;
	font-size: inherit;
	font-weight: inerit;
	display: inline-block;
	text-align: center;
	padding: 12px 16px;
	background-color: #00a99d;
	border: 4px solid #00a99d;
	border-radius: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition: background-color 0.4s, color 0.4s;
	-moz-transition:	background-color 0.4s, color 0.4s;
	-ms-transition: 	background-color 0.4s, color 0.4s;
	-o-transition: 		background-color 0.4s, color 0.4s;
	transition: 		background-color 0.4s, color 0.4s;
}

input[type=submit]:hover,
input[type=submit]:focus{
	background-color: #fff;
	text-decoration: none;
    color: #00a99d;
	outline: none;
}

.wpcf7[role=form]{
	margin: 0 -10px;
}

.wpcf7-checkbox .wpcf7-list-item{
	display: inline-block; 
	margin: 3px;
}

.wpcf7-checkbox .wpcf7-list-item-label{
	display: inline;
	margin: 10px;
	vertical-align: baseline;
	font-size: 0.8em;
}


.ajax-loader{
	margin-top: -8px !important;
	right: -20px;
}

.recaptcha{
	padding-bottom: 15px;
	display: inline-block;
}

.form-phone{
	font-size: 1.5em;
	font-style: italic;
}

span.wpcf7-not-valid-tip{
	background: #e6e6e6;
	display: block;
	padding: 5px 10px;
	font-family: inherit;
	font-size: 0.7em !important;
	color: #bf2434 !important;
	border-radius:  0 0 10px 10px;
}

div.wpcf7-response-output{
	background: #e6e6e6;
	display: block;
	margin: 0 !important;
	font-family: inherit;
	font-size: 0.7em !important;
	color: #bf2434 !important;
	border: none !important;
	border-radius:  10px !important;
	padding: 5px 10px !important;
	margin-bottom: 20px !important;
}

div.wpcf7-response-output.wpcf7-validation-errors{
	padding: 5px !important;
	margin: 20px 10px 0 10px !important;
	font-weight: normal;
}

div.wpcf7-response-output.wpcf7-mail-sent-ok{
	padding: 5px !important;
	margin: 20px 10px 0 10px !important;
	background: #e6e6e6;
	color: #023000 !important;
	font-weight: normal;
}

form p{
	margin: 0;	
}

form .button:before,
form .button:after{
	border-color: #e3d9d1;
}

.searchform-box{
	position: relative;	
}

.searchform-field,
.searchform-button{
	display: inline-block;
	width: 100%;
	max-width: 320px;
	vertical-align: top;
	margin-bottom: 15px;
}

.no-show{
	width: 0;
	height: 0;
	display:  block;
	overflow: hidden;
}

.center-content{
	text-align: center;
}

.skip-link{
	position: absolute;
	left: 100px;
	top: 0;
	z-index: 700;
	transform: translateY(-100px);
	-webkit-transition: 	transform 0.3s;
    -moz-transition: 		transform 0.3s;
    -ms-transition: 		transform 0.3s;
    -o-transition: 			transform 0.3s;
    transition: 			transform 0.3s;
	display: inline-block;
	padding: 5px;
	background: rgba(255,255,255,0.9);
}

.skip-link:focus{
	transform: translateY(0)
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

.grecaptcha-badge {
    display: none;
}

.recaptcha-message{
	color: #666;
	font-size: 0.8em;
}

.recaptcha-message a{
	color: #666;
}

/* LARGE */
@media screen and (min-width: 993px) {
	
}
/* MEDIUM */
@media screen and (min-width: 769px) and (max-width: 992px) {
	
}
/* SMALL */
@media screen and (max-width: 768px) {
	.all-50, .all-75, .all-25{ width: 100%; }
}