/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      0.1
*/

/* 
body, html{
overflow-x: hidden;
} */

html{
	scroll-padding-top:120px;
}

/* header */

.top-bar p {
	font-size: 16px;
	line-height: 162.5%;
	letter-spacing: -0.312px;
	font-weight: 300;

}

.top-bar-align-center .widget:last-child {
	margin-right: 0;
}

.top-bar-align-center .widget:not(:first-child) {
	margin: 0 !important;
}

.top-bar .inside-top-bar {
	gap: 20px;
	display: none;
}

.nav-align-right .navigation-branding {
	margin-right: 23px !important;
}

.main-nav ul.sf-menu>li {
	border: none !important;
}

.main-nav ul li a {
	padding-left: 17px !important;
	padding-right: 17px !important;
}

.main-navigation .inside-navigation {
	justify-content: flex-start;
	padding: 0px !important;
	flex-wrap: nowrap;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.navigation-branding img,
.site-logo.mobile-header-logo img {
	height: auto !important;
	width: 119px !important;
}

.main-navigation.grid-container {
	margin: 0;
	max-width: 100% !important;
}

.navigation-branding img {
	padding: 3px 0px !important;
}

.main-nav {
	width: 100%;
}

.main-nav ul.sf-menu>li:last-of-type {
	margin-left: auto;
}

.main-nav ul.sf-menu>li:last-of-type a,
.hero-read-now-btn {
	border-radius: 5px;
	background: #fc4b24;
	line-height: 142.857%;
	padding: 9px 24px !important;
	font-size: 16px;
	letter-spacing: -0.312px;
	color: #fefefe !important;
}

.hero-read-now-btn {
	padding: 10px 21px !important;
}

.main-nav ul.sf-menu>li:last-of-type a:hover {
	background: #fc4b24;
}


@keyframes flashButton {
	0% {
		background-color: #FF5722;
		box-shadow: 0 0 5px #FF5722;
	}
	50% {
		background-color: #FF7043;
		box-shadow: 0 0 7px #FF7043, 0 0 7px #FF7043;
	}
	100% {
		background-color: #FF5722;
		box-shadow: 0 0 5px #FF5722;
	}
}
@keyframes glowHold {
	0%, 60% {
		background-color: #FF7043;
		box-shadow: 0 0 8px #FF7043, 0 0 8px #FF5722, 0 0 8px #FF5722;
	}
	100% {
		background-color: #FF7043;
		box-shadow: 0 0 8px #FF7043, 0 0 8px #FF5722, 0 0 8px #FF5722;
	}
}
.main-nav ul.sf-menu>li:last-of-type a {
	animation: flashButton 3s infinite;
	transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.main-nav ul.sf-menu>li:last-of-type a:hover {
	animation: glowHold 1.5s ease-in-out infinite !important;
	box-shadow: 0 0 8px #FF7043, 0 0 8px #FF5722, 0 0 8px #FF5722 !important;
	background: #FF7043 !important;
}

.main-nav ul.sf-menu>li:last-of-type a {
	animation: flashButton 3s infinite;  
	transition: background-color 0.3s ease-in-out;  
}




/* Footer  */

.inside-site-info {
	padding: 20px 0px 17px;
	border-top: 1px solid #d1d5dc;
}

.footer-widgets a {
	line-height: 92.857%;
	letter-spacing: -0.312px;
}

.footer-widgets .widget_nav_menu li {
	margin-bottom: 12px;
	line-height: normal;
}

.site-footer .footer-widgets-container .inner-padding {
	padding: 0;
}

.inside-footer-widgets {
	justify-content: space-between;
	margin-left: 0 !important;
}

.inside-footer-widgets>div {
	flex: unset;
}

.footer-widget-1 {
	width: 30%;
}

.wp-social-link-facebook svg {
	fill: #fff;
	width: 28px;
	height: 28px;
}

.wp-social-link-instagram {
	background: #fff;
	border-radius: 50%;
}

.wp-social-link-instagram svg {
	padding: 2px;
}

.wp-social-link-linkedin svg {
	width: 33px;
	height: 33px;
	fill: #fff;
}

.wp-social-link-linkedin svg path{
	clip-path: circle(50% at 50% 50%);
}

.wp-block-social-links a {
	line-height: normal;
}

.wp-social-link {
	margin-bottom: 0;
	line-height: normal;
	font-size: 0px;
}


.footer-widget-1 p{
	color: #fff !important;
}

.footer-widget-1 .widget_media_image{
	margin-bottom: 14px;
}

.footer-widget-1 .widget_text{
	margin-bottom: 53px;
}

/* Home page  */

.gb-container,
.grid-container {
	margin: 0 auto;
}


.training-heading {
	padding: 2px 8px;
	width: fit-content;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.training-heading.right {
	background: #1A1E26;
}

.hero-section-right .gb-grid-column:first-child > .gb-container {
	padding-top: 0 !important;
}

/* .hero-section-right .gb-grid-column:last-child .gb-container {
padding-bottom: 0 !important;
border: none;
} */
.hero-section-right  .gb-grid-wrapper:last-child .gb-grid-column:last-child .bottom-posts  {
	padding-bottom: 0 !important;
	border: none;
}


.hero-section-right .gb-block-image img {
	max-width: fit-content;
}

/* Hero section slider  */

/* Hero Section Slider Styles */

.hero-section-slider {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	background: #000;
	border-radius: 12px;
}

/* Slides Container */
.hero-section-slider .gb-grid-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Individual Slides */
.hero-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition:  visibility 0.6s ease-in-out,
		transform 0.6s ease-in-out;
	z-index: 1;
	transform: translateX(0);
}

.hero-slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	transform: translateX(0);
}

.hero-slide.slide-out-left {
	animation: slideOutLeft 0.6s ease-in-out forwards;
}

.hero-slide.slide-in-right {
	animation: slideInRight 0.6s ease-in-out forwards;
}

@keyframes slideOutLeft {
	from {
		transform: translateX(0);
		opacity: 1;
	}

	to {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes slideInRight {
	from {
		transform: translateX(100%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.hero-slide.previous {
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}

/* Slide Background with Zoom Effect */
.hero-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--bg-image);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	transform: scale(1);
	transform-origin: center;
	transition: transform 0.6s ease-in-out; 
}

/* Zoom animation synced with progress */
.hero-slide.active::before {
	animation: imageZoom 5s linear forwards;
	transition: transform 0.5s ease-out; 
}
.hero-slide {
	will-change: transform;
}


@keyframes imageZoom {
	from {

		transform: scale(1);
	}

	to {

		transform: scale(1.15);
	}
}

/* Overlay */
.hero-slide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 105%;
	height: 100%;
	background: linear-gradient(to bottom,
		rgba(0, 0, 0, 0.3) 0%,
		rgba(0, 0, 0, 0.6) 60%,
		rgba(0, 0, 0, 0.9) 100%);
	z-index: 2;
}

/* Slide Link Container */
.hero-slide-link {
	position: relative;
	z-index: 3;
	align-items: end;
	text-decoration: none;
	padding: 30px;
	padding-bottom: 136px !important;
}

/* Hide the original image */
.hero-slide .gb-block-image {
	display: none;
}



/* Featured Badge */
.hero-slide .training-heading {
	display: inline-block;
	margin-bottom: 12px;
	padding: 4px 10px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 133.333%;
}

/* Headline */
.hero-slide .gb-headline  {
	font-size: 26px;
	line-height: 120%;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 500;
	width: 56%;

}


/* Progress Bar Container */
.hero-progress-container {
	display: none;
	/* We're using individual progress bars now */
}

.hero-progress-bar {
	display: none;
}

/* Navigation Dots */
.hero-nav-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 33px;
	padding: 0px 30px 30px;
	z-index: 10;

}

.hero-nav-dot {
	flex: 1;
	position: relative;
	padding: 0;
	background: transparent !important;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	overflow: hidden;
}



.hero-nav-dot:last-child {
	border-right: none;
}

/* Individual Progress Bar for Each Nav Dot */
.hero-nav-dot-progress {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 0%;
	background: #FFF;
	transition: none;
	z-index: 2;
	opacity: 0;
	border-radius: 60px;
	visibility: hidden;
}

.hero-nav-dot.active .hero-nav-dot-progress {
	opacity: 1;
	visibility: visible;
}

.hero-nav-dot::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(255, 255, 255, 0.2);
	z-index: 1;
	border-radius: 60px;
}



.hero-nav-title {
	color: #FFF;
	font-size: 16px;
	line-height: 130%;
	font-weight: 500;
	text-align: left;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	letter-spacing: -0.16px;
	padding-top: 20px;

}

.recommended {
	line-height: 114.286%;
}



/* Trending slider */

.clamp-2 {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.clamp-1 {
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

/* .trending-slider .slick-track {
display: flex;
column-gap: 40px;
margin-left: 0;
} */

.trending-slider .slick-slide:hover img , .home-trending-slider .slick-slide:hover img{
	transform: scale(1.05);
	transform-origin: bottom;
	transition: all 0.3s ease-in-out;
}

.home-trending-slider .slick-slide img{
	transition: all 0.3s ease-in-out;
}

.trending-slider .slick-list.draggable, 
.home-trending-slider .slick-list.draggable {
	padding-top: 35px;
	margin-left: -10px;
}


/* Latest news, featured articles tabs */


.news-tabs .gb-tabs__items {
	padding-top: 30px;
}

.news-tab-content .gb-grid-wrapper:first-child {
	width: 77.2%;
}

.news-tab-content .gb-grid-wrapper:last-child {
	width: 100%;
}

.news-tab-content  .gb-grid-column:hover img{
	transform: scale(1.08);
	transition: all 0.3s ease ;

}

.news-tab-content  .gb-grid-column img{
	transition: all 0.3s ease ;
}

.news-tab-content .gb-block-image{
	overflow: hidden;
	border-radius: 8px;
}


.global-btn {
	font-size: 16px;
	font-weight: 500;
	line-height: 125%;
	letter-spacing: -0.312px;
	border-radius: 5px;
	background: #FC4B24 !important;
	padding: 10px 30px !important;
	color: #FEFEFE !important;
}

.global-btn.black{
	width: 100%;
	text-align: center;
	background: #1A1E26 !important;
	font-size: 14px;
}

/* Triathelete section */

.trending-slider-left,
.trending-slider-right,
.triathlete-slider-left,
.triathlete-slider-right,
.home-trending-slider-left,
.home-trending-slider-right,
.home-trending-slider-left-1,
.home-trending-slider-right-1,
.home-trending-slider-left-2,
.home-trending-slider-right-2{
	cursor: pointer;
}

.triathlete-con.gb-container{
	margin-right: 0;
	max-width: calc(100% - 9vw) !important;
}

.triathlete-slider .slick-track {
	margin-left: 98px;
}

.triathlete-country{
	position: absolute;
	top: 8px;
	margin-left: 8px;
	z-index: 1;
}

.triathlete-image-con{
	position: relative;
}
.triathlete-image-con:before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2026/01/orange-vector.svg);
	z-index: -1;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
}

.triathlete-image-con:hover img{
	transform: scale(1.015);
	transition: all 0.3s ease;
}

.triathlete-image-con:hover img{
	transition: all 0.3s ease;
}

.triathlete-image-con{
	overflow: hidden;
}


/* Race highlights section */

.race-video video{
	width: 100%;
	border-radius: 8px;
}

.race-video-con video{
	width: 100%;
	border-radius: 8px;
}

/* Become faster footer common section */

.become-faster:after{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.50) 28.15%, rgba(0, 0, 0, 0.00) 71.6%) !important;
}

