/*
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
*/

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../Divi-Child/fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../Divi-Child/fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../Divi-Child/fonts/montserrat-v31-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Divi-Child/fonts/roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../Divi-Child/fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../Divi-Child/fonts/roboto-v51-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*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;
}

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 {
	border-radius: 10px !important;
}

body .gform_wrapper.gravity-theme .gfield_header_item, body .gform_wrapper.gravity-theme .gform_fileupload_rules, body .gform_wrapper.gravity-theme .ginput_complex label {
	display: none;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
	height: 150px !important;
}



/* 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;
}

.hover-black:hover,
.hover-black:hover * {
    color: #101011 !important;
}


/* 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 {
    background-color: var(--gcid-primary-color);
    font-weight: 500;
    color: var(--gcid-lb5xwb5qir) !important;
    font-size: 1rem !important;
    line-height: 1.8em !important;
    min-height: 55px;
		min-width: 125px;
    border-radius: 10px;
    border-width: 0px;
    border-color: #333;
    border-style: solid;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
	cursor: pointer;
}

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;
}

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 {
	border-radius: 10px !important;
}

body .gform_wrapper.gravity-theme .gfield_header_item, body .gform_wrapper.gravity-theme .gform_fileupload_rules, body .gform_wrapper.gravity-theme .ginput_complex label {
	display: none;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
	height: 150px !important;
}

.gform_validation_errors, .gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
	border-radius: 10px !important;
}
/* 2026-10-20 (Liquid Media): buttons keep the arrow beside the text on tablet and phone, as on desktop.
   The site's default Layout group preset ("Layout 1", made for rows) sets flex-direction: column at 980px and
   below, and every button inherits it. The button presets only set row on desktop and Divi prints them before the
   group default, so a preset setting can't win; this rule (higher specificity) restores the row for buttons only. */
@media only screen and (max-width: 980px) {
	body .et_pb_button.preset--group--divi-button--divi-layout--default {
		flex-direction: row;
		--flex-direction: row;
	}
}

/* 2026-10-20 (Liquid Media): same cause as the button rule above — the default Layout group preset ("Layout 1", made for
   rows) stacks icon list items at 980px and below, putting the icon above its text. Keep icon and text side by side. */
@media only screen and (max-width: 980px) {
	body .et_pb_icon_list_item.preset--group--divi-icon-list-item--divi-layout--default {
		flex-direction: row !important;   /* Divi prints the default layout's column with !important for icon list items */
		--flex-direction: row !important;
	}
}