/* Ridsport CSS and Block Styles
--------------------------------------------- */
/* Button - Scroll To Top */
.scroll-top-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	transition: all 2s;
	width: 50px;
	height: 50px;
}

@media only screen and (max-width: 781px) {
.scroll-top-button {
bottom: 10px;
right: 10px;
	}
}

/* Button - Outline Style */
.wp-block-button.is-style-outline .wp-block-button__link {
	border: none;
	background-color: transparent;
	outline: 1px solid currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border: none;
	background-color: var(--wp--preset--color--secondary);
	outline: 1px solid currentColor;
}

/* Button - Secondary Style */
.is-style-secondary-button .wp-element-button,
.wp-block.is-style-secondary-button .wp-element-button {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--contrast);
}
.is-style-secondary-button:hover .wp-element-button,
.wp-block.is-style-secondary-button:hover .wp-element-button {
	background: var(--wp--preset--color--background-light);
	color: var(--wp--preset--color--base);
}

/* Columns - Reverse */
@media only screen and (max-width: 782px) {
	.wp-block-columns.is-style-column-reverse {
	flex-direction: column-reverse;
	}
}

/* Column, Group and Cover - Ridsport Box Shadow */
.is-style-ridsport-box-shadow {
	box-shadow: 0px 12px 60px -20px rgb(21 14 41 / 16%);
	transition: .4s ease;
}

.is-style-ridsport-box-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Column - Hide on mobile */
@media only screen and (max-width: 599px) {
	.wp-block-column.is-style-ridsport-hide-on-mobile {
		display: none !important;
	}
}

/* Contextual - Plugin */
.crp_related .crp_title {
	color: var(--wp--preset--color--foreground);
}
.crp_related a {
	text-decoration: none !important;
}

/* Cover Block Mobile */
@media (max-width: 781px) {
	.wp-block-cover:not(.has-aspect-ratio) {
		min-height: 430px !important;
	}
}

/* Cover Block Parallax (desktop) */
.wp-block-cover__image-background.has-parallax {
background-position: 50% 0;
background-size: auto !important;
background-attachment: fixed !important;
}
@media only screen and (max-width: 781px) {
.wp-block-cover__image-background.has-parallax {
background-size: cover !important;
background-attachment: scroll !important;
	}
}

/* Fonts */
.is-style-ridsport-alt-font {
font-family: var(--wp--preset--font-family--alt);
}

/* Hero */
@media only screen and (max-width: 781px) {
.ridsport-hero {
min-height: 400px !important;
	}
}

/* Images - Radius, Hover Scale and Offset */
@media only screen and (max-width: 782px) {
.ridsport-negative-offset-bottom {
margin-bottom: var(--wp--preset--spacing--20) !important;
	}
}
.is-style-ridsport-round img {
aspect-ratio: 1;
object-fit: cover;
border-radius: 9999px;
}

.is-style-rounded img {
border-radius: var(--wp--preset--spacing--20);
}

.is-style-ridsport-scale img {
	transition: scale 400ms ease;
}
.is-style-ridsport-scale:hover img, .is-style-ridsport-scale:focus-within img {
	scale: 1.06;
}

/* Image Filters */

[class*="filter"] {
	position: relative;
}
  
[class*="filter"]::before {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
  }

.wp-block-image.is-style-filter-gingham img,
.wp-block-cover.is-style-filter-gingham {
	-webkit-filter: contrast(1.1) brightness(1.1);
	filter: contrast(1.1) brightness(1.1);	
}

.wp-block-image.is-style-filter-gingham::before,
.wp-block-cover.is-style-filter-gingham::before {
	background: #e6e6e6;
	content: "";
	mix-blend-mode: soft-light;	
}

/* List */
ul.is-style-checkmark-list {
	list-style-type: "\2713";
}
ul.is-style-checkmark-list li {
	padding-inline-start: 1ch;
}

.is-style-no-bullet-list {
	list-style-type: none;
}

.is-style-no-bullet-list {
	padding-left: 0;
}

/* Navigation */
.editor-styles-wrapper .wp-block-navigation__container > .wp-element-button {
padding: 0;
}

.wp-block-navigation__container .current-menu-item > a,
.wp-block-navigation__container .has-child button:hover {
text-decoration: underline;
}