.become-faster .mailerlite-form-title{
	display: none;
}

.become-faster  .mailerlite-form-inputs {
	display: flex;
}

.become-faster  input[type="email"]{
	width: 390px;
	padding: 6px 25px;
	border-radius: 5px;
	color:   #4A5565;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height:  216.667%;
	letter-spacing: -0.312px;
}

.become-faster input[type="email"]:hover{
	border-color: transparent !important;
	outline: none !important;
}

.become-faster .mailerlite-subscribe-submit{
	padding: 12px 30px;
	font-weight: 500;
	line-height:   125% ;
	letter-spacing: -0.312px;
	border-radius: 5px;
	margin-left: 16px;
}

.become-faster .mailerlite-form-response span{
	background: #fEfEfE;
	padding: 10px 30px;
	border-radius: 6px;
}

.become-faster .mailerlite-form-response{
	text-align: left;
}

.become-faster > .gb-container{
	padding:  40px 0px;
}


/* Editor's choice  */
.editors-tab-sec .gb-tabs__buttons{
	width: 100%;
	justify-content: center;  

	/* 	border-top: 1px solid #D1D5DC; */
	border-bottom: 1px solid #D1D5DC;
	gap: 20px;
}

.editors-tab-sec .gb-tabs__button.gb-block-is-current{
	border-bottom: 1px solid #FC4B24 !important;
}

.editors-tab-sec .gb-tabs__button{
	padding: 0px 40px 14px !important;  
}

.editors-tab-sec.gear .gb-tabs__buttons{

	border-bottom: 1px solid #d1d5dc24;
}

.editors-tab-sec .gb-tabs__button{
	/* 	padding: 0px 99px; */
	/* 	padding: 0px 10% ; */
	/* 	border-left: 1px solid rgba(16, 24, 40, 0.20); */
	font-size: 16px;
	position: relative;
}



.editors-tab-sec.news .gb-tabs__button{
	/* 	padding: 0px 5%; */
}

.editors-tab-sec .gb-tabs__button:first-child{
	padding-left: 0;
	border: none;
}

.editors-tab-sec .gb-tabs__button:last-child{
	padding-right: 0;
}


/* News page - Category archive */

.category-archive-content .dynamic-term-description p{
	color: #fefefe;
}

.category-subtitle h2{
	color: #fff !important;
}

.category-archive-background:after{ 
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.85) 73.65%) !important;
}

.entry-header {
	display: none;
}

.entry-content:not(:first-child){
	margin-top: 0;
}

.image-hover:hover {
	transform: scale(1.1);
	transition: all 0.3s ease;
}

.image-hover{
	transition: all 0.3s ease;
}

.hover-image-out .gb-block-image {
	overflow: hidden;
	border-radius: 8px;
}

.full-height{
	height: 100%;
}

.news-height-240 img{
	aspect-ratio: 4/2.44;
}

.tab-image-hover:hover img{
	transform: scale(1.08);
	transition: all 0.3s ease;
}

.tab-image-hover  img{
	transition: all 0.3s ease;
}

