/**
 *  Theme Name:     Huron County Library - Divi Child Theme
 *  Theme URI:      https://www.elegantthemes.com/gallery/divi/
 *  Description:    Huron County Library - Divi Child Theme
 *  Author:         County of Huron
 *  Author URI:     https://www.huroncountylibrary.ca
 *  Template:       Divi
 *  Version:        0.0.1
 **/


/* =====================================================
   Grid system
   ===================================================== */

.line {
	margin-left: -10px;
	margin-right: -10px;
}

.line:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.line.margin-bottom .unit {
	position: relative;
}

.line.margin-bottom .unit:after {
	content: " ";
	width: 100%;
	height: 20px;
	bottom: 0;
	left: 0;
	display: block;
}

.line.margin-bottom .unit>.line {
	margin-bottom: -20px;
}

.unit {
	float: left;
	padding: 0 10px;
	min-height: 1px;
}

.size1of1,
.size1of2,
.size2of2,
.size1of3,
.size2of3,
.size3of3,
.size1of4,
.size2of4,
.size3of4,
.size4of4,
.size1of5,
.size2of5,
.size3of5,
.size4of5,
.size5of5,
.size1of6,
.size2of6,
.size3of6,
.size4of6,
.size5of6,
.size6of6,
.size1of7,
.size2of7,
.size3of7,
.size4of7,
.size5of7,
.size6of7,
.size7of7,
.size1of8,
.size2of8,
.size3of8,
.size5of8,
.size6of8,
.size7of8,
.size8of8 {
	width: 100%;
}

@media (min-width: 861px) {

	.size1of1 {
		width: 100%;
	}

	.size1of2 {
		width: 50%;
	}

	.size1of3 {
		width: 33.333%;
	}

	.size2of3 {
		width: 66.666%;
	}

	.size1of4 {
		width: 25%;
	}

	.size2of4 {
		width: 50%;
	}

	.size3of4 {
		width: 75%;
	}


	.size1of5 {
		width: 20%;
	}


	.size2of5 {
		width: 40%;
	}


	.size3of5 {
		width: 60%;
	}


	.size4of5 {
		width: 80%;
	}


	.size1of6 {
		width: 16.6666666667%;
	}


	.size2of6 {
		width: 33.333%;
	}


	.size3of6 {
		width: 50%;
	}


	.size4of6 {
		width: 66.6666666667%;
	}


	.size5of6 {
		width: 83.333%;
	}


	.size1of7 {
		width: 14.285714%;
	}


	.size2of7 {
		width: 28.571429%;
	}


	.size3of7 {
		width: 42.857143%;
	}


	.size4of7 {
		width: 57.142857%;
	}


	.size5of7 {
		width: 71.428571%;
	}


	.size6of7 {
		width: 85.714286%;
	}


	.size1of8 {
		width: 12.5%;
	}


	.size2of8 {
		width: 25%;
	}


	.size3of8 {
		width: 37.5%;
	}


	.size4of8 {
		width: 50%;
	}


	.size5of8 {
		width: 62.5%;
	}


	.size6of8 {
		width: 75%;
	}


	.size7of8 {
		width: 87.5%;
	}
}

@media (min-width: 861px) and (max-width: 1200px) {


	.lg-size1of2 {
		width: 50%;
	}


	.lg-size1of3 {
		width: 33.333%;
	}


	.lg-size2of3 {
		width: 66.666%;
	}


	.lg-size1of4 {
		width: 25%;
	}


	.lg-size2of4 {
		width: 50%;
	}


	.lg-size3of4 {
		width: 75%;
	}


	.lg-size1of5 {
		width: 20%;
	}


	.lg-size2of5 {
		width: 40%;
	}


	.lg-size3of5 {
		width: 60%;
	}


	.lg-size4of5 {
		width: 80%;
	}


	.lg-size1of6 {
		width: 16.6666666667%;
	}


	.lg-size2of6 {
		width: 33.333%;
	}


	.lg-size3of6 {
		width: 50%;
	}


	.lg-size4of6 {
		width: 66.6666666667%;
	}


	.lg-size5of6 {
		width: 83.333%;
	}


	.size1of7 {
		width: 14.285714%;
	}


	.size2of7 {
		width: 28.571429%;
	}


	.size3of7 {
		width: 42.857143%;
	}


	.size4of7 {
		width: 57.142857%;
	}


	.size5of7 {
		width: 71.428571%;
	}


	.size6of7 {
		width: 85.714286%;
	}


	.lg-size1of8 {
		width: 12.5%;
	}


	.lg-size2of8 {
		width: 25%;
	}


	.lg-size3of8 {
		width: 37.5%;
	}


	.lg-size4of8 {
		width: 50%;
	}


	.lg-size5of8 {
		width: 62.5%;
	}


	.lg-size6of8 {
		width: 75%;
	}


	.lg-size7of8 {
		width: 87.5%;
	}
}

