/*
Theme Name:     Liquid Media - Divi Child
Theme URI:      http: //liquid.media/
Description:    Child theme for the Divi theme from Elegant Themes
Author URI:     http: //liquid.media/
Template:       Divi
Version:        0.1.001
*/






.gfield input, .gfield textarea, body .ginput_container:not(.ginput_container_multiselect) select {
	border: 0px !important;
	background-color: #f1f1ee !important;
	box-shadow: none !important;
	min-height: 45px !important;
  align-items: center;
}

.gform-field-label {
	font-weight: 400 !important;
	font-size: 1rem !important;
}

.gform_button.button {
	border-radius: 4px;
	border: 1px solid #10303a40 !important;
	background-color: #e4e4dd !important;
	box-shadow: none !important;
	color: #112337 !important;
	text-transform: uppercase !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	font-family: 'poppins' !important;
}

.gform_button.button:hover {
	background-color: #112337 !important;
	color: #fff !important;
	font-weight: 400 !important;
}










/*Text Sizing
 * Blueprint 
 */
h1,h2,h3,h4{
	margin-bottom:0px;
	margin-top: 0px;
	padding-bottom:0px;
}
.title-margin h1, .title-margin h2, .title-margin h3, .title-margin h4{
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom:0px;
}
.margin-bottom h1, .margin-bottom h2, .margin-bottom h3, .margin-bottom h4{
	margin-bottom:15px;
	margin-top: 0px;
	padding-bottom:0px;
}

/*menu styles*/
/*Blueprint*/

/*make menu item unclickable*/
li.unclickable > a {
	pointer-events: none!important;
 	cursor: default!important;
}

/*remove the border and transparency effect divi adds*/

.et_mobile_menu li a {
    border-bottom:0;
}

.et-menu a:hover, .et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: 1!important;
    background-color:transparent!important;
}

/*Two Column Text
 * Blueprint 
 */
@media all and (min-width: 768px){
	.two-column-text{
		column-count: 2;
    	column-gap: 5%;
	}
}

/*Bullet List
 * Blueprint 
 */

body ul, body ol {
	padding: 0 0 0 1.2em!important;
}

ul li, ol li {
	line-height:1.6em;
	margin-bottom:1px;
}

ul li:last-child, ol li:last-child {
	margin-bottom:0;
}

ul li::marker, ol li::marker {
	color: var(--lm-primary-color);
	font-weight:900;
}

/*if you want a unique bullet*/

.special-bullet ul {
	list-style-type:none;
}

.special-bullet ul li {
	position:relative;
}

.special-bullet ul li:before, .special-bullet-long ul li:before {
	color: var(--lm-primary-color);
	font-family: 'ETMODULES';
	content: "\e033";
	font-size:0.8rem;
	line-height:0em;
	font-weight:900;
	position: absolute;
	left:-1.6em;
	top:1.2em;
}

.special-bullet-long ul li {
	margin-bottom: 15px;
}
.special-bullet-long ul li:last-child {
	margin-bottom:0px;
}
.two-column-text.special-bullet ul, .two-column-text.special-bullet-long ul {
	margin-top:0px;
}


/* Converts a bullet list into left aligned or centered list where each item is separated by a pipe */
.flex-list-left ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -25px;
    list-style-type: none;
}
.flex-list-left li {
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: left;
    border-left: 1px solid var(--lm-primary-color);
    background-color: transparent;
}
.flex-list-left, .flex-list-center {
    overflow: hidden;
}
.flex-list-center ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -25px;
    list-style-type: none;
}
.flex-list-center li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid var(--lm-primary-color);
    background-color: transparent;
}

/*G-FORM STYLING*/
/* Style Fields and Text
 * Blueprint
 */
.gform_required_legend{
	display:none;
}
body .et_pb_module .gform_wrapper.gravity-theme input, body .et_pb_module .gform_wrapper.gravity-theme .ginput_container textarea, body .gform_wrapper.gravity-theme .ginput_container select  {
	padding: 20px;
	font-size: 1rem;
	/*border:1px solid var(--lm-primary-color);
	border-radius:6px;*/
}

/* G-Forms Submit Button Styling 
 * Blueprint 
 */