.tab-image-hover{
	overflow: hidden;
	border-radius: 8px;
}


/* Triathletes  Page*/

.triathlete-post-con{
	position: relative;
}


.triathlete-list   .triathlete-image-con:before{
	z-index: 0;
}

.triathlete-image-con .gb-block-image{
	z-index: 1;
	position: relative;
}

.triathlete-profile-sec .gb-tabs__button{
	line-height: 120%;
	padding: 20px 17px 14px;
}

.triathlete-profile-sec .gb-tabs__buttons{
	width: 100%;
	justify-content: center;
	border-bottom: 1px solid #D1D5DC;
	gap: 29px;
}

.triathlete-profile-sec .gb-block-is-current{
	border-bottom: 1px solid #FC4B24;
}

.post-type-archive-triathletes .hfeed{
	display: none;
}


/* About page */

.page-id-224 .site-content,
.category-race .site-content,

.archive .site-content{
	padding-left: 0px  ;
	padding-right: 0px  ;
}

.single .site-content {
	padding-left: 0px  ;
	padding-right: 0px  ;
}

.page-id-224 #primary{
	width: 100% !important;
	max-width: 61% !important;
}

.about-upper-text p{
	line-height: 120%;
}

.about-us-con > .gb-container,
.small-con> .gb-container{
	max-width: 1440px !important;
} 

.page-id-224 .site-content,
.single-post .site-content,
.single-gear-guides .site-content{
	max-width: 1440px !important;
	margin: 0 auto;
}


/* Triathlete Detail page */

.triathlete-excerpt p{
	font-weight: 400;
	line-height:  157.143% ;
	letter-spacing: -0.15px;
}

.brackets:before{
	content: '(';
}

.brackets:after{
	content: ')';
}

.brackets{
	display: flex;
}

.triathlete-nationality {
	margin-left: 0;
}

.triathlete-nationality .gb-container{
	background:  #1A1E26 ;
	padding: 4px 10px;
	line-height: 120%; 
	letter-spacing: 1.2px;
	font-weight: 400 !important;
}

.triathlete-detail-image .gb-block-image{
	position: relative;
}

.triathlete-detail-image .gb-block-image:before{
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2026/01/image-vector.svg);
	z-index: -1;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
}

.display-none{
	display: none !important;
}

.triathletes-content p:not(:last-child){
	margin-bottom: 16px;

}

.triathletes-content p,
.event-profile p{
	line-height:  157.143% !important;
	letter-spacing: -0.15px;
}

.event-profile p{
	margin-bottom: 10px;
}

.event-profile ul{
	margin-bottom: 0;
	margin-left: 20px;
}


.triathletes-content h2, .triathletes-content h3,
.single-post h2, .single-post h3,
.event-profile h2, .event-profile h3{
	margin-bottom: 16px;
	color: #1A1E26;
}

.event-profile h2, .event-profile h3{
	margin-top:16px;
}

.triathletes-content p a, .single-post p a{
	color: inherit ;
	font-weight: 500;
	text-decoration: underline;
}
.triathletes-content p a:hover, .single-post p a:hover{
	color: inherit ;
}

.gb-query-loop-pagination .gb-button  {
	padding: 4px !important;
	font-size: 14px;
}

.gb-query-loop-pagination{
	margin-top: 20px !important;

}

.triathletes-content img{
	border-radius: 10px;
}

/* News Detail page */

.news-breadcrumbs .yoast-breadcrumbs> span >span a {
	color:  #1a1e2699  ;
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;  
	letter-spacing: -0.14px;
	text-transform: capitalize;
}

.news-breadcrumbs .yoast-breadcrumbs >span >span:last-child a{
	color:  #1a1e26 !important;
}

.news-breadcrumbs .yoast-breadcrumbs span{
	display: flex;
	align-items: center;
	gap: 13px;
}



.single-triathlon-events .yoast-breadcrumbs> span >span a {
	color:  rgba(254,254,254,0.8)  ;
	font-size: 14px;
	font-weight: 400;
	line-height: 120%;  
	letter-spacing: -0.14px;
	text-transform: capitalize;
}

.single-triathlon-events .yoast-breadcrumbs >span >span:last-child a{
	color:  #FEFEFE !important;
}

.single-triathlon-events .yoast-breadcrumbs span{
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}



.featured-tag{
	background:   #1A1E26;
	width: fit-content;
	padding: 5px 12.867px 5px 12px;
	letter-spacing: 1.2px;
	line-height: 120%;
	font-weight: 400;
}

.news-author img{
	border-radius: 100% !important;
}

.news-author   {
	display: flex;
	gap: 16px;
}

.news-date{
	width: fit-content;
	margin-left: 64px !important;
	margin-top: -30px;
}

.featured-image img{
	width: 100%;
}

.novashare .share{
	background: url('/wp-content/uploads/2026/01/share-btn.png');
	order: 3;
}

.novashare .facebook{
	background: url('/wp-content/uploads/2026/01/facebook.png');
	order: 1;
}

.novashare .twitter{
	background: url('/wp-content/uploads/2026/01/twitter.png');
	order: 2;
}


.novashare .ns-button-wrapper{
	opacity: 0;
}

.featured-image img, .single-post .site-content img, .event-list-image img{
	border-radius: 8px;
}

.single-post .site-content{
	padding: 0px !important;    
}

.single-post .site-content p, .instagram-media{
	margin-bottom: 20px !important ;
}


.single-post .site-content p{
	color: #1A1E26cc;
	font-weight: 400;
	line-height:   150% ;
	letter-spacing: -0.312px;
}


.single-post .site-content{
	max-width: fit-content;
}

.trending-slider.post-detail .slick-slide:hover img{
	transform: scale(1.04);
	transform-origin: center;
	transition: all 0.3s ease;
}

.trending-slider.post-detail .slick-slide  img{
	transition: all 0.3s ease;
}

.trending-slider.post-detail .gb-block-image {
	overflow: hidden;
	border-radius: 8px;
}

.sidebar {
	position: sticky;
	top: 100px;
	height:100%;

	width: 400px;
}


.sticky-side{
	position: sticky;
	top: 100px;
	height:100%;
}

.single-post .site-content .content-area{
	max-width: 100% !important;
	width: 63%;
}

/* Event Page */

.post-type-archive-triathlon-events input[type="text"],
.post-type-archive-triathlon-events  .facetwp-dropdown,
.category-race  .facetwp-dropdown{
	border-radius: 10px;
	background-color: #F8F8F8;
	padding: 16px 19px;
	color:   #1C1C1C66 ;
	font-size: 18px;
	font-weight: 400;
	line-height: 120%; 
	border: none !important;
	outline: none !important;
}

.post-type-archive-triathlon-events  .facetwp-dropdown,
.category-race  .facetwp-dropdown{
	background-image: url('/wp-content/uploads/2026/01/icon-park-outline_left.png');
	background-size: 24px;
}

.post-type-archive-triathlon-events input[type="text"]{
	background-image: url(/wp-content/uploads/2026/02/search-normal.png);
	background-size: 24px;
	background-repeat: no-repeat, repeat;
	background-position: right 19px top 50%, 0 0;
}

.post-type-archive-triathlon-events input[type="text"]::placeholder{
	color: #1C1C1C66 !important;
}

select:focus{
	box-shadow: none !important;
}