@media (min-width: 481px) and (max-width: 860px) {


	.sm-size1of2 {
		width: 50%;
	}


	.sm-size1of3 {
		width: 33.333%;
	}


	.sm-size2of3 {
		width: 66.666%;
	}


	.sm-size1of4 {
		width: 25%;
	}


	.sm-size2of4 {
		width: 50%;
	}


	.sm-size3of4 {
		width: 75%;
	}


	.sm-size1of5 {
		width: 20%;
	}


	.sm-size2of5 {
		width: 40%;
	}


	.sm-size3of5 {
		width: 60%;
	}


	.sm-size4of5 {
		width: 80%;
	}


	.sm-size1of6 {
		width: 16.6666666667%;
	}


	.sm-size2of6 {
		width: 33.333%;
	}


	.sm-size3of6 {
		width: 50%;
	}


	.sm-size4of6 {
		width: 66.6666666667%;
	}


	.sm-size5of6 {
		width: 83.333%;
	}


	.size1of7 {
		width: 14.285714%;
	}


	.size2of7 {
		width: 28.571429%;
	}


	.size3of7 {
		width: 42.857143%;
	}


	.size4of7 {
		width: 57.142857%;
	}


	.size5of7 {
		width: 71.428571%;
	}


	.size6of7 {
		width: 85.714286%;
	}


	.sm-size1of8 {
		width: 12.5%;
	}


	.sm-size2of8 {
		width: 25%;
	}


	.sm-size3of8 {
		width: 37.5%;
	}


	.sm-size4of8 {
		width: 50%;
	}


	.sm-size5of8 {
		width: 62.5%;
	}


	.sm-size6of8 {
		width: 75%;
	}


	.sm-size7of8 {
		width: 87.5%;
	}
}

@media (max-width: 480px) {


	.xs-size1of2 {
		width: 50%;
	}


	.xs-size1of3 {
		width: 33.333%;
	}


	.xs-size2of3 {
		width: 66.666%;
	}


	.xs-size1of4 {
		width: 25%;
	}


	.xs-size2of4 {
		width: 50%;
	}


	.xs-size3of4 {
		width: 75%;
	}


	.xs-size1of5 {
		width: 20%;
	}


	.xs-size2of5 {
		width: 40%;
	}


	.xs-size3of5 {
		width: 60%;
	}


	.xs-size4of5 {
		width: 80%;
	}


	.xs-size1of6 {
		width: 16.6666666667%;
	}


	.xs-size2of6 {
		width: 33.333%;
	}


	.xs-size3of6 {
		width: 50%;
	}


	.xs-size4of6 {
		width: 66.6666666667%;
	}


	.xs-size5of6 {
		width: 83.333%;
	}


	.size1of7 {
		width: 14.285714%;
	}


	.size2of7 {
		width: 28.571429%;
	}


	.size3of7 {
		width: 42.857143%;
	}


	.size4of7 {
		width: 57.142857%;
	}


	.size5of7 {
		width: 71.428571%;
	}


	.size6of7 {
		width: 85.714286%;
	}


	.xs-size1of8 {
		width: 12.5%;
	}


	.xs-size2of8 {
		width: 25%;
	}


	.xs-size3of8 {
		width: 37.5%;
	}


	.xs-size4of8 {
		width: 50%;
	}


	.xs-size5of8 {
		width: 62.5%;
	}


	.xs-size6of8 {
		width: 75%;
	}


	.xs-size7of8 {
		width: 87.5%;
	}
}


.line.line-xs {
	margin-left: 0;
	margin-right: 0;
}


.line.line-xs .line {
	margin-left: 0;
	margin-right: 0;
}


.line.line-xs .unit {
	padding: 0;
}


.line.line-xs.margin-bottom .unit:after {
	content: " ";
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
	display: block;
}


.line.line-xs.margin-bottom .unit>.line {
	margin-bottom: -10px;
}

/* ========================================================
   Global forms
   ======================================================== */

form {
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5em;
}

/* line 11, ../sass/components/_forms.scss */
form .g-disabled, form .g-disabled * {
	opacity: .5 !important;
	cursor: not-allowed !important;
}