body .gform_wrapper.gravity-theme .gform_button.button, body .gform_wrapper.gravity-theme .gform_next_button.button, body .gform_wrapper.gravity-theme .gform_previous_button.button {
	/*color:;
    font-size: 1rem;
    font-weight: 400!important;
    background-color:;
    border:;
	border-radius:500px;
	padding: 0.3em 1em;
    line-height: 1.7em!important;
    transition: all .3s ease-in-out;
	overflow:visible!Important;*/
}

body .gform_wrapper.gravity-theme .gform_button.button:hover, body .gform_wrapper.gravity-theme .gform_next_button.button:hover, body .gform_wrapper.gravity-theme .gform_previous_button.button:hover {
	/*background-color:;
	border-color:;
    color:var;*/
}

/* Style label above fields text 
 * Blueprint
 */
body .gform_wrapper.gravity-theme .gfield_label {
	font-size:1.1rem;
}
/*Style label below field text
 * Blueprint
 */
body .gform_wrapper.gravity-theme .gfield_header_item, body .gform_wrapper.gravity-theme .gform_fileupload_rules, body .gform_wrapper.gravity-theme .ginput_complex label {
	font-size:0.9rem;
	text-transform: uppercase;
	font-weight: 300;
}

/*Style "Required" asterisk
 * Blueprint
 */
body .gform_wrapper.gravity-theme .gfield_required.gfield_required_asterisk {
    color: var(--lm-primary-color)!important;
    font-weight:900;
}

/* Style dropdown arrow. The not selector keeps it from adding it to list gravity form in a weird place*
 * Blueprint
 */
body .ginput_container:not(.ginput_container_multiselect) select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("/wp-content/uploads/2021/07/dropdown-arrow.png");
	background-repeat: no-repeat;
	background-position: right 15px top 50%;
	/* icon size*/
	background-size: .65em auto, 100%;
}

/*validation error styling*/

/*styling of messages popping up*/
body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_wrapper.gravity-theme .validation_message {
    box-shadow:none;
    padding:20px 30px;
    border-radius: 0px;
    font-size:1rem!important;
	line-height:1.2em;
	/*color:;*/
}

/*override font size of header validation error*/
body .gform_wrapper.gravity-theme h2.gform_submission_error.hide_summary {
	font-size:1rem!important;
	padding-left:24px;
}

/*styling of labels of fields that have not been filled out properly*/
body .gform_wrapper.gravity-theme .gfield_error .gfield_label, body .gform_wrapper.gravity-theme .gfield_error .gfield_header_item, body .gform_wrapper.gravity-theme .gfield_error .gform_fileupload_rules, body .gform_wrapper.gravity-theme .gfield_error .ginput_complex label, body .gfield_error .gfield_radio label, body .gfield_error .ginput_container .gfield_consent_label   {
    /*color:;*/
}

/*progress bar styling*/

body .gform_wrapper.gravity-theme .gf_progressbar.gf_progressbar_blue .gf_progressbar_percentage.percentbar_blue {
    /*background-color:!important;*/
}

body .gform_wrapper.gravity-theme .gf_progressbar.gf_progressbar_blue {
    /*background-color:!important;*/
}


/*END OF G-FORM STYLING*/


/*use object fit cover on an image so we can use an image and have its alt text be accessible to screen readers while still behaving like a BG image*/

.object-fit-cover {
    flex-grow:2;
    height:auto;
    
}

.object-fit-cover .et_pb_image_wrap {
    flex-grow:2;
    display:flex;
}

.object-fit-cover img {
    object-fit:cover;
}

.force-img-width img {
    min-width:100%!important;
}

/*adjust position of an image that is using object-fit*/

.object-fit-cover.top-left img {object-position: top left;}
.object-fit-cover.top-center img {object-position: top center;}
.object-fit-cover.top-right img {object-position: top right;}

.object-fit-cover.center-left img {object-position: center left;}
.object-fit-cover.center-center img {object-position: center;}
.object-fit-cover.center-right img {object-position: center right;}

.object-fit-cover.bottom-left img {object-position: bottom left;}
.object-fit-cover.bottom-center img {object-position: bottom right;}
.object-fit-cover.bottom-right img {object-position: bottom right;}

/*fix broken button icon on button icons that are always visible*/

.fix-button-icon:after {
    right:-1.2rem!important;
}



body #page-container .et_pb_section .menu-preview:hover a.et_pb_button  {
    background:#0F303B!important;
	color:#fff!important;
}