.event-filter{
	/* 	box-shadow: 0 6px 30px -5px rgba(0, 0, 0, 0.2); */
}

.post-type-archive-triathlon-events .hfeed{
	background: transparent !important;
	max-width: 100%;
}


.event-btn-grid > div {
	flex: 1 1 33%; 
	box-sizing: border-box;
}

.event-btn-grid > div:only-child {
	flex: 1 1 100%; 
}

.event_sport{
	line-height: 120%;  
	letter-spacing: -0.15px;
}


.post-type-archive-triathlon-events .site-content{
	padding: 0 !important;
	padding-top: 100px !important;
}

.event_location{
	line-height: 120%; 
}

.event-date .gb-icon{
	width: 22px;
	height: 22px;
	background: url('/wp-content/uploads/2026/02/calendar.png');
	padding: 0 !important; 
	background-size: cover;
	background-repeat: no-repeat;

}

.event-date .gb-icon svg{
	display: none;
}

.event-date-back{
	width: fit-content;
	position: absolute !important;
	top: 16px;
	left: 16px;
}

.event-search .facetwp-facet-search_events  {
	width: 100%;
}




.line-120{
	line-height: 120%;
}

.line-150{
	line-height: 150%;
}

.event-pagination{
	justify-content: center !important;
}

.event-pagination .page-numbers{


	color: #9F9F9F !important;

	font-size: 16px !important;

	font-weight: 500 !important;
	line-height: 100%;  
	letter-spacing: -0.16px;
	padding: 9px 12.5px !important;
}

.event-pagination .page-numbers.gb-block-is-current{
	border-radius: 30px;
	background: #F4F4F4;
	color:  #FC4B24 !important;
	border: none;
}



.event-pagination{
	margin-top: 64px !important;
}

.event-image-con{
	aspect-ratio: 4 / 2.44;
}

/* .height-240 img{
aspect-ratio: 4 / 2.3 !important;
} */

.height-240{
	height: 100%;
}

.height-240>figure{
	height: 100%;
}

/* Event detail page */

.triathlon-event-tags a button{
	border-radius: 5px !important;
	font-size: 14px !important;
	line-height: 129%;
	letter-spacing: -0.14px;
}

.triathlon-event-tags a button:hover{
	background: #FC4B24;
}
/* Event Detail Race guide */

.single-post .site-content p.written-by {
	margin-bottom: 5px !important;
}

.border-100{
	border-radius: 100% !important;
}


.single-post .site-content .color-white{
	color: #FFF;
}

.single-post .site-content .color-white-D3D3D3{
	color: #D3D3D3;
}


.font-14{
	font-size: 14px !important;
}

.font-16{
	font-size: 16px !important;
}

.height-220 img {
	aspect-ratio: 5 / 4;
}

.height-158 img {
	aspect-ratio: 4 / 1.98;
}

.height-436 img {
	aspect-ratio: 5 / 3.85;
}

.height-262 img{
	aspect-ratio: 4 / 5.015;
}

.tab-height-220 img{
	aspect-ratio: 4 / 3.05;
}


.home-trending-slider .slick-track{
	display: flex;
	gap: 4px;
}


/* Header mega menu  */




body nav .main-nav .mega-menu > ul{
	width: 100vw !important;
	left: -9vw !important;

	box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 0.12);
	border: none !important;
	height: auto;
	justify-content: flex-start;
	gap: 20px;
	padding: 30px calc(50% - 462px);
	padding-top: 25px;
	padding-bottom: 29px;
}





body nav .main-nav .mega-menu > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #FEFEFE;
	overflow: hidden;
	z-index: 999;
}

nav,
.main-nav {
	overflow: visible !important;
}



.main-navigation .main-nav ul li.mega-menu.arrow-visible a::before {
	content: '';
	width: 23px;
	height: 10px;
	display: inline-block;
	background: url('/wp-content/uploads/2026/02/arrow-up.svg');
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translate(-50%, 0px);
	background-repeat: no-repeat;
	background-size: cover;
}












.main-nav  .sub-menu li a {
	padding: 0px !important;
	display: flex !important;
	flex-direction: column-reverse;
	gap: 20px;
}

.main-nav ul li img{
	border-radius: 5px;
	display: none;
}

.menu-item-text , .sub-menu li a{
	padding-bottom: 0px;
	border-bottom: 0px solid rgba(0, 0, 0, 0.10);
	font-size: 14px !important;
	line-height: normal;
	letter-spacing: -0.16px;
}

nav .main-nav .mega-menu > ul > li{
	width: fit-content !important;
}

.sub-menu{
	background-color: #282d37ed !important;
}

nav .main-nav > ul > li >.sub-menu{
	left: 0 !important;
}

.sub-menu li a{
	color:#FEFEFE!important;
	font-weight: 400 !important;
}
/* 
.sub-menu li:hover, .sub-menu li{
background: #282d37db !important;
} */

.sub-menu li:hover >a {
	background: #282d37 !important;
	color: #fc4b24 !important;
	transform: color 0.3s ease;
}

.sub-menu li{
	padding: 8px 16px 8px;
}

.sub-parent{
	position: relative;
}
.sub-parent:after{
	content: '';
	width: 6px;
	height: 12px;
	display: inline-block;
	background: url('/wp-content/uploads/2026/03/menu-arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	right: 12px;
	top: 10px;


}

.main-navigation .main-nav ul ul li a{
	background: transparent !important;
}




/* Main mega menu */
.main-event > .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 9999;
	padding: 0;
	margin: 0;
}

.main-event:hover > .sub-menu {
	display: block;
}

/* Wrapper */
.mega-menu-wrapper {
	display: flex;
	max-width: 1200px;
	gap: 50px;
}

/* Tabs Navigation - Left Side */
.mega-tabs-nav {
	min-width: 200px;
	max-width: 200px;
	border-right: 1px solid #e0e0e0;
	padding-right: 50px;
}

.mega-tab-btn {

	color: #1E1E1E;
	transition: all 0.3s ease;
	font-size: 14px;
	padding: 8px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);;
	line-height: 120%;
	letter-spacing: -0.14px;
}

.mega-tab-btn:first-child{
	padding-top: 0px;
}

.mega-tab-btn:last-child{
	padding-bottom: 0px;
	border: none;
}

.mega-tab-btn.major-series{
	border: none;
}

.mega-tab-btn:hover {

	color: #FC4B24;
}

.mega-tab-btn.active {

	color: #FC4B24;
}

/* Tabs Content - Right Side */
.mega-tabs-content {
	flex: 1;
	position: relative;
	min-height: 230px;
}

.mega-tab-panel {
	display: none;
	animation: fadeIn 0.3s ease;
}

.mega-tab-panel.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Content Grid */
.mega-tab-panel > .sub-menu {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto !important;
}

.mega-tab-panel > .sub-menu > li {
	margin: 0;
	padding: 0;
}


/* .mega-tab-panel > .sub-menu > li img {

object-fit: cover;
border-radius: 6px;

} */

.mega-tab-panel > .sub-menu > li .menu-item-text {
	color: #1E1E1E;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height:   142.857%  ;
	letter-spacing: -0.312px;
}


.mega-tabs-nav .dropdown-menu-toggle,
.mega-tab-panel .dropdown-menu-toggle {
	display: none !important;
}

.mega-tab-btn:nth-child(4) {
	border: none;
}