/* line 18, ../sass/components/_forms.scss */
.g-error-state input,
.wpcf7-not-valid {
	border: 1px solid #cd0a0a;
}

/* line 20, ../sass/components/_forms.scss */

.g-error-state input:focus,
.wpcf7-not-valid:focus {
	border: 1px solid #cd0a0a;
}

/* line 24, ../sass/components/_forms.scss */

.g-error-state p,
span.wpcf7-not-valid-tip {
	color: #cd0a0a !important;
}


/* line 31, ../sass/components/_forms.scss */
.g-form-group {
	margin-bottom: 20px;
}

/* line 35, ../sass/components/_forms.scss */
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	margin-top: 0;
	color: #3D4347;
}

/* line 46, ../sass/components/_forms.scss */
.g-hidden-labels label {
	display: none;
}

/* line 50, ../sass/components/_forms.scss */
.g-hidden-labels.g-inline-form .g-form-control {
	margin-left: 0;
}

/* line 58, ../sass/components/_forms.scss */
.g-inline-form .g-form-control {
	display: inline-block;
	width: auto;
	margin: 0 10px 0 5px;
	vertical-align: middle;
}

/* line 64, ../sass/components/_forms.scss */
.g-inline-form .g-form-group {
	display: inline-block;
}

/* line 67, ../sass/components/_forms.scss */
.g-inline-form .g-radio-heading, 
.g-inline-form .g-checkbox-heading, 
.g-inline-form .g-radio-container .g-radio {
	display: inline;
}

/* line 70, ../sass/components/_forms.scss */
.g-inline-form .g-radio-heading, 
.g-inline-form .g-checkbox-heading {
	margin-right: 5px;
}

/* line 73, ../sass/components/_forms.scss */
.g-inline-form .g-checkbox input[type=checkbox]+label, .g-inline-form .g-radio-container .g-radio-label {
	display: inline-block;
	margin-right: 10px;
}

/* line 78, ../sass/components/_forms.scss */
.g-inline-form .g-input-btn .g-btn {
	margin-right: 10px;
}

/* line 86, ../sass/components/_forms.scss */
.g-form-horizontal .g-form-group, 
.g-form-horizontal .g-radio-container .g-radio-label {
	display: block;
	text-align: left;
	margin-top: 0;
}

/* line 92, ../sass/components/_forms.scss */
.g-form-horizontal .g-inline-form .g-radio-container .g-radio-label, .g-form-horizontal .g-inline-form .g-checkbox input[type=checkbox]+label {
	display: inline;
}

/* line 96, ../sass/components/_forms.scss */
.g-form-horizontal label, 
.g-form-horizontal .g-radio-heading, 
.g-form-horizontal .g-checkbox-heading {
	text-align: right;
	display: block;
	margin-top: 1px;
	padding-right: 5px;
}

@media (max-width: 860px) {

	/* line 96, ../sass/components/_forms.scss */
	.g-form-horizontal label, 
	.g-form-horizontal .g-radio-heading, 
	.g-form-horizontal .g-checkbox-heading {
		text-align: left;
	}
}

/* line 105, ../sass/components/_forms.scss */
.g-form-horizontal label {
	margin-top: 9px;
}

/* line 108, ../sass/components/_forms.scss */
.g-form-horizontal .g-checkbox label, 
.g-form-horizontal .g-radio label {
	text-align: left;
}

