<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 *  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
 **/

/** Google Recaptcha v3 styling to remove badge and format text aobve submit buttons **/
.grecaptcha-badge { 
	opacity: 0 !important;
}

/* =====================================================
   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&gt;.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&gt;.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 173, ../sass/components/_forms.scss */
.g-checkbox input[type=checkbox] {
	/* 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 183, ../sass/components/_forms.scss */
/* .g-checkbox input[type=checkbox]+label:before {
	content: ' ';
	font-size: 20px;
	text-rendering: auto;
	border: 1px solid #5B6267;
	background-color: #fff;
	border-radius: 4px;
	height: 15px;
	width: 15px;
	display: inline-block;
	padding: 0;
	top: 4px;
	left: 1px;
	position: absolute;
	cursor: pointer;
} */

/* line 199, ../sass/components/_forms.scss */
/* .g-checkbox input[type=checkbox]+label&gt;span {
	cursor: pointer;
	margin-left: 27px;
	line-height: 25px;
	display: inline-block;
} */

/* line 207, ../sass/components/_forms.scss */
/* .g-checkbox input[type=checkbox]:checked+label:before {
	content: "\f00c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
	color: #fff;
	background-color: #427593;
	border: 1px solid #427593;
} */

/* 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 &gt; label {
	position: relative;
	font-weight: normal;
	line-height: 25px;
	margin: 1px 0 4px 10px;
	padding: 3px 10px 3px 10px;
}

/* .g-radio-container .g-radio + .g-radio-label:before,
.g-checkbox .g-radio + .g-radio-label:before,
.g-radio-container .g-radio label:before,
.g-checkbox .wpcf7-list-item &gt; label:before {
	content: '';
	background: #fff;
	border: 1px solid #555555;
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 3px;
	color: #555555;
	margin-left: 10px;
} */

/* line 266, ../sass/components/_forms.scss */
/* .g-radio-container .g-radio+.g-radio-label:before {
	border-radius: 50%;
} */

/* line 269, ../sass/components/_forms.scss */
/* .g-radio-container .g-radio:checked+.g-radio-label:before {
	background: #427593;
	box-shadow: inset 0px 0px 0px 3px #fff;
} */

.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-radio-container .g-radio-label,
.g-checkbox .g-radio-label,
.g-radio-container .wpcf7-list-item label,
.g-checkbox .wpcf7-list-item label {
	padding: 3px 10px 3px 0;
} */

/* .g-checkbox .wpcf7-list-item {
	margin-left: 0;
} */

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

.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 &gt; ul &gt; li.hcl-my-account &gt; 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 &gt; ul &gt; li.hcl-my-account &gt; a, 
	.et_header_style_split .et-fixed-header #et-top-navigation nav &gt; ul &gt; li.hcl-my-account &gt; a {
		padding-bottom: 10px;
	}
}

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

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

    .menu-2-column &gt; ul &gt; 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;
}



.g-form-group.alert.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	padding: 5px;
	border-radius: 4px;
}

.g-form-group.alert.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	padding: 5px;
	border-radius: 4px;
}

.g-form-group .wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

.readonly-bg {
    background-color: #f0f0f0 !important;
}

/* custom audio player layout */
audio {
    height: 32px;
    margin-bottom: 15px;
}</pre></body></html>