.major-events .sub-menu  {
	grid-template-columns: repeat(2, 1fr);
	column-gap: 50px;
}

.major-series  .sub-menu{
	grid-template-columns: repeat(3, 1fr);
	column-gap: 50px;
}


.major-events .sub-menu li a,  .major-series .sub-menu li a {
	flex-direction: row;

	align-items: center;
	column-gap: 15px;
}

.major-events .sub-menu .menu-item-text, .major-series .sub-menu .menu-item-text{
	border: none !important;
}



.triathlete-country:empty {
	display: none !important;
}

.underline-none a{
	text-decoration: none !important;
}

.pointer-none{
	pointer-events: none;
}


.main-navigation .main-nav ul li.mega-menu.arrow-visible .sub-menu a::before{
	display: none;
}


.trending-slider .slick-list{
	margin-left: 10px !important;
}


.race-post #right-sidebar {
	margin-top: 80px;
}

.author-con h2{
	color: #fefefe !important;
}

.product-reviews-post .site-content .content-area{
    width: 100%;
}

.gear-hero .tri247-news-h2, .gear-hero .tri247-post-h3{
    display: none;
}

/* author archive */

.authors-list-item-thumbnail img{
	border-radius: 10px!important;
	width: 100%;
}

.authors-list-items{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr  ;
	gap: 30px;
}

.authors-list-item{
	width: 100% !important;
	background: #F9F9F9;
	border-radius: 10px;
	margin-bottom: 0 !important;
}

.authors-list-clearfix:before{
	display: none !important;
}

.authors-list-item-title{
	font-size: 20px !important;
}


.authors-list-item-main{
	padding: 10px 14px 15px;
}

.authors-list-item-thumbnail{
	margin-bottom: 14px !important;
}




.gb-tabs__buttons::-webkit-scrollbar , .tab-post::-webkit-scrollbar{
	width: 2px;  
	height: 2px;  
}

.tab-post::-webkit-scrollbar{
	width: 4px;  
	height: 4px;  
}

.gb-tabs__buttons::-webkit-scrollbar-track , .tab-post::-webkit-scrollbar-track{
	background: #cacaca;   
	border-radius: 10px; 
}

.gb-tabs__buttons::-webkit-scrollbar-thumb, .tab-post::-webkit-scrollbar-thumb {
	background: #888; 
	border-radius: 10px; 
}

.gb-tabs__buttons::-webkit-scrollbar-thumb:hover,  .tab-post::-webkit-scrollbar-thumb:hover {
	background: #555;
	border-radius: 10px; 
}

.tab-post{
	padding-bottom: 10px;
}

.gb-tabs__buttons{
	margin-bottom: 10px;
}






.hero-section-slider::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2026/03/load.png');
	background-color: #1A1E26;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 9999;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.hero-section-slider {
	position: relative;
}


.hero-section-slider.hero-slider-active:before{
	opacity: 0;
	pointer-events: none;
} 



.wp-social-link-x  ,
.wp-social-link-tiktok ,
.wp-social-link-youtube {
	background: #fff;
	border-radius: 20px;
}

.wp-social-link-x svg ,
.wp-social-link-tiktok svg,
.wp-social-link-youtube svg {
	padding: 3px;
}





/* .main-navigation ul {
position: relative;
}

.main-navigation ul ul {
position: absolute;
top: 100%;
opacity: 0;
visibility: hidden; 
transform: scaleY(0);
transform-origin: top; 
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.main-navigation ul li:hover > ul {
opacity: 1; 
visibility: visible; 
transform: scaleY(1); 
}

.main-navigation ul li:hover > ul > li:hover > ul,
.main-navigation ul li:hover > ul > li:hover > ul > li:hover > ul,
.main-navigation ul li:hover > ul > li:hover > ul > li:hover > ul {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}

.main-navigation ul ul li a {
padding: 8px 12px;
display: block;
}
*/




/*  
body .main-navigation .sub-menu {
position: absolute;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transform-origin: top left;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
min-width: fit-content;
z-index: 999;
}

body .main-navigation ul > li > .sub-menu {
top: 100%;
left: 0;
}

body .main-navigation .sub-menu li > .sub-menu {
top: 0;
left: 100%;
}

body .main-navigation ul li {
position: relative;
}

body .main-navigation ul li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0s;
}

body .main-navigation .sub-menu li a {
padding: 8px 12px;
display: block;
white-space: nowrap;
} */




/* New Post Layout  */

.lets-race-v2-post .grid-container.hfeed {
	max-width: 100%;
}

.lets-race-v2-post .site-content{
	max-width: 100% !important;
}

.lets-race-v2-post .site-content .content-area{
	width: 100% !important;
} 

@media only screen and (min-width: 1023px) {


	body .main-navigation .sub-menu {
		display: block !important; /* always in render tree */
		position: absolute;
		opacity: 0;
		visibility: hidden;
		transform: scaleY(0);
		transform-origin: top left;
		transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s 0.2s !important;
		min-width: fit-content;
		z-index: 999;
		pointer-events: none;
	}

	body .main-navigation ul > li > .sub-menu {
		top: 100%;
		left: 0;
	}

	body .main-navigation .sub-menu li > .sub-menu {
		top: 0;
		left: 100%;
	}

	body .main-navigation ul li {
		position: relative;
	}

	/* ── HOVER (desktop) ── */
	body .main-navigation ul li:hover > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: scaleY(1);
		transition: transform 0.2s ease, opacity 0.2s ease, visibility 0s 0s !important;
		pointer-events: auto;
	}

	/* ── CLICK TOGGLE (aria-label) ── */
	/* body .main-navigation ul li:has(.dropdown-menu-toggle[aria-label="Close Submenu"]) > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
	transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0s;
	pointer-events: auto;
}
	*/
	body .main-navigation .sub-menu li a {
		padding: 8px 12px;
		display: block;
		white-space: nowrap;
	}



}




@media only screen and (max-width: 1599px) {

	body .width-100.gb-container {
		max-width: 100%;
	}


	.gb-container,
	.grid-container {
		max-width: 1240px;
	}

	.width-100>.gb-container {
		max-width: 1240px !important;
	}

	.main-nav ul.sf-menu>li:last-of-type a {
		padding: 7px 24px !important;
		font-size: 14px;
	}

	.font-14{
		font-size: 12px !important;
	}


	.font-16{
		font-size: 14px !important;
	}



	/* 	home page */

	/* 	Trending slider */
	.triathlete-con.gb-container {
		max-width: calc(100% - 6vw) !important;
	}

	.triathlete-slider .slick-track {
		margin-left: 75px;
	}

	.height-436 img{
		aspect-ratio: 5 / 4.03;
	}


	/* Become faster footer common section */


	.become-faster  input[type="email"]{
		font-size: 13px;
	}

	.become-faster .mailerlite-subscribe-submit{
		font-size: 16px;
		padding: 11px 30px;
	}

	.become-faster > .gb-container{
		padding:   0px;
	}

	.editors-tab-sec .gb-tabs__button{
		padding: 0px 66px;
	}


	/* 	About page  */

	.about-people-image{
		width: 70% !important;
	}


	.about-us-con > .gb-container,
	.small-con> .gb-container{
		max-width: 1040px !important;
	} 

	.page-id-224 .site-content,
	.single-post .site-content, .single-gear-guides .site-content{
		max-width: 1040px !important;
		margin: 0 auto;
	}

	.page-id-224 #primary {
		max-width: 66% !important;
	}

	/* 	Event detail guide  */

	.guide-inner.width-100.gb-container{
		max-width: 100% !important;
	}


	.triathlon-event-tags a button{
		line-height: 110%;
	}

	/* 	Triathletes page */

	.triathlete-profile-sec .gb-tabs__button{
		padding: 0px 17px 14px;
	}

	/* 	News Page */

	.pro-tri.gb-container{
		padding-top: 60px;
	}

	/* 	News detail page */

	.sidebar{
		width: 300px;
	}

	.single-post .site-content .content-area {
		width: 75%;
	}


	/* 	Header menu */
	body nav .main-nav .mega-menu > ul{
		left: -7vw !important;
		padding: 30px calc(50% - 375px);
	}

	.editors-tab-sec .gb-tabs__button{
		padding: 0px 9%;
	}



	.editors-tab-sec.news .gb-tabs__button {
		padding: 0px 3%;
	}

	.lets-race-v2-post .site-content{
		max-width: 100% !important;
	}


	.promo, .advert{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	
	    .single-post .site-content .content-area {
        width: 100%;
    }




	/* 1367px */
}