/* line 114, ../sass/components/_forms.scss */
#et-boc .et-l .g-form-control,
.g-form-control {
	display: block;
	width: 100%;
	padding: 6px 10px 4px;
	min-height: 36px;
	font-size: 15px;
	line-height: 21px;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #3d4347;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* line 128, ../sass/components/_forms.scss */
.g-form-control:focus {
	border-color: rgba(16, 43, 73, 0.8);
	/* outline: 0; */
	-webkit-box-shadow: 0 0 3px rgba(16, 43, 73, 0.8);
	box-shadow: 0 0 3px rgba(16, 43, 73, 0.8);
}

/* line 134, ../sass/components/_forms.scss */
.g-form-control ::-webkit-input-placeholder,
.g-form-control :-moz-placeholder,
.g-form-control ::-moz-placeholder,
.g-form-control :-ms-input-placeholder {
	color: #555555;
	font-style: italic;
}


/* line 138, ../sass/components/_forms.scss */
.g-form-control:disabled, 
.g-form-control .g-disabled {
	opacity: .5;
	cursor: not-allowed;
}

/* line 145, ../sass/components/_forms.scss */
select.g-form-control {
	padding-right: 50px;
	font-weight: normal;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: url(/wp-content/themes/divi-child/img/dropdown-arrows.png) no-repeat right #ffffff;
	cursor: pointer;
}

@-moz-document url-prefix() {

	/* line 161, ../sass/components/_forms.scss */
	select.g-form-control {
		padding-top: 9px;
	}
}

/* line 167, ../sass/components/_forms.scss */
select.g-form-control::-ms-expand {
	display: none;
}

/* line 175, ../sass/components/_forms.scss */
.g-checkbox input[type=checkbox] + label {
	position: relative;
	line-height: 15px;
	cursor: pointer;
	font-weight: normal;
	display: inline-block;
	margin: 0 0 5px;
	color: #555555;
	/* -- */
	position: relative;
	font-weight: normal;
	line-height: 25px;
	margin: 1px 0 4px 10px;
	padding: 3px 10px 3px 10px;
}

/* line 221, ../sass/components/_forms.scss */
.g-radio-heading, 
.g-checkbox-heading {
	margin-bottom: 5px;
	margin-top: 0;
	color: #3D4347;
	display: inline-block;
}

/* line 231, ../sass/components/_forms.scss */
.g-radio-container label {
	color: #5B6267;
}

@media (max-width: 860px) {
	/* line 231, ../sass/components/_forms.scss */
	.g-radio-container label {
		font-size: 15px;
	}
}

/* line 241, ../sass/components/_forms.scss */
.g-radio-container .g-radio, 
.g-radio-container .g-radio-label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

/* line 246, ../sass/components/_forms.scss */
.g-radio-container .g-radio-label,
.g-radio-container .wpcf7-list-item > label {
	position: relative;
	font-weight: normal;
	line-height: 25px;
	margin: 1px 0 4px 10px;
	padding: 3px 10px 3px 10px;
}

.g-radio-container .g-radio:focus + .g-radio-label,
.g-checkbox .g-radio:focus + .g-radio-label,
.g-checkbox input[type=radio]:focus .wpcf7-list-item label {
	outline: 1px dashed #555555;
	padding: 3px 10px 3px 10px;
}

.g-font-bold,
label,
.g-radio-heading,
.g-checkbox-heading,
.g-panel.g-lg-panel .g-panel-heading,
.g-panel.g-lg-panel.g-event-panel .g-head {
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 600;
}


.g-radio-container span.wpcf7-list-item {
	margin: 0;
	display: block;
}

.g-inline-form .g-radio-container span.wpcf7-list-item {
	display: inline-block;
}

.g-radio-container p {
	margin: 0;
}

.g-fullwidth {
	width: 100%;
	display: block;
}

.g-block {
	display: block;
}

.g-file-upload {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
}

.wpcf7-repeater-item {
	padding: 0;
	background-color: initial;
	margin-bottom: 20px;
	position: relative;
}

.wpcf7-repeater-item .wpcf7-repeater-actions {
	position: absolute;
	top: 0;
	right: 0;
}

.et-db #et-boc .et-l .et_pb_module .has-free-text input.wpcf7-free-text {
	margin: 10px;
}

#et-boc .et-l div.g-form-group {
	margin-bottom: 20px !important;
}

/* From theme builder options */

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding: 0!important;
}

/* #main-header {
    border-bottom: 6px solid #deb406;
} */

#main-header a {
	text-decoration: none !important;
}


/** Google Recaptcha v3 styling to remove badge and format text aobve submit buttons **/

.grecaptcha-badge { 
	opacity: 0 !important;
}



.small-icon:nth-child(2) {
	margin: 0 0 0 20px;
}

.et_pb_fullwidth_slider_0 .et-pb-slider-arrows .et-pb-arrow-prev,
.et_pb_fullwidth_slider_0 .et-pb-slider-arrows .et-pb-arrow-next,
.et_pb_slider[data-active-slide="et_pb_slide_0"] .et-pb-slider-arrows .et-pb-arrow-prev,
.et_pb_slider[data-active-slide="et_pb_slide_0"] .et-pb-slider-arrows .et-pb-arrow-next {
	color: #fff;
	background-color: #2a6ebb;
	border-radius: 5px;
}

/* Add gold bar under main menu */
.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu {
    border-bottom: 6px solid #deb406;
}