/* Drop nav */
header .wp-block-navigation .wp-block-navigation__submenu-container {
border: none !important;
font-size: var(--wp--preset--font-size--base);
line-height: var(--wp--custom--line-height--small);
min-width: 225px !important;
margin-left: calc(var(--wp--preset--spacing--20) * -1);
padding: 0;
z-index: 20 !important;
}

/* Drop nav submenu */
header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
margin-left: 0;
top: 0 !important;
}

/* Add padding to top of drop menu */
@media only screen and (min-width: 600px) {
header .wp-block-navigation :where(.wp-block-navigation__submenu-container) li:first-child {
padding-top: var(--wp--preset--spacing--10);
}

.wp-block-loginout {
display: none !important;
}

/* Add padding to bottom of drop menu */
header .wp-block-navigation :where(.wp-block-navigation__submenu-container) li:last-child {
padding-bottom: var(--wp--preset--spacing--10);
	}
}

/* Add margin to sub menu icon */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right: var(--wp--preset--spacing--10);
}

/* Drop nav link padding */
header .wp-block-navigation :where(.wp-block-navigation__submenu-container) a,
header .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-submenu__toggle {
padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20) !important;
}

/* Mobile Navigation
--------------------------------------------- */

@media only screen and (max-width: 600px) {
.is-menu-open.has-modal-open {
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
}

.is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content {
padding-top: 0 !important;
}

.is-menu-open.has-modal-open .wp-block-navigation__container {
width: 100%;
gap: 0 !important;
}

.is-menu-open.has-modal-open .wp-block-navigation__container ul:not(.wp-block-page-list) {
padding-left: var(--wp--preset--spacing--20);
margin: 0;
}

.is-menu-open.has-modal-open ul.wp-block-navigation__submenu-container {
margin: 5px 0;
}

.is-menu-open.has-modal-open .wp-block-navigation__container > li {
width: 100%;
padding: 0 0;
position: relative;
}

.is-menu-open.has-modal-open .wp-block-navigation__container ul:not(.wp-block-page-list) li a:before {
content: "\2014";
position: absolute;
left: -30px;
line-height: 1;
opacity: .2;
}

.is-menu-open.has-modal-open .wp-block-navigation__container ul li:hover a:hover:before {
text-decoration: none;
}

/* Adjust the first mobile menu item to prevent conflict with menu close button */
.is-menu-open.has-modal-open .wp-block-navigation__container > li:first-child > a {
padding-top: 0 !important;
}

/* Mobile menu sub menu */
.is-menu-open.has-modal-open .wp-block-navigation-item .wp-block-navigation__submenu-container {
padding: 0 0 0 var(--wp--preset--spacing--30);
font-size: var(--wp--preset--font-size--base);
margin-left: 0;
width: 100% !important;
}

/* Mobile menu links */
.is-menu-open.has-modal-open .wp-block-navigation-item__content {
width: 100%;
padding: var(--wp--preset--spacing--10) 0 !important;
}

/* Mobile menu open button */
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
padding: 4px;
background: var(--wp--preset--color--background);
color: var(--wp--preset--color--foreground);
}

/* Mobile menu close button */
.wp-block-navigation__responsive-container-close {
background: var(--wp--preset--color--light);
color: var(--wp--preset--color--foreground);
}

.is-menu-open .wp-block-navigation__submenu-container {
background: var(--wp--preset--color--background);
box-shadow: none !important;
padding-top: var(--wp--preset--spacing--10);
}

/* Button class on mobile */
.is-menu-open.has-modal-open .wp-block-navigation__container .wp-element-button {
margin-top: var(--wp--preset--spacing--10);
}

.is-menu-open.has-modal-open .wp-block-navigation__container .wp-element-button .wp-block-navigation-item__content {
width: 100%;
text-align: center;
font-size: var(--wp--preset--font-size--base);
padding: var(--wp--preset--spacing--10) !important;
	}
}

/* Post Template */
ul[class*="columns-"].wp-block-post-template .wp-block-post > .wp-block-group {
height: 100%;
}

/* Hide empty pagination container */
.wp-block-post-template + .wp-block-group:empty {
display: none;
}

/* Separator */
.wp-block-separator:not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: 1px solid currentColor;
height: 1px;
}
hr.is-style-separator-dotted,
.editor-styles-wrapper hr.is-style-separator-dotted {
width: 100% !important;
height: 1px !important;
border: none !important;
height: 1px !important;
background-color: none !important;
background: currentColor !important;

background: repeating-linear-gradient(90deg,currentColor,currentColor 2px,transparent 2px,transparent 5px) !important;
}