/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Footer Social Icons*/
#footer .social_bookmarks li
{
	border: 0;
	display: inline-block!important;
	float: none!important;
	width: 35px;
	height: 35px;
	margin-right: 10px;
}


#footer .social_bookmarks li:last-child
{
	margin-right: 0;
}


#top #wrap_all #footer .social_bookmarks
{
	margin-bottom: 20px;
	height: auto;
}

#top #wrap_all #footer .social_bookmarks li a
{
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 24px;
	background: #ffffff;
	color: #33856e;
}


#top #wrap_all #footer .social_bookmarks li a:hover{
	opacity: .7;
}
/*END Footer Social Icons*/

/*Forms*/
#top fieldset
{
	margin-bottom: 0px;
}
/*END Forms*/


/*Footer*/
.socket_color
{
	border: 0;
}

#footer .textwidget hr
{
	width: 100px;
	height: 0;
	border-top: 2px solid #ffffff;
}
/*END Footer*/


/*Image Box*/
.av-image-caption-overlay-center
{
	font-family: 'Bitter', serif;
}
/*END Image Box*/


/*Special Headings*/
.special-heading-border
{
	display: none;
}

body .av-special-heading .av-special-heading-tag
{
	float: none;
}
/*END Special Headings*/



#header_meta
{
	background-color: #33856e!important;
}

#top #header_meta .social_bookmarks li
{
	
	border-color: #ffffff!important;
}

#top #header_meta .social_bookmarks li a
{
	color: #ffffff!important;
}

#top .av_header_glassy.av_header_transparency .header_bg
{
	opacity: .5;
}

/*Icon Boxes*/
#top .iconbox.av-no-box .iconbox_icon
{
	border-width: 2px;
	font-size: 50px;
	color: #33856e;
	border-color: #33856e;
}

.iconbox_content_container 
{
	font-family: 'bitter', Helvetica, Arial, sans-serif;
}

/** Custom Class : center cols **/
.centercols .entry-content-wrapper
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
}
.centercols {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: center;
}

/** Styling the Page Banner **/
.page-banner .av-section-color-overlay-wrap {
	background-color: rgb(0, 0, 0, 0.7);
	/*transition: background-color 0.3s ease-in-out;*/
}
.page-banner .av-special-heading {
	padding: 0px !important;
}
/*.page-banner .av-section-color-overlay-wrap:hover {
	background-color: rgb(0, 0, 0, 0.5);
	transition: background-color 0.3s ease-in-out;
}*/
.page-banner .banner-layout {
	padding: 0px !important;
	margin: 0px !important;
}
.banner-title * {
	color: white !important;
	font-size: calc(100% + 15px);
	font-weight: 500 !important;
}

/* #mission_statement {
	margin-top: 20px;
	border-top: 2px solid black;
	padding-top: 0px !important;
}
#mission_statement * {
	padding-top: 0px !important;
} */

/*----------------------------------------
// CSS - Image element
//--------------------------------------*/

.mission_statement .av-image-caption-overlay {
	  transform: translateY(100%) !important
    position: relative !important;
    height: auto !important;
    width: auto !important;    
    left: 0px !important;
    bottom: -65px !important; /* Adjust this value to move it down further */
}

.mission_statement .av-image-caption-overlay-center {
  padding: 0px !important;
	font-style: italic;
}
.mission_statement .av-image-caption-overlay-center p {
	padding: 5px;
}

.mission_statement .avia_image  {
    margin-bottom: 25px !important;
}

.mission_statement .av-image-caption-overlay *  {
	background-color: rgb(0, 0, 0, 0.2) !important;
}

.mission_statement {
  font-size: 11px !important;
  padding-bottom: 70px;
}


/** Styling Horseshoe Buttons **/
.horseshoe-box .iconbox_icon:hover {
	background-color: rgb(51, 133, 110) !important;
	color: white !important;
}

/** Styling Home Flex Row Buttons **/
.grid-row-1 .flex_cell:hover p {
	background-color: rgb(255, 255, 255, 0.5);
	transition: background-color 0.4s ease-in-out;
	font-weight: 500;
}
.av-caption-image-overlay-bg * {
	background-color: rgb(255, 255, 255, 0.8) !important;
	transition: background-color 0.4s ease-in-out;
}
.grid-row-1 .flex_cell:hover .av-caption-image-overlay-bg * {
	background-color: rgb(255, 255, 255, 0.2) !important;
	transition: background-color 0.4s ease-in-out;
}

/* Style the accordion title */
.hof-accordion {
    
}

.hof-accordion .toggle_icon {
	border: none;
}
.hof-accordion .av_toggle_section .toggler {
	color: #fff !important;
  background-color: #33856e !important;
}
/*.hof-accordion .av_toggle_section:not(:first-child) .toggler {
	margin-top: 40px !important;
}*/
.toggle_wrap {}
.hof-accordion .toggle_wrap .avia-button-wrap * {
	text-transform: capitalize; !important;
}
.hof-accordion .avia-button {
    font-weight: bold !important;
	font-size: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.gallery-type-1 img {
	border: none !important;
	border-radius: 30px 0px !important;
	padding: 5px !important;
}



.underlay-1 {
	margin-bottom: 10px;
	margin-top: -5px;
}
.underlay-1 * {
	border-top: 3px solid #33856e !important;
}
.separator-1 {
	
}

.post-title * {
	margin: 0px !important;
	padding: 0px !important;
}
.post-title h1 {
	border-bottom: 2px solid #33856e;
}
.post-title p {
	margin: 5px 0px 0px 0px !important;
	font-style: italic !important;
	font-size: 18px;
	line-height: 25px;
	text-transform: none;
}

.contact-box p {
	margin: 3px;
}

/* Remove image overlay with circle and arrow */
.image-overlay {
  display: none !important;
  opacity: 0 !important;
}

.full-width-image .avia-image-container-inner .avia_image {
	width: 100vw !important;
	height: auto;
}




/*Page Banner*/
.pagebanner
{
	position: relative;
	background-image: url(https://www.saddlebredhalloffame.org/wp-content/uploads/2024/07/pagebannerimage-scaled.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	color: #ffffff;
	background-position: center center;
}

.pagebanner .bannercontent
{
	position: relative;
	z-index: 3;
}

.pagebanner .overlay
{
	background-color: rgba(0,0,0,.75);
	padding-top: 50px;
	padding-bottom: 50px;
}

.pagebanner h1 
{
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
/*END Page Banner*/


@media only screen and (min-width: 990px) {
	.site-logo-picture img
	{
		width: 300px;
		padding-top: 15px;
	}
}





.ishof-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.ishof-card {
	min-width: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #ddd;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.ishof-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
}

.ishof-card__link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.ishof-card__media {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #f1f1f1;
}

.ishof-card__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.ishof-card:hover .ishof-card__image {
	transform: scale(1.03);
}

.ishof-card__image--placeholder {
	object-fit: cover;
}

.ishof-card__title {
	margin: 0;
	padding: 18px 20px;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
}

.ishof-card__link:hover,
.ishof-card__link:focus {
	color: inherit;
	text-decoration: none;
}

.ishof-card__link:focus-visible {
	outline: 3px solid #1f5f99;
	outline-offset: 3px;
}

@media only screen and (max-width: 989px) {
	.ishof-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 600px) {
	.ishof-post-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}