.et_pb_post a.more-link {
    color: #fff;
	background: #2a6ebb;
	border: 2px solid #2a6ebb;
	padding: .4em 1em;
	margin-top: 20px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	font-family: "open sans", arial, sans-serif;
	font-weight: darker;
}

.et_pb_post .more-link:hover:after {
	content: "\e035";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 10px;
} 

/* My Account menu item */
#top-menu li.hcl-my-account a {
	color: #fff !important;
	padding: 10px;
	background: #2a6ebb !important;
}

.et_header_style_left #et-top-navigation nav > ul > li.hcl-my-account > a {
    padding-bottom: 10px;
}

@media only screen and (min-width: 981px) {
	.et-fixed-header #top-menu li.hcl-my-account a {
		color: #fff !important;
		padding: 10px;
	}

	.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.hcl-my-account > a, 
	.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li.hcl-my-account > a {
		padding-bottom: 10px;
	}
}

a:hover {
	text-decoration: underline !important;
}

@media screen and (min-width: 981px) {
    .menu-2-column > ul {
        width: 500px !important;
    }

    .menu-2-column > ul > li {
        width: 50% !important;
        float: left !important;
    }
}

/* fix underline on slider handles */
.et-pb-arrow-prev, 
.et-pb-arrow-prev:hover,
.et-pb-arrow-next,
.et-pb-arrow-next:hover {
	text-decoration: none !important;
}

a[class*="g-btn"], #et-boc .et-l a[class*="g-btn"], a[class*="wpcf7cf_add"], a[class*="wpcf7cf_remove"]
div.fileUpload.g-btn, button[class*="g-btn"], button[class*="wpcf7cf_add"], button[class*="wpcf7cf_remove"], input[class*="g-btn"], label[class*="g-btn"] {
    display: inline-block;
    padding: 10px 18px 10px;
    margin-bottom: 0;
    font-size: 13px;
    font-family: "open sans", sans-serif;
    line-height: 13px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #00477f;
    border: 1px solid #00477f;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none;
    /* outline: none; */
    height: 36px;
}

/** Contract Form 7 within Divi adjustments **/
form.wpcf7-form.init h2, form.wpcf7-form.init h3 {
	padding: 30px 0 30px 0;
}

button[class*="wpcf7cf_remove"] {
    background-color: #C35400;
    border: 1px solid #C35400;
    color: #fff;
}

/* Set Post Content module containing row to 100% width */
@media (min-width: 981px) {
	.et-db #et-boc .et-l .et_pb_row {
		width: 100% !important;
		max-width: 1080px;
		margin: auto;
		position: relative;
	}

	.et-db #et-boc .et-l .et_pb_row {
		width: 100% !important;
		max-width: 1080px;
		margin: auto;
		position: relative;
	}
}

/* Job Meta formatting */
.coh-meta {
	width: 100%;
	padding: 2px;
	border-radius: 4px;
	border: 0px solid #deb407;
	color:rgba(16, 43, 73, 1);
	font-size: 14px;
}

.coh-meta span {
	border: 1px solid #deb407;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 12px 12px 0 0;
	display: inline-block
}

.coh-meta span strong {
	font-weight: 600;
}

@media (min-width: 981px) {
	.coh-meta {
		width: 100%;
	}
}

/* meta formatting for job, news, and tender posts */
h4.coh-meta-department,
h4.coh-meta-ad-type,
h4.coh-meta-closing-date,
h4.coh-meta-internal {
	margin: 10px 0 0 0;
	padding: 0;
}

h4.coh-meta-department {
	margin-top: 0;
}

div.et_pb_post_content div.et_pb_section_0 > div.et_pb_row_0 {
	padding-top: 0 !important;
}


/* Home Page Significant Weath Alert widget */
.g-alert-container {
	position: relative;
	width: 100%;
	background-color: #A42828;
	padding: 0 10px
}

.g-homepage-alert {
	z-index: 20;
	position: relative;
	padding: 10px 35px 10px 0;
	max-width: 1080px;
	margin: auto;
	color: #fff;
	line-height: 28px;
	font-family: arial;
}

.g-homepage-alert h1 {
	color: #fff;
	margin: 10px 0 10px 0;
	font-size: 1em;
	font-weight: bold;
	display: inline;
}

.g-homepage-alert p {
	padding: 0;
	margin: 0;
	display: inline;
	
}

.g-homepage-alert h1:after  {
	content: " - ";
}

.g-alert-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font: normal normal normal 14px/1 'Dashicons';
	padding: 1px;
	cursor: pointer;
	line-height: 1;
	color: #A42828;
	border: 1px solid white;
	border-radius: 2px;
}