/* Responsive Design */
@media (max-width: 1024px) {
	.hero-section-slider {
		height: 500px;
	}

	.hero-slide .gb-headline-fe559bf1 {
		font-size: 2rem;
	}

	.hero-nav-title {
		font-size: 0.75rem;
	}
}

@media only screen and (max-width: 1366px) {

	.width-100>.gb-container {
		max-width: 1121px !important;
	}

	.gb-container, .grid-container {
		max-width: 1121px;
	}

	/* 	Triathlete page */

	.triathlete-list > .gb-grid-column {
		width: 25% !important;
		padding-left: 15px !important;
	}

	.triathlete-list{
		margin-left: -15px !important;
	}

	/* 	About us page */

	.about-us-con > .gb-container,
	.small-con> .gb-container{
		max-width: 1040px !important;
	}

	/* 	Event page */

	.event-filter{
		width: 100% !important;
	}

	.event-search .facetwp-facet-search_events {
		width: 85%;
	}

	.post-type-archive-triathlon-events input[type="text"], .post-type-archive-triathlon-events .facetwp-dropdown,
	.category-race .facetwp-dropdown{
		font-size: 16px;
	}

	.post-type-archive-triathlon-events .facetwp-dropdown, .category-race .facetwp-dropdown{
		background-size: 20px;
	}

	.new-event{
		font-size: 16px !important;
	}

	.event-btn-grid{
		flex-wrap: wrap !important;
	}

	.post-type-archive-triathlon-events .site-content{
		padding-top: 80px !important;
	}


	/* 	Home page */

	.training-heading.font-14{
		font-size: 11px !important;
		padding: 6px 8px;
		line-height: 120%;
	} 


	.hero-slide .gb-headline{
		font-size: 22px;
		padding-top: 8px !important;
		margin-bottom: 26px;
	}

	.hero-slide .training-heading{
		margin-bottom: 0px;
		font-size: 11px;

	}

	.hero-read-now-btn{
		padding: 8px 22px !important;
		font-size: 14px;
	}

	.hero-nav-dots{
		gap: 20px;
		padding: 0px 18px 20px;
	}

	.hero-nav-title{
		font-size: 14px;
		padding-top: 16px;
	}

	.hero-nav-dot::before, .hero-nav-dot-progress{
		height: 3px;
	}

	.hero-slide-link{
		padding: 18px;
		padding-bottom: 106px !important;
	}

	.global-btn{
		font-size: 14px;    
		padding: 9px 26px !important;
	}

	.triathlete-con.gb-container{
		max-width: 95% !important;
	}

	.editors-tab-sec .gb-tabs__button {

		font-size: 15px;
	}

	.editors-tab-sec .gb-tabs__button {
		padding: 0px 20px 14px !important;
	}


	.editors-tab-sec.news .gb-tabs__button {
		padding: 0px 3.5%;
	}

	.height-158 img {
		aspect-ratio: 4 / 1.94;
	}

	.triathlete-country{
		font-size: 11px !important;
	}

	.home-triathlete-name{
		font-size: 16px !important;
	}


	/* 	Header menu  */

	body nav .main-nav .mega-menu > ul{
		left: -3.3vw !important;
	}


	.authors-list-items{
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
	}

	.authors-list-item-title {
		font-size: 20px !important;

	}

	.authors-list-item-subtitle{
		font-size: 13px !important;
		line-height: 140% !important;
	}

	a.authors-list-item-link {
		font-size: 15px;

	}



	/* 	1200px */
}


@media only screen and (max-width: 1199px) {

	.width-100>.gb-container {
		max-width: 940px !important;
	}

	.gb-container, .grid-container {
		max-width: 940px;
	}

	/* 	Footer */
	.footer-widget-1 .widget_media_image, .footer-widget-1 .widget_text {
		margin-bottom: 12px;
	}



	/* 	Event page */

	.post-type-archive-triathlon-events input[type="text"], .post-type-archive-triathlon-events .facetwp-dropdown,
	.category-race .facetwp-dropdown{
		font-size: 16px;
	}

	.post-type-archive-triathlon-events .facetwp-dropdown,
	.category-race .facetwp-dropdown{
		background-size: 20px;
	}

	.new-event{
		font-size: 16px !important;
	}

	.post-type-archive-triathlon-events .site-content{
		padding-top: 60px !important;
	}

	/* 	Event Detail - guide page */

	.single-post .site-content p, .instagram-media {
		margin-bottom: 14px !important;
	}

	/* 	Home page */
	.triathlete-con.gb-container {
		max-width: 95% !important;
	}

	.latest-right{
		row-gap: 16px !important;
	}


	.editors-tab-sec .gb-tabs__button{
		padding: 0px 8%;
	}

	/* 	Header menu  */


	body nav .main-nav .mega-menu > ul{
		left: -4.1vw !important;
		padding: 30px calc(50% - 285px);
	}

	.editors-tab-sec.news .gb-tabs__button {
		padding: 0px 6%;
		min-width: fit-content;
	}


	/* 	1025px */
}


