/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");


html, body { overflow-x: hidden; }
h1, .h1, a, .text-red { color: #8a2332; }
.text-white { color: #fff; }
.wp-block-button.btn { padding: 0; }
.btn, .wp-block-button.btn, .wp-block-button.btn .wp-block-button__link { border-radius: 0; }
.btn-grey, .wp-block-button.btn-grey .wp-block-button__link { padding: 0.375rem 0.75rem; color: #212529; background-color: #c2c2c2; }
.wp-block-image.mb-0 figure { margin-bottom: 0; }

.alignwide { margin-left: -15px; margin-right: -15px; }
.alignfull { margin-left: calc(50% - 50vw); width: 100vw; }
.alignfull .wp-block-image img { width: 100%; }
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; }
.bg-red { background-color: #8a2332; color: #fff; }
.full-width.bg-red:before { border-left: 99rem solid #8a2332; box-shadow: 99rem 0 0 #8a2332; color: #fff; }
.bg-grey { background-color: #ebebeb; }
.full-width.bg-grey:before { border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }

body > header > .container { padding-top: 1.5rem; padding-bottom: 1.25rem; }
#header-block-1, #header-block-3 { text-align: center !important; }
#header-block-1 h4 { font-size: 1.25rem; font-weight: bold; }
#header-block-2 img { max-width: 52.5%; }
#header-block-3 h5 { font-size: 1rem; }

.navbar { padding: 0.75rem 1rem 1rem; background-color: #8a2332; }
.navbar-nav .nav-link { padding: 0 1.5rem !important; color: #fff; }
.navbar-collapse { padding: 9px 0; }
.navbar-toggler { padding: 0.25rem 0.75rem 0.25rem 0.5rem; border: 1px solid #fff; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.dropdown-menu { z-index: 1500; }

.carousel-caption { position: relative; top: auto; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); }
.carousel-caption h1 { font-size: 1.25rem; font-weight: bold; color: #fff; letter-spacing: 0.05em; }

#content header { z-index: 100; }

/* home page */
#horses .horses-img { position: absolute; top: 0; right: calc(50% - 50vw); bottom: 0; left: 50%; background: url('/wp-content/uploads/2019/11/saddle1.jpg') no-repeat center; background-size: cover; }
#event-space .event-space-img { position: absolute; top: 0; right: 50%; bottom: 0; left: calc(50% - 50vw); background: url('/wp-content/uploads/2019/10/saddle3.jpg') no-repeat center; background-size: cover; }
#vineyard .vineyard-img { position: absolute; top: 0; right: calc(50% - 50vw); bottom: 0; left: 50%; background: url('/wp-content/uploads/2019/10/saddle8.jpg') no-repeat center; background-size: cover; }

/* events */
.tribe-events-header { z-index: 900; }

body > footer { background-color: #d7d7d7; line-height: 1.25; }
#inner-footer #menu-footer-menu { list-style: none; }
#inner-footer #menu-footer-menu li a { color: #212529; line-height: 2; }
#media_image-2 { text-align: center; }
#media_image-2 img { margin: 0 auto; max-width: 50% !important; }
#custom_html-3 { max-width: 100%; }


/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.alignwide { margin-left: -25%; margin-right: -25%; }
	#header-block-1 { text-align: left !important; }
	#header-block-1 h4 { font-size: 1.5rem; }
	/* #header-block-2 img { max-width: 75%; } */
	#header-block-3 { text-align: right !important; }
	#header-block-3 h5 { font-size: 1.25rem; }
	.navbar-nav { margin-left: -1.5rem; }
	.navbar-collapse { padding: 0; background-color: transparent; }
	.carousel-caption { position: absolute; }
	.carousel-caption h1 { font-size: 2.5rem; }
	#media_image-2 { text-align: left; }
	#media_image-2 img { margin: 0; max-width: 100% !important; }
	#custom_html-3 { max-width: 20%; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}