@media (max-width: 613px) {
	.g-env-details-icon {
		display: none;
	}

	.g-env-details {
		display: none;
	}

	.g-homepage-alert {
		z-index: 20;
		padding: 10px 25px 10px 10px;
		position: relative;
		background-color: #d24848;
		color: #fff;
		font-family: arial;
	}
	
	.g-homepage-alert h1 {
		color: #fff;
		margin: 0 0 10px 0;
		font-size: 1em;
		font-weight: bold;
		display: block;
	}
	
	.g-homepage-alert p {
		padding: 0;
		margin: 10px 0 0 0;
		display: block;
		
	}
	
	.g-homepage-alert h1:after  {
		content: "";
	}
	
	.g-alert-close {
		position: absolute;
		top: 10px;
		right: 10px;
		font: normal normal normal 14px/1 FontAwesome;
		padding: 1px;
		cursor: pointer;
		line-height: 1;
		color: #d24848;
		border: 1px solid white;
		border-radius: 2px;
	}
}

/* wpforms button colours */
.wpforms-field-repeater-button-add,
.wpforms-field-repeater-button-remove {
    background-color: #00477f !important;
    color: #ffffff !important;
    border-color: #00477f !important;
    border: 1px solid #00477f !important;
    border-style: inset;
}
.wpforms-field-repeater-button-add:active,
.wpforms-field-repeater-button-remove:active {
    transform: translateY(2px);
}
.wpforms-field-repeater-button-add:hover,
.wpforms-field-repeater-button-remove:hover {
    background-color: #fff !important;
    border-color: #00477f !important;
    color: #00477f !important;
}
/* Optional: Style the SVG icon */
.wpforms-field-repeater-button-add svg,
.wpforms-field-repeater-button-remove svg {
    fill: #ffffff !important;
}

#main-content div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater .wpforms-field-repeater-display-blocks-buttons button,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater .wpforms-field-repeater-display-blocks-buttons button {
    opacity: 1 !important;
}

/* Remove button styles for remove button */
.wpforms-field-repeater-button-remove {
    background-color: #C35400 !important;
    border: 1px solid #C35400 !important;
    border-color: #C35400 !important;
	margin-left: auto; /* This pushes it to the right in flexbox */
}
.wpforms-field-repeater-button-remove:hover,
.wpforms-field-repeater-button-remove:active {
    background-color: #fff !important;
    color: #C35400 !important;
    border-color: #C35400 !important;
}
.wpforms-field-repeater-button-remove svg {
    fill: #ffffff !important;
}

#main-content div.wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child) > .wpforms-field-label:not(.wpforms-label-hide),
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child) > .wpforms-field-label:not(.wpforms-label-hide),
.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks:not(:first-child) > .wpforms-field-label:not(.wpforms-label-hide),
.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks .wpforms-field-repeater-block-title:before
{
    --wpforms-field-border-size: 0 !important;
    --wpforms-field-border-style: none !important;
    --wpforms-field-border-color: transparent !important;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field-layout>.wpforms-field-label,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks>.wpforms-field-label {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 15px 0;
    padding: 25px 0 0 0;
    border-top: 0 solid #dddddd;
}


.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-repeater)+.wpforms-field-repeater-display-blocks>.wpforms-field-label {
    margin-top: 0;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-repeater>.wpforms-field-label {
    font-size: calc( 1.25 * var( --wpforms-label-size-font-size ));
    line-height: calc( 1.25 * var( --wpforms-label-size-font-size ));
    color: var(--wpforms-label-color);
}

/* fullwidth webmap - 16:9 aspect ratio */
.webmap-widget-map {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important; /* Modern browsers: 16:9 ratio */
    height: auto !important;
    max-width: 100%;
    max-height: 300px !important; /* Add this line */
    position: relative;
    overflow: hidden; /* Ensure content doesn't overflow */
}

/* Fallback for browsers that do not support aspect-ratio */
@supports not (aspect-ratio: 16 / 9) {
    .webmap-widget-map {
        height: 0 !important;
        padding-bottom: 56.25% !important; /* 16:9 ratio (height = 9/16 = 56.25% of width) */
        max-height: 300px !important; /* Add this line */
        overflow: hidden;
    }
    .webmap-widget-map > * {
        position: absolute !important;
        top: 0; left: 0; width: 100%; height: 100%;
        max-height: 300px !important; /* Add this line for children */
    }
}