@media only screen and (max-width: 1024px) {

	.width-100>.gb-container {
		max-width: 100% !important;
		padding-left: 30px;
		padding-right: 30px;  

	}

	.gb-container, .grid-container {
		max-width: 100% ;
	}

	.one-container .site-content{
		padding: 30px 30px;
	}

	/* 	Header */

	.top-bar, .main-navigation{
		padding-left: 30px;
		padding-right: 30px;
	}


	.inside-top-bar {
		padding: 12px 30px 8px 30px ;
		justify-content: center;
	}



	.top-bar p{
		font-size: 14px;
	}

	.main-navigation .menu-toggle{
		font-size: 24px !important;
	}

	.main-navigation .inside-navigation{
		padding: 10px 0px !important;
	}

	/* 	footer */
	.footer-widgets-container {
		padding: 40px 30px 40px 30px;
	}


	.inside-footer-widgets>div{
		width: 48%;
	}

	.inside-footer-widgets {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
		row-gap: 30px;
	}

	.inside-footer-widgets>div:not(:last-child)

	{
		margin-bottom:  0px;
	}


	.site-footer {
		margin-bottom: 70px !important;
	}


	.inside-site-info{
		padding: 15px 0px 17px;
	}

	.slideout-navigation.main-navigation .main-nav ul li a {
		font-size: 16px;
	}

	.slideout-navigation .main-nav {
		margin: 0;
	}

	.hero-section-right .gb-grid-column:last-child > .gb-container {
		padding-bottom: 20px !important;
		border-bottom:1px solid #e5e5e5 !important;
	}

	.hero-section-right .gb-grid-wrapper:last-child .gb-grid-column:last-child .bottom-posts{
		border: none !important;
	}

	.hero-section-right .gb-grid-column:first-child > .gb-container {
		padding-top: 20px !important;
	}

	.sub-menu {
		background-color: #282d37 !important;
	}






	/* 	become section */

	.become-faster input[type="email"]{
		width: 290px;
		padding: 6px 14px;
	}

	/* 	Event page */

	.post-type-archive-triathlon-events input[type="text"], .post-type-archive-triathlon-events .facetwp-dropdown,
	.category-race .facetwp-dropdown{
		font-size: 15px;
	}

	.new-event {
		font-size: 14px !important;
		line-height: normal;
	}

	.event-date .gb-icon{
		width: 18px;
		height: 18px;
	}

	.event-pagination {
		margin-top: 40px !important;
	}


	/* 	Event detail guide  page*/

	.guide-inner.width-100.gb-container{
		padding: 0;
	}

	.triathletes-content h2, .triathletes-content h3, .single-post h2, .single-post h3 {
		margin-bottom: 10px;
	}

	/*  Event detail page */

	.trending-slider .slick-list.draggable{
		margin-left: 0;
	}

	.race-con.gb-container {
		padding-left: 0;
		padding-right: 0;
	}


	.race-con-upper > .gb-container{
		padding-left: 4px;
		padding-right: 4px;
	}

	/* Triathletes page */

	.triathlete-list > .gb-grid-column {
		width: 33% !important;
		padding-left: 15px !important;
	}

	.triathlete-profile-sec .gb-tabs__button {
		padding: 0px 15px 10px;
	}

	.category-archive-background:after {
		background: linear-gradient(-90deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.7) 55.65%) !important;
	}

	/* 	Become section */
	.become-faster:after{
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.50) 28.15%, rgba(0, 0, 0, 0.30) 71.6%) !important;
	}

	/* Triathletes Detail page */



	.triathlete-height, .triathlete-birth-age{
		margin-left: 0 !important;
	}

	/* 	News Detail page */


	.single-post .site-content{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	/* 	About page */
	.page-id-224 #primary {
		max-width: 100% !important;
		padding-left:30px;
		padding-right:30px;
	}

	/* Home page */

	.hero-slide::before{
		width: 200%;
	}

	.hero-slide::after{
		width: 205%;
	}

	.hero-slide .gb-headline{
		width: 100%;
	}


	.home-trending-slider .slick-track{
		display: flex;
		gap: 12px;
	}


	.triathlete-slider .slick-slide, .home-trending-slider .slick-slide{
		margin: 0 !important;
	}

	.triathlete-slider .slick-track {
		margin-left: 0;
		display: flex;
		gap: 10px;
	}

	.editors-tab-sec .gb-tabs__button{
		min-width: fit-content;
	}


	.hero-section-right .gb-grid-column:nth-child(3) .gb-container {
		border: none !important;
	}


	.hero-slide-link{
		padding-bottom: 206px !important;
	}


	.slideout-navigation.main-navigation .main-nav ul li a{1
		font-size: 20px !important;
		font-weight: 600 !important;
	}


	.slideout-navigation.main-navigation .main-nav .sub-menu li a{
		flex-direction: row;
		font-size: 14px !important;
		padding: 4px 0px !important;
	}

	.slideout-navigation.main-navigation .sub-menu {
		padding:   0px;
	}

	.main-nav ul li a {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}


	.slideout-navigation.do-overlay .slideout-exit{
		position: absolute !important;
		top: 6px !important;
		z-index: 2;

	}

	.slideout-navigation .main-nav {
		margin: 50px 0px 0px 0px !important;
	}


	.main-navigation .main-nav>ul{
		gap: 10px;
	}

	.slideout-navigation.main-navigation .main-nav ul li a{
		line-height: 2em ;
	}


	.show-ad{
		display: none !important;
	}

	.race-image {
		display: flex !important;
	}


	.margin--bottom-80 {
		margin-bottom: 60px;
	}


	.nav--mobile{
		display: none;
	}


	.lets-race-v2-post.single-post .site-content{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}


	html{
		scroll-padding-top: 90px;
	}



	/* 	768px */
}


@media only screen and (max-width: 1023px){

	.top-bar, .main-navigation {
		padding-left: 30px;
		padding-right: 30px;
	}

	.main-navigation .main-nav>ul{
		gap: 0;
	}

	.top-bar-align-center .widget:first-child {
		margin-left: 0;
	}

	.main-nav ul li img{
		margin-bottom: 15px;
		z-index: 3;
	}

	.slideout-navigation.main-navigation .sub-menu{
		flex-direction: column;
		padding-left: 10px;
	}

	.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle{
		border: none !important;
	}

	.nav-align-right .navigation-branding{
		margin: 0 !important;
	}

	.main-navigation .menu-toggle{
		padding: 0 !important;
	}

	.join-btn {
		border-radius: 5px;
		background: #fc4b24;
		line-height: 142.857% !important;
		padding: 9px 24px !important;
		font-size: 14px !important;
		letter-spacing: -0.312px !important;
		color: #fefefe !important;
		order: 3;
		min-width: 131px;
		margin-left: 20px;
	}


	.join-btn{
		display: none !important;
	}


	.slideout-navigation.do-overlay .inside-navigation{
		align-items: flex-start;

	}

	#generate-slideout-menu .join-btn{
		margin-left: 0;
		margin-top: 10px;
		display: block !important;
	}

	.main-navigation .inside-navigation{
		border-top: 0px;
	}

	.main-nav .sub-menu li a{
		gap: 4px;
	}

	.slideout-navigation.main-navigation{
		background-color: #1A1E26 !important;
	}

	.slideout-navigation.main-navigation .main-nav ul li a{
		color: #fff !important;
		font-weight: 400 !important;
	}

	.slideout-navigation.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
	.slideout-navigation.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
	.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"] > a{
		background-color: transparent !important;
	}

	.slideout-navigation.do-overlay .slideout-menu li {
		margin-bottom: 0 !important;
	}

	.gp-icon svg{
		fill: #fff !important;
	}








	#generate-slideout-menu.main-navigation ul ul {
		display: block !important;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transform: scaleY(0);
		transform-origin: top;
		transition: max-height 0.2s ease, opacity 0.15s ease, transform 0.15s ease !important;
	}

	#generate-slideout-menu.main-navigation ul ul.toggled-on {
		max-height: 2000px;
		opacity: 1;
		transform: scaleY(1);
		transition: max-height 0.2s ease, opacity 0.15s ease, transform 0.15s ease !important;
	}

	/* Sub-sub menu — smaller max-height = smoother */
	#generate-slideout-menu.main-navigation ul ul ul {
		max-height: 0;
		opacity: 0;
		transform: scaleY(0);
	}

	#generate-slideout-menu.main-navigation ul ul ul.toggled-on {
		max-height: 400px;
		opacity: 1;
		transform: scaleY(1);
	}





}



