@font-face {
    font-family: 'ElegantIcons';
    src: url('/fonts/ElegantIcons.eot'); /* IE9 Compat Modes */
    src: url('/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/fonts/ElegantIcons.woff') format('woff'), /* Pretty Modern Browsers */
        url('/fonts/ElegantIcons.ttf') format('truetype'), /* Safari, Android, iOS */
        url('/fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* Set LinkedIn class since Divi doesn't have one. */
.et-social-linkedin a.icon:before {
    content: "\e0cb";
}
.piq_hidden_section{
	display:none;
}

@media (min-width: 480px) and (max-width: 979px){
	.piq_force_fullwidth_tablet{
		/* This is to force centering and full width for any columns that are not centered on tablets because it sets up 2 columens*/
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
/**************************************
  *** BEGIN Settings for Fancy ul
  **************************************/
.fancyList ul {
    padding-left: 1em;
}

.fancyList ul li {
    padding-left: 1em;
    padding-right: 1em;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1;
    transition: ease-out 0.2s;
    text-indent: -.3em
}

.fancyList ul li:nth-child(odd) {}

.fancyList ul li::before {
    content: '';
    font-family: ElegantIcons;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    transition: ease-out 0.2s;
    content: '\e031\00FE0E';
    position: relative;
    top: -3px;
    text-indent: -1em;
    left: -.5em;
}

.fancyList ul li:hover {
    padding-left: 2em;
    cursor: default;
    transition: ease-out 0.2s;
}

.fancyList ul li:hover::before {
    content: '\e033\00FE0E';
    font-size: 110%;
}

.fancyList ul li:hover::after {}

.fancyListMultiLine ul li {
    padding-bottom: 15px;
}

@media screen and (max-width:980px) {
    .fancyList ul li {
        padding-left: 0em !important;
        padding-right: 0em !important;
        padding-bottom: 1em;
    }
}

/**************************************
  *** END Settings for Fancy ul
  **************************************/

/**************************************
  *** BEGIN Force Column Order on Mobile and Tablet
  **************************************/

@media all and (max-width: 980px) {

    /*** wrap row in a flex box ***/
    .custom_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        /* Safari 6.1+ */
        flex-wrap: wrap;
    }

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }

    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }

    .third-on-mobile {
        -webkit-order: 3;
        order: 3;
    }

    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }

    /*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }

}

/**************************************
  *** END Force Column Order on Mobile and Tablet
  **************************************/

/**************************************
  *** BEGIN Force Column Number on Mobile and Tablet
  **************************************/

@media (max-width: 980px) {
    .flex-columns .et_pb_row {
        display: flex;
    }

    .flex-columns.twobytwo,
	.flex-columns.threebythree{
        display: flex;
    }

    .flex-columns.twobytwo,
	.flex-columns.threebythree {
        flex-wrap: wrap;
    }

    .flex-columns.twobytwo .et_pb_column {
        width: 50%;
    }
	
    .flex-columns.threebythree .et_pb_column {
        width: 33%;
    }

    .flex-columns.onewide .et_pb_column {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 480px) and (max-width: 979px){
    /* Apply to tablet_only_flex Section */
    .tablet_only_flex .et_pb_row {
    	display: flex;
    }
    /* Apply tablet_only_three to Row */
    .tablet_only_flex .tablet_only_three .et_pb_column  {
        flex-wrap: wrap;
		width: 33%;
		padding: 0 1.5%;
		margin-bottom:0;
    }
    /* Apply tablet_only_three to Row */
    .tablet_only_flex .tablet_only_two .et_pb_column  {
        flex-wrap: wrap;
		width: 45%;
		padding: 0 2.5%;
		margin-bottom:0;
    }
}

@media (max-width: 479px) {
    .flex-columns.twobytwo {
        flex-wrap: wrap;
    }

    .flex-columns.twobytwo .et_pb_column {
        width: 50%;
    }

    .flex-columns.onewide .et_pb_column {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}

/**************************************
  *** END Force Column Number on Mobile and Tablet
  **************************************/

/**************************************
  *** BEGIN Force equal height row divinext blurbs
  **************************************/

/* NOTE FOR ALL: Apply classes to row containing DiviNext blurbs! */

.divinext_blurb_equal .dnxte_blurb,
.divinext_blurb_equal .et_pb_module_inner,
.divinext_blurb_equal .dnxt-blurb-wrapper-outer {
    height: 100%;
}

.divinext_blurb_equal_bottom_align .dnxt-blurb-wrapper {
    justify-content: space-between;
    height: 100%;
}

.divinext_blurb_equal_bottom_align_button .dnxt-blurb-wrapper div:has(div):has(.dnxt-blurb-container) {
    height: 100% !important;
}

.divinext_blurb_equal_bottom_align_button .dnxt-blurb-container,
.divinext_blurb_equal_bottom_align_button .dnxt-blurb-wrapper,
.divinext_blurb_equal_bottom_align_button .dnxt-blurb-wrapper div:has(div):has(.dnxt-blurb-container) {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.divinext_blurb_equal_bottom_align_button .dnxt-button-wrapper {
    margin-top: auto;
}

.divinext_blurb_equal_bottom_align_button .dnxt-blurb-btn {
    width: 100%;
    text-align: center;
}

/**************************************
  *** END Force equal height row divinext blurbs
  **************************************/

/**************************************
  *** BEGIN Modify Default Dropdown Look for Mobile/Desktop/Cross-browser consistency.
  **************************************/
.piq_dropdown select {
    -webkit-appearance: none;
    /*Removes default chrome and safari style*/
    -moz-appearance: none;
    /*Removes default style Firefox*/
}

.piq_dropdown label::after {
    font-family: ElegantIcons;
    content: "\33\00FE0E\00a0 ";
    text-align: right;
    float: right;
}

/**************************************
  *** END Modify Default Dropdown Look for Mobile/Desktop/Cross-browser consistency.
  **************************************/

/**************************************
  *** END Formidable Forms Customizations
  *** These customizations are not readily made in the theme editor built in to Formidable
  **************************************/

.frm_label_float_top label {
    color: #FFFFFF !important;
}

.frm_label_float_top label::after {
    content: "" !important;
}

.whitelabel .form-label,
.whitedescription .frm_description,
.whitelabel .frm_primary_label {
    color: #ffffff !important;
}

.frm_display_format_buttons .frm_radio input[type=radio]:checked+.frm_label_button_container {
    color: #ffffff;
}

.interest_form_disclaimer {
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF
}

.frm_primary_label {
	line-height:1;
}
/**************************************
  *** END Formidable Forms Customizations
  **************************************/

/**************************************
  *** BEGIN Client-specific Customizations
  **************************************/
#dnxte_popup_108{
	background: #dddddd;
    padding: 3rem 5rem;
    /*height: 90vh;*/
    border-radius: 20px;
}

.dnxte_popup_content #page-container{
	box-shadow: none;
}
.dnxte_popup_content{
	margin-top:20vh;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}