/*
 * Loaded last, on old-content pages only.
 *
 * Two stylesheets with global rules now share a page: the old custom.css
 * (written for the old header/footer and all inner content) and the new
 * theme.css (written for the new header/footer and home page). These rules
 * keep each one on its own side of the page.
 */

/* ----------------------------------------- old content keeps its own base */

/* theme.css sets the new body type; the old pages were written for this. */
#et-main-area {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
	color: #212529;
	text-align: left;
}

/* theme.css positions every carousel arrow absolutely for the home page. */
#main-content .owl-nav .owl-prev,
#main-content .owl-nav .owl-next {
	position: static;
}

/* -------------------------- old global rules stay out of header & footer */

/* custom.css: ul { display: inline-table; position: relative } */
:where(.sh-header, .sh-footer) ul {
	display: block;
	position: static;
}

/* custom.css: img { vertical-align: top } */
:where(.sh-header, .sh-footer) img {
	vertical-align: middle;
}

/* custom.css: .form-control { border-radius: 25px } */
.subscribe_field_area .form-control {
	border-radius: 0;
}

/* ------------------------------------------------- from the old footer.php */

.hidden {
	display: block !important;
	visibility: visible !important;
}
.fa.fa-spinner.fa-spin {
	color: green;
	font-size: 60px !important;
	margin-top: 26%;
}
#siregallery {
	background: rgba(0, 0, 0, 0.8) url("images/fancybox_loader.gif") no-repeat 50% 50% !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 999999999;
	text-align: center;
}
.sirenocontent p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #013324;
}
h4.carousel_item_title {
	color: #666;
	text-align: center;
	font-size: 20px;
	padding: 13px 0 13px 0;
}
.radio-butt input.contract { float: left; margin-top: 45px; }
.submit_contract { text-align: center; }
.submit_contract input[type="submit"] { float: none !important; }
.pdf-icon-img {
	position: relative;
	width: 100px;
	margin: auto;
}
.hover_content {
	background-color: rgba(0, 0, 0, 0.30);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
	width: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
span.required {
	color: #e20d0d;
}
#users_info_fields input,
#users_info_fields select,
.et_pb_contact p input,
.et_pb_contact_left select { margin-bottom: 5px !important; }
.et_pb_contact_left span.indent { padding: 0; display: block; }
.sitemap_wrapper > .wsp-container > ul li {
	list-style-type: square;
}

/* ----------------------------- Bootstrap 4 under the new header & footer */

/* These pages run Bootstrap 4 (30px gutters); the header and footer were
   designed on Bootstrap 5 (24px, and every .row child padded). Match it so
   header and footer sit exactly where they do on the home page. */
.sh-header .container,
.sh-footer .container {
	padding-left: 12px;
	padding-right: 12px;
}
.sh-header .row,
.sh-footer .row {
	margin-left: -12px;
	margin-right: -12px;
}
.sh-header .row > *,
.sh-footer .row > * {
	padding-left: 12px;
	padding-right: 12px;
}

/* --------------------------------------------- old header clearance removed */

/* The old header was an absolute overlay and the old CSS pushed content down
   190 / 150 / 130px to clear it. The new header sits in the flow on these
   pages, so that clearance would just be a blank band. */
#main-content .innerpage {
	padding-top: 50px;
}
.single-stallion div#main-content {
	padding-top: 50px;
}