@media only screen and (max-width: 768px){
	.editors-tab-sec .gb-tabs__buttons{
		justify-content: flex-start;
	}
}


@media only screen and (max-width: 767px) {

	h2 {
		font-size: 22px;
	}

	body{
		font-size: 15px;
	}

	.width-100>.gb-container{
		padding-left: 15px;
		padding-right: 15px;
	}


	.one-container .site-content{
		padding: 30px 15px;
	}


	/* 	Header */

	.top-bar-align-center .widget:first-child {
		width: 100%;
	}

	.top-bar .inside-top-bar>.widget img{
		height: 30px;
		object-fit: cover;
		width: 100%;
	}

	.top-bar .inside-top-bar {
		gap: 16px;
		row-gap: 5px;
	}


	.top-bar p{
		line-height: normal;
	}


	.bottom-posts {
		border-bottom: 1px solid #e5e5e5 !important;
	}

	.hero-section-right .gb-grid-wrapper:last-child .gb-grid-column:last-child .bottom-posts{
		border: none !important;
	}


	/* 	Event page */

	.post-type-archive-triathlon-events input[type="text"], .post-type-archive-triathlon-events .facetwp-dropdown,
	.category-race  .facetwp-dropdown{
		padding: 13px 16px;
	}

	.post-type-archive-triathlon-events .facetwp-dropdown,
	.category-race  .facetwp-dropdown{
		background-size: 18px;
	}

	.event-date .gb-icon {
		width: 16px;
		height: 16px;
	}

	.event-search .facetwp-facet-search_events {
		width: 100%;
	}

	/* 	Event detail page */

	.triathlon-event-tags a button{
		font-size: 12px !important;
	}


	.triathlete-profile-sec .gb-tabs__buttons{
		gap: 10px;
	}

	.triathlete-profile-sec .gb-tabs__button {
		padding: 0px 6px 10px;
	}

	.race-con.gb-container {
		padding-left: 0;
		padding-right: 0;
	}

	/* Triathletes detail page */

	.triathlete-detail-image img{
		margin-top: 20px;
	}

	/* 	News Detail page */


	.single-post .site-content{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.trending-slider .slick-list.draggable{
		padding-top: 24px;
	}

	/* 	About page */

	.page-id-224 #primary{
		padding-left: 15px;
		padding-right: 15px;
	}



	.trending-slider .slick-list.draggable, .home-trending-slider .slick-list.draggable{
		padding-top: 30px;
	}

	.news-tab-content .gb-grid-wrapper:first-child {
		width: 100%;
	}

	/* 	Home page */

	.hero-slide{
		width: 100% !important;
	}

	.hero-slide .gb-headline {
		font-size: 18px;
		padding-top: 8px !important;
		margin-bottom: 24px;
	}

	.hero-slide .training-heading {

		font-size: 10px;
	}

	.hero-read-now-btn{
		padding: 7px 20px !important;
	}

	.hero-nav-dots {
		gap: 10px;
		padding: 0px 12px 16px;
	}


	.hero-nav-title {
		font-size: 12px;
		padding-top: 14px;
		font-weight: 400;
	}

	.hero-slide-link {
		padding-bottom: 80px !important;
		padding: 12px;
	}

	.hero-slide::before{
		width: 100%;
	}

	.hero-slide::after{
		width: 105%;
	}

	.site-logo.mobile-header-logo img{
		width: 72px !important;
	}

	.slideout-navigation .main-nav{
		padding: 20px 0px 0px;
	}

	.slideout-navigation.main-navigation .main-nav ul li a{
		font-size: 18px !important;
	}

	.slideout-navigation.main-navigation .main-nav .sub-menu li a{
		font-size: 13px !important;
	}

	.slideout-navigation.do-overlay .slideout-exit{
		padding: 20px !important;
		padding-right: 0px !important;
	}

	.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle{
		padding-right: 0 !important;
	}


	.sticky-side{
		position: unset;
	}

	.margin--bottom-80 {
		margin-bottom: 40px;
	}

	.navigation-branding{
		width: 100%;
	}

	.navigation-branding img{
		width: 75px !important;
	}

	.main-navigation {
		padding-left: 15px;
		padding-right: 15px;
	}

	.join-btn{
		font-size: 14px !important;
		min-width: 119px;
		padding: 8px 18px !important;
	}


	.hero-nav-dots{
		display: none;
	}

	.hero-section-slider
	{
		height: 460px;
	}


	.authors-list-items {
		grid-template-columns: 1fr 1fr;
		gap: 14px;
	}

	.authors-list-item{
		margin-bottom: 10px !important;
	}

	.tab-post{
		display: grid !important; 
		grid-template-columns: repeat(8, 100%);  
		overflow-x: scroll;   
		scroll-snap-type: x mandatory;  
		width: 100%; 
		gap: 10px;
	}

	.hero-section-slider::before{
		background-size: 120%;
	}



	.event-pagination .page-numbers{
		font-size: 14px !important;
		padding: 8px 0px !important;
	}

	.event-pagination.triathlete .page-numbers{
		padding: 8px 10px  !important;
	}




	/* 	480px */
}


@media only screen and (max-width: 599px){
	.trending-slider.post-detail .slick-slide{
		margin-right: 0px !important;
	}

	/* 	Triathletes page */

	.triathlete-list > .gb-grid-column {
		width: 50% !important;

	}


}


@media only screen and (max-width: 575px) {

	/* 	Home page */
	/* 
	.hero-section-slider {
	height: 410px;
} */

	/* 	Footer */

	.footer-widgets-container {
		padding: 40px 15px 20px 15px;
	}

	.inside-footer-widgets>div {
		width: 85%;
		margin-bottom: 20px !important;
	}

	.footer-widgets .widget {
		margin-bottom: 14px;
	}

	.footer-widgets .widget_nav_menu li{
		margin-bottom: 8px;
	}

	.footer-bar-active .footer-bar {
		margin-bottom: 8px;
	}

	.inside-footer-widgets{
		gap: 10px;
	}

	/* 	become section */

	.become-faster .mailerlite-form-inputs{
		flex-direction: column;
		align-items: flex-start;
	}

	.become-faster .mailerlite-subscribe-submit {
		font-size: 14px;
		padding: 9px 24px;
		margin-left: 0;
	}


	/* 	Event page */

	.event-loop .gb-grid-column{
		width: 100% !important;
	}

	/* 	About page */

	.about-people-image {
		width: 100% !important;
	}




}



@media only screen and (max-width: 480px){

	.inside-footer-widgets>div{
		width: 100%;
	}

	/* 	Header */

	.top-bar .inside-top-bar {
		gap: 5px;
		padding: 8px 15px;
	}

	.top-bar .inside-top-bar>.widget img{
		height: 27px;
	}

	.main-navigation .inside-navigation {
		padding: 7px 0px !important;
	}

	/* 	Triathletes page */

	.triathlete-list > .gb-grid-column {
		width: 100% !important;
	}

	/* 	About page */

	.about-people-image {
		width: 130% !important;
	}


	.trending-slider .slick-list {
		margin-left: 0px !important;
	}




}


@media only screen and (max-width: 379px){

	/* 	About page */

	.about-con {
		flex-direction: column;
		padding: 16px !important;
		gap: 18px !important;
	}


}