/* CSS Document */

/** McCLARRONS SPORT MICROSITE **/

html{ font-family: 'Roboto', sans-serif; color: #318b68; font-size:16px; font-weight: 300;}


/*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/
/***** FONTS *****/
p{ font-size:1rem; font-weight: 300; line-height: 175%; color: #232323; }
a{ color:#318b68; }
a:hover{ color:#232323; }

/***** FORMS *****/
.form-field{ padding-right:20px; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea,
select{ color: #6F6F6E; font-size: 0.9rem; background-color: #f2f2f2; border: none; margin: 0 0 -6px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	box-shadow: none; outline: none;
}
form .required-field, form .sensitive-data{ font-size:0.85rem; }

.your-referral{ display: none; }

.section-container{ position: relative; overflow: hidden; display: flex; }
.section-wrapper{ position: relative; overflow: hidden; width: 100%; color: initial; }
.section-heading { font-size: 2rem; width: 60%; line-height: 2rem; margin-bottom: 2rem; text-transform: uppercase; color :#232323; }
.section-title{ position: relative; overflow: hidden; }
.section-content{ position: relative; overflow: hidden; }




/**** HEAD ***/


/**** BODY ****/

#mcc-sport-section{  }
.color{  }

/************************************ HEADER START ************************************/

#sport-site-header{ position: relative; }
.main-nav-sticky-container { font-family: 'Barlow', 'sans-serif'; font-weight: 500; }
.big-header{  }

.menu-toggle-container{ position: absolute; right: 0; height: 90px; z-index: 10001; width: 100px; display: none; align-items: center; justify-content: center; }
.menu-toggle{ position: relative; float: right; height: 32px; width: 40px; display: block; margin: 0; top: 0; right: 0; }
.menu-toggle-line{ height: 2px; width: 100%; background-color: #232323; left: 0; z-index: 10000; transition: all 0.1s; }
#menu-toggle-line-1{ top: 5px; transform: none; left: 0; width: 100%; }
#menu-toggle-line-2{ top: 15px; width: 90%; margin-left: 5%; left: 0; }
#menu-toggle-line-3{ top: 25px; transform: none; left: 0; width: 100%; }
.menu-toggle-container:hover #menu-toggle-line-1{ top: 3px; }
.menu-toggle-container:hover #menu-toggle-line-2{ width: 100%; margin-left: 0; }
.menu-toggle-container:hover #menu-toggle-line-3{ top: 27px; }
.menu-toggle.active #menu-toggle-line-1{ transform: rotate(45deg); top: 15px; }
.menu-toggle.active #menu-toggle-line-2{ width: 0%; margin-left: 50%; }
.menu-toggle.active #menu-toggle-line-3{ transform: rotate(-45deg); top: 15px;}
.mobile-mega-menu{  position: fixed; top: 90px; left: 5%; width: 90%; height: 0; overflow-y: scroll; z-index: -1; transition: all 0.3s; }
.mobile-menu-active .mobile-mega-menu{ z-index: 1000; height: auto; transition: all 0.3s; }
.mobile-menu-internal-container{ position: relative; float: left; width: 100%; height: 100%; background-color: #ffffff; padding: 50px;  }
.mobile-mega-menu .main-navigation{ height: auto; width: 100%; margin:0; display: block; }
.mobile-mega-menu .main-navigation ul li{ width: 100%; }
.mobile-menu { position: relative; float: left; width: 100%; }
.mobile-mega-menu .main-navigation .mobile-social ul li{ width: auto; }
.mobile-mega-menu .main-navigation .mobile-social{ display: inline-block; padding-top: 15px; border-top: 1px solid #ebebeb; margin-top: 15px; }
.mobile-social { position: relative; float: left; width: 100%; }
.mobile-mega-menu .main-navigation-sticky-inner{ display: block; }
.menu-toggle.active, .menu-toggle.inactive { animation-name: none; }
@media screen and (max-width: 1100px){
	body.mobile-menu-active { overflow-y: auto; }
}

#sticky-header{ border-bottom: 1px solid #ebebeb; z-index: 10000; top: 0; height: auto; }
.left-content-section{  }
#site-logo{ height: 60px; margin: 15px 0 15px 20px; width: auto; padding-top: 0; }
.header-logo-container{ border-right: 1px solid #ebebeb; }
.header-logo-container a{  }
.header-logo-container img{ margin-right: 30px; }


.header-email-container{ height: 70px; margin: 10px 0; width: auto; border-right: 1px solid #ebebeb; }
.header-email-container a{  }
.header-email-container img{ padding: 20px 30px; }
.header-phone-container{ height: 40px; margin: 25px 0; padding: 0 30px; width: auto; text-align: center; position: relative; overflow: hidden; display: flex; align-items: center; }
.header-phone-container a{ cursor: pointer; }
.desktop-phone-wrapper { position: relative; float: left; display: block; cursor: pointer; }
.mobile-phone-wrapper { position: relative; float: left; display: none; cursor: pointer; }
.header-phone-pretext{ position: relative; float: left; padding-right: 5px; }
.header-phone-icon{ position: relative; float: left; font-size: 1.5rem; }
.header-phone-text{ position: relative; float: left; }
.header-phone-text a{ cursor: pointer; position: relative; float: left; display: inline-block; }
.right-content-section{ float: right; position: relative; }
#site-navigation{ list-style: none; display: inline-block; height: 60px; margin: 15px 0 15px 20px; width: auto; }
.main-navigation{ list-style: none; display: inline-block; margin: 15px 0 15px 20px; width: auto; }
.main-navigation-sticky{  }
.main-navigation-sticky-inner{ display: flex; align-items: center; }
.header-menu{ position: relative; float: right; }
.header-social{ position: relative; float: right; margin: 0 50px; }
.main-navigation ul{ list-style: none; margin: 0; }
.main-navigation ul li{ position: relative; width: auto; text-transform: uppercase; margin: 0 0 0 10px;   }
.header-menu  ul li{ margin: 0 0 0 30px;   }
.header-menu ul li:after { content: ''; display: block; position: absolute; bottom: -5px; left: 0%; height: 3px; width: 0%; transition: width 0.5s; }
.header-menu ul li:hover:after { width: 100%; }

.social-link { background: none; text-indent: 0; }

.underline { position: relative; }
.underline:hover { position: relative; /* cursor: pointer;*/ }
.underline:focus { position: relative; /* cursor: pointer;*/ }
.underline:active { position: relative; /* cursor: pointer;*/ }
.underline:hover::after, .underline:focus::after, .underline:active::after { position: relative; /* cursor: pointer;*/ width: 100%; }
.underline::after{ content:''; position: absolute; left: 0; bottom: -7px; height: 4px; background-color: #fff; width: 0; transition: width .25s; }

@media screen and (max-width: 1600px){ 
	.desktop-phone-wrapper { display: none; }
	.mobile-phone-wrapper { display: block; }
}
@media screen and (max-width: 1450px){ 
	.header-email-container { display: none; }
	.header-phone-container { display: none; }
}
@media screen and (max-width: 1300px){ 
	.header-social { display: none; }
}
@media screen and (max-width: 1100px){ 
	.header-menu { display: none; }
	.menu-toggle-container { display: flex; }
}

/************************************ HEADER END ************************************/



/************************************ HERO START ************************************/

#hero-container{  }
.hero-container{ position: relative; overflow: hidden; height: calc(100vh - 90px); width: 100%; margin-top:90px; z-index: 110; }
.hero-bg{ position: absolute; top: 0; left: 0; height: calc(100vh - 90px); width: 100%; z-index: 111; }
.hero-scroll-container{ position: absolute; bottom: 10px; z-index: 119; left: 0; right: 0; margin: 0 20px; }
.scroll-text{ position: relative; overflow: hidden; text-align: center; text-transform: uppercase; margin-bottom: 10px; }
.scroll-image-wrapper{ position: relative; height: 40px; }
.scroll-image{ position: absolute; height: 100%; width: 100%; animation: sport-scroll-arrow 5s infinite; }
@keyframes sport-scroll-arrow{
	0%		{ top: auto; bottom: 10px; }
	80% 	{ top: auto; bottom: 10px; }
	90% 	{ top: auto; bottom: 0px; }
	100%	{ top: auto; bottom: 10px; }
}
.main-hero-container{ position: relative; height: 100%; width: calc(100% - 401px); float: left; z-index: 112; }
.sportsman-image-container{ height: calc(100% - 100px); position: relative; float: left; bottom: 0; margin: 100px -200px 0 100px; }
.sportsman-image{  }
.hero-text-container{ position: absolute; right: 0; bottom: 0; margin: 0 50px 100px 0; text-align: right; }
.hero-title{ position: relative; overflow: hidden; float: right; width: 100%; margin-bottom: 15px; color: initial; text-transform: uppercase; font-family: 'Barlow Condensed','sans-serif'; }
.hero-title h1{ line-height: 90%; font-weight: 700; font-size: 5rem; }
.hero-text{ position: relative; overflow: hidden; float: right; width: 100%; color: initial; }
.hero-text p{  }
.cta-button-container{ position: relative; float: left; }
.main-hero-container-button{ float: right; }
.cta-button{ position: relative; float: left; padding: 15px 40px; text-transform: uppercase; font-family: 'Barlow'; font-size: 0.9rem; transition: all 0.3s; font-weight: 500; }
.sidebar-hero-container{ position: relative; float: right; z-index: 112; height: 100%; width: 400px; padding: 20px; }
.sidebar-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sidebar-section-container{ position: relative; overflow: hidden; display: flex; align-items: center; text-align: center; width: 100%; height: calc(50% - 5px); }
.sidebar-section-1-container{  }
.sidebar-section-2-container{ margin-top: 10px; }
.sidebar-bg{  }
.sidebar-section-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sidebar1-bg{  }
.sidebar2-bg{  }
.hero-sidebar-section-1-text-container{ padding: 0 30px; width: 100%; }
.hero-sidebar-section-2-text-container{ padding: 0 30px; width: 100%; }
.hero-sidebar-image-wrapper{ position: relative; overflow: hidden; display: flex; justify-content: center; margin-bottom: 10px; }
.hero-sidebar-image{  }
.hero-sidebar-title{ position: relative; overflow: hidden; display: flex; justify-content: center; margin-bottom: 10px; font-family: 'Barlow','sans-serif'; text-transform: uppercase; font-size: 1.5rem; }
.hero-sidebar-text{ position: relative; overflow: hidden; display: flex; justify-content: center; margin-bottom: 20px; font-family: 'Barlow','sans-serif'; font-size: 0.9rem; }
.sidebar-hero-container-button{ position: relative; overflow: hidden; display: flex; justify-content: center; width: 100%; }
.sidebar-hero-container-button .cta-button{ width: 100%; }
.button-1{  }
.button-2{ margin-top: 10px; }
@media screen and (max-width: 1350px){
	.sportsman-image-container{ margin: 100px -200px 0 0; }
	@media screen and (max-height: 700px){
		.main-hero-container { width: calc(100% - 301px); }
		.sidebar-hero-container { width: 300px; }
		.hero-sidebar-image{ display: none; }
	}
}
@media screen and (max-width: 1200px) and (min-height: 700px) , screen and (max-height: 583px), screen and (max-width: 1030px) {
	.hero-bg { height: calc(100vh - 90px); }
	.hero-container { height: auto; }
	.main-hero-container { width: 100%; height: calc(100vh - 90px); }
	.hero-text-container { margin: 0 50px 50px 0; }
	.hero-scroll-container { bottom: 410px; }
	.sidebar-hero-container { height: 400px; width: 100%; }
	.sidebar-section-container { width: calc(50% - 5px); height: 100%; float: left; }
	.sidebar-section-2-container { margin-top: 0; }
}
@media screen and (max-width: 900px){
	.hero-scroll-container { position: relative; float: left; bottom: 0; margin: 15px auto 15px calc(50% - 32px); }
	.hero-bg { height: calc(100vh - 190px); }
	.hero-text-container { margin: 50px 50px 0 0; top: 0; }
	.main-hero-container { height: calc(100vh - 190px); }
	.sportsman-image-container { position: absolute; bottom: 0; left: 0; margin: 0; height: 50vh; }
}
@media screen and (max-width: 750px){
	.hero-container{ height: auto; }
	.sidebar-hero-container { height: 400px; padding: 20px 0; }
}
@media screen and (max-width: 550px){
	#site-logo { margin: 15px 0; }
	.hero-text-container { margin: 20px 20px 0 0; }
	.hero-title h1 { line-height: 90%; font-weight: 700; font-size: 3rem; }
	.sportsman-image-container { height: auto; width: 100%; }
	.sidebar-hero-container { height: auto; padding: 20px; }
	.sidebar-section-container { height: 400px; width: 100%; }
}

/************************************ HERO END ************************************/



/************************************ MAIN SECTIONS START ************************************/

.section-container{ margin: 0 auto; justify-content: center; max-width: 1400px; font-family: 'Barlow','sans-serif'; }
.section-wrapper{ width: 100%; margin: 50px 0; color: initial; }
.external-bg-wrapper{ width: 100%; display: flex; justify-content: center; }
.section-title{ text-transform: uppercase; font-family: 'Barlow Condensed'; font-size: 2.5rem; font-weight: 700; letter-spacing: 0.1rem; line-height: 2.5rem; margin-bottom: 1rem; }
.section-content{  }
@media screen and (max-width: 1440px){
	.section-container .section-wrapper{ margin: 50px 20px; }
}
.external-anchor-point{ position: absolute; left: 0; top: -100px; width: 100%; height: 1px; }
.anchor-point{ position: relative; top: -100px; padding-top:100px; }

/******* TEXT SECTION START ********/
.text-section-container{  }
.text-section-container .section-wrapper{  }
.text-section-container .section-title{ text-align: center; }
.text-section-container .section-content{ text-align: center; max-width: 800px; margin: 0 auto; }
@media screen and (max-width: 840px){
	.text-section-container .section-content{ margin: 0 20px; }
}
/******* TEXT SECTION END ********/


/******* PRODUCTS SECTION START ********/
.products-section-container{ position: relative; overflow: hidden; max-width: 100%; margin-bottom: 50px; }
.products-section-container .section-wrapper{ position: relative; overflow: hidden; max-width: 1400px; }
.products-section-container .section-title{ position: relative; overflow: hidden; text-align: center; max-width: 100%; margin: 0 auto 50px; }
.products-container{ position: relative; overflow: hidden; height: 400px; }
.products-half-container{ position: relative; width: 50%; height: 100%; }
.products-left-half-container{ float: left; }
.products-right-half-container{ float: right; }

.product-teaser-wrapper{ position: relative; float: left; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 120; }
.product-teaser-image-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0.3; z-index: 121; transition: all 0.5s; }
.dark-overlay{ background-color: #000000; }
.light-overlay{ background-color: #ffffff; }
.product-teaser-title{ text-transform: uppercase; font-family: 'Barlow Condensed'; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.1rem; line-height: 1.5rem; z-index: 122; transition: all 0.5s; text-align: center; }

.product-teaser-wrapper{ margin: 5px; }
.product-teaser-wrapper.full-full{ height: calc(100% - 10px); width: calc(100% - 10px); }
.product-teaser-wrapper.full-wide{ height: calc(100% - 10px); width: calc(100% - 10px); }
.product-teaser-wrapper.full-narrow{ height: calc(100% - 10px); width:calc(50% - 10px); }
.product-teaser-wrapper.tall-full{ height: calc(66.66% - 10px); width: calc(100% - 10px); }
.product-teaser-wrapper.tall-wide{ height: calc(66.66% - 10px); width: calc(100% - 10px); }
.product-teaser-wrapper.tall-narrow{ height: calc(66.66% - 10px); width: calc(50% - 10px); }
.product-teaser-wrapper.short-full{ height: calc(33.33% - 10px); width:calc(100% - 10px); }
.product-teaser-wrapper.short-wide{ height: calc(33.33% - 10px); width:calc(100% - 10px); }
.product-teaser-wrapper.short-narrow{ height: calc(33.33% - 10px); width:calc(50% - 10px); }
.product-teaser-wrapper:hover .product-teaser-image-overlay{ opacity: 0.6; }
.product-teaser-wrapper:hover .product-teaser-title{ font-size: 1.7rem; }

.product-modal-popouts-container{ position: absolute; top: 0; left: 0; float: left; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.product-modal-popout{ position: absolute; top:10px; left: 10px; background-color: rgba(255,255,255,0.95); height: calc(90% - 10px); width: calc(90% - 10px); align-items: center; padding: 50px; flex-direction: row; opacity: 0; transition: all 0.5s; z-index: -1; }
.product-modal-popout.modal-selected{ opacity: 1; transition: all 0.5s; height: calc(100% - 20px); width: calc(100% - 20px); z-index: 1000; }
.product-modal-popout.product-modal-left-side{  }
.product-modal-popout.product-modal-right-side{ flex-direction: row-reverse; }
.product-modal-image-container{ position: relative; float: left; height: 90%; width: 40%; opacity: 0;}
.product-modal-image-wrapper{ position: relative; height: 100%; width: 100%;  transition: all 0.5s; display: flex; justify-content: center; align-items: center; }
.product-modal-left-side .product-modal-image-wrapper{ float: left; margin-right: 50px; }
.product-modal-right-side .product-modal-image-wrapper{ float: right; margin-left: 50px; }
.product-modal-title{ text-transform: uppercase; font-family: 'Barlow Condensed'; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.1rem; line-height: 2.5rem; z-index: 122; text-align: center; }
.product-modal-text-container{ position: relative; height: 90%; width: 40%; opacity: 0; transition: all 0.5s; display: block; }
.product-modal-popout.modal-selected .product-modal-image-container, .product-modal-popout.modal-selected .product-modal-text-container { opacity: 1; height: 100%; width: 50%; }
.product-modal-left-side .product-modal-text-container{ float: right; padding-left: 50px; }
.product-modal-right-side .product-modal-text-container{ float: left; padding-right: 50px; }
.product-modal-left-side .product-modal-close{ float: right; margin: -40px -40px 20px 0; }
.product-modal-right-side .product-modal-close{ float: left; margin: -40px 0 20px -40px; }
.product-modal-close{ position: relative; z-index: 10020; width: 50px; height: 50px; cursor: pointer;  }
.product-modal-close-line{ background-color: #313131; position: relative; height: 2px; transition: all 0.3s; }
.product-modal-close-line-1{ transform:rotate(-45deg); top: 25px; left: 0; }
.product-modal-close-line-2{ transform:rotate(45deg); top: 23px; left: 0; }
.product-modal-close:hover .product-modal-close-line-1{transform:rotate(-60deg)}
.product-modal-close:hover .product-modal-close-line-2{transform:rotate(60deg)}
.product-modal-content{ position: relative; overflow: hidden; width: 100%; }
.product-modal-left-side .product-modal-content{ float: right; }
.product-modal-right-side .product-modal-content{ float: left; }
.product-modal-text-container .cta-button-container{  }
.product-modal-text-container .cta-button{  }
@media screen and (max-width:800px){
	.products-half-container { width: 100%; height: 50%; }
	.products-container{ height: 800px; }
	.product-modal-popout{ display: block; padding: 50px 20px 20px; }
	.product-modal-left-side .product-modal-close{ float: right; margin: -40px -10px 0 0; }
	.product-modal-right-side .product-modal-close{ float: left; margin: -40px 0 0 -10px; }
	.product-modal-popout.modal-selected .product-modal-image-container,
	.product-modal-popout.modal-selected .product-modal-text-container { height: 50%; width: 100%; padding-left: 0; padding-right: 0; }
	.product-modal-left-side .product-modal-text-container,
	.product-modal-right-side .product-modal-image-wrapper { margin-left: 20px; }
	.product-modal-left-side .product-modal-image-wrapper,
	.product-modal-right-side .product-modal-text-container { margin-right: 20px; }
}
@media screen and (max-width:450px){
	.product-modal-popout.modal-selected .product-modal-image-container { height: 30%; }
	.product-modal-popout.modal-selected .product-modal-text-container { height: 70%; }
}
/******* PRODUCTS SECTION END ********/

/******* FEATURED POSTS SECTION START ********/
.featured-posts-wrapper{ width: 100%; display: flex; justify-content: center; }
.internal-bg-wrapper{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.featured-posts-section-container{ max-width: 100%; }
.featured-posts-section-container .section-wrapper{ max-width: 1400px; margin-bottom: 100px; }
.featured-posts-first-half{ position: relative; float: left; width: 50%; padding-right: 70px; border-right: 1px solid #ECECEC; }
.content-container{ position: relative; float: left; width: 100%; }
.featured-posts-section-container .section-title{ float: left; }
.featured-posts-header { position: relative; float: left; width: 100%; }
.featured-posts-header .cta-button-container{ float: right; }
.featured-post-container { position: relative; float: left; width: 100%; }

.post-container{ position: relative; overflow: hidden; width: 100%; text-align: center; }
.posts-second-half{ position: relative; float: left; width: 50%; padding-left: 70px; color: #232323; }
.posts-quarter-container{ position: relative; float: left; width: 50%; padding-right: 70px; border-right: 1px solid #ECECEC; }
.posts-quarter-container:nth-of-type(2){ padding-right: 0; border: none; padding-left: 70px; }
.posts-second-half .post-image-container{ height: 150px; }
.posts-second-half .post-date{ color: #232323; text-align: center; }
.posts-second-half .post-excerpt{ color: #232323; text-align: center; }
.posts-second-half .post-info-container{ margin-bottom: 20px; min-width: 100%; }
.posts-second-half .post-image-overlay{ padding: 20px; }
.posts-second-half .post-title{ font-size: 1rem; line-height: 1rem; }
.post-link:hover { color: #232323; font-weight: 700; }
.featured-post-container .post-link:hover { color: #ffffff; }

.post-image-container{ position: relative; float: left; height: 400px; width: 100%; margin: 30px 0; }
.post-image{ height: 100%; width: 100%; }
.post-image-overlay{  display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0,0,0,0.7); padding: 70px; z-index: -1; transition: all 0.3s; }
.post-image-container:hover .post-image-overlay{ opacity: 1; z-index: 900; }
.post-title{ position: relative; overflow: hidden; font-size: 1.5rem; color: #ffffff; text-align: center; font-family: 'Barlow Condensed'; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; }
.post-info-container{ position: relative; float: left; margin-bottom: 70px; min-width: 200px; max-width: calc(490px - ((100vw - 1400px) / 2)); color: #ffffff; min-height: 11rem; }
.featured-posts-first-half .post-title{ color: #318B6B; float: left; text-align: left; margin-bottom: 10px; width:100%; }
.featured-posts-first-half .post-image-container .post-title{ color: #ffffff; text-align: center; }
.posts-second-half .post-info-container .post-title{ color: #232323; margin-bottom: 10px; }
.post-date { position: relative; overflow: hidden; }
.post-excerpt{ position: relative; overflow: hidden; }
@media screen and (max-width: 1440px){
	.featured-posts-section-container .section-wrapper{ margin: 50px 20px; }
	.post-info-container{ max-width: 410px; }
	.featured-posts-first-half { padding-right: 20px; }
	.posts-second-half { padding-left: 20px; }
	.posts-quarter-container { padding-right: 20px; }
	.posts-quarter-container:nth-of-type(2) { padding-left: 20px; }
}
@media screen and (max-width: 1150px){
	.featured-posts-section .internal-bg-wrapper.image-bg { display: none; }
	.featured-posts-section-container .section-title { color: #232323; }
	.post-info-container{ max-width: none; color: #232323; }
	.featured-posts-first-half { width: 100%; padding-right: 0; border-right: none; }
	.posts-second-half { width: 100%; padding-left: 0; }
}
@media screen and (max-width: 600px){
	.posts-quarter-container{ width: 100%; padding-right: 0; border-right: none; }
	.posts-quarter-container:nth-of-type(2) { padding-left: 0; }
}
/******* FEATURED POSTS SECTION END ********/

/******* TESTIMONIALS SECTION START ********/
.testimonials-section-container{ max-width: 100%; }
.testimonials-wrapper{ width: 100%; display: flex; justify-content: center; }
.testimonials-wrapper .external-bg-wrapper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; }
.testimonials-wrapper .section-title{ position: absolute; top: 50px; left: calc((100vw - 1400px)/2); width: 100%; max-width: 1400px; }
.testimonials-section-container .section-wrapper{ margin: 0; overflow: visible; }
.tesimonial-1-container{  }
.tesimonial-1-container{  }
.tesimonial-1-container .testimonial-wrapper{ margin-left: 50%; }
.tesimonial-2-container .testimonial-wrapper{ margin-left: calc(50% - 400px); }
.testimonial-wrapper{ background-color: #ffffff; width: 400px; text-align: center; padding: 40px; }
.testimonial-speech-marks{ height: 50px; font-size: 2rem; color: #232323; }
.testimonial-speech-marks i{  }
.testimonial-stars{ height: 30px; color: #318B6B; }
.testimonial-stars i{  }
.testimonial-text { height: 100px; color: #232323; }
.testimonial-name { font-family: 'Herr Von Muellerhoff', cursive; color:#318B6B; font-size: 3rem; line-height: 2rem; height: 60px; margin: 0.7rem 0 -0.7rem; }
.testimonial-company { height: 40px; line-height: 0.9rem; font-size: 0.9rem; }

.testimonial-carousel-desktop{ display: block; }
.testimonial-carousel-mobile{ display: none; }
.testimonial-carousel{ position: relative; float: left; width: 100%; }
.testimonial-carousel .slick-track{ z-index: 143; }
.testimonial-carousel.slick-dotted.slick-slider { margin-bottom: 0; }
.testimonial-carousel .slick-dots{ right: calc(((100vw - 1400px) / 2) + 35px); bottom: 50px; width: auto; }
.testimonial-carousel .slick-dots li { margin: 0 -10px; }
.testimonial-carousel .slick-dots li button::before{ font-size: 0; }
.testimonial-carousel .slick-dots li.slick-active::before{ position: absolute; font-size: 1rem; line-height: 1rem; color: #232323; left: -36px; top: 5px; }
.testimonial-carousel .slick-dots li.slick-active button{ font-size: 1rem; line-height: 1rem; color: #232323; }
.testimonial-carousel .slick-dots li.slick-active::after{ position: absolute; font-size: 1rem; line-height: 1rem; color: #232323; right: -15px;
 top: 5px; }
.testimonial-carousel .slick-prev{ font-size: 0; background: transparent url(../../img/sport/Prev.svg) no-repeat 0 0; height: 30px; width: 30px; left: inherit; right: calc(((100vw - 1400px) / 2) + 60px); top: inherit; bottom: 60px; position: absolute; z-index: 144; transition: all 0.3s; }
.testimonial-carousel .slick-prev:hover{ cursor: pointer; right: calc(((100vw - 1400px) / 2) + 63px); transition: all 0.3s; }
.testimonial-carousel .slick-prev:before, .testimonial-carousel .slick-next:before { display: none; }
.testimonial-carousel .slick-next{ font-size: 0; background: transparent url(../../img/sport/Next.svg) no-repeat 0 0; height: 30px; width: 30px; left: inherit; right: calc(((100vw - 1400px) / 2)); top: inherit; bottom: 60px; position: absolute; z-index: 144; transition: all 0.3s; }
.testimonial-carousel .slick-next:hover{ cursor: pointer; right: calc(((100vw - 1400px) / 2) - 3px); transition: all 0.3s; }
@media screen and (max-width: 1400px){
	.testimonials-wrapper .section-title{ left: 20px; }
	.testimonial-carousel .slick-prev{ right: 80px; }
	.testimonial-carousel .slick-prev:hover { right: 83px; }
	.testimonial-carousel .slick-next{ right: 20px; }
	.testimonial-carousel .slick-next:hover { right: 17px; }
	.testimonial-carousel .slick-dots{ right: 55px; }
}
@media screen and (max-width: 800px){
	.testimonial-carousel-desktop{ display: none; }
	.testimonial-carousel-mobile{ display: block; }
	.testimonial-carousel-mobile .section-title{ position: relative; float: left; margin: 50px 20px 50px 20px; left: 0; top: 0; }
	.testimonial-carousel-mobile .slick-dots{ position: relative; float: right; margin: 70px 55px 50px 20px; bottom: 0; right: 0; }
	.tesimonial-1-container .testimonial-wrapper, .tesimonial-2-container .testimonial-wrapper{ margin-left: calc(50% - 200px); }
	.testimonial-wrapper{ background-color: #ffffff; width: 100%; max-width: 400px; text-align: center; padding: 40px; }
}
@media screen and (max-width: 400px){
	.tesimonial-1-container .testimonial-wrapper, .tesimonial-2-container .testimonial-wrapper{ margin-left:0; }
}
/******* TESTIMONIALS SECTION END ********/

/******* TEAM MEMBERS SECTION START ********/
.team-section-container{ max-width: 100%; }
.team-wrapper{ width: 100%; display: flex; justify-content: center; }
.team-section-container .section-wrapper{ margin: 0; display: flex; justify-content: center; }
.team-members-container{ position: relative; float: left; max-width: 1400px; margin: 100px 0; }
.team-member-container{ position: relative; overflow: hidden; float: left; width: 100%; margin-bottom: 200px; }
.team-member-container:last-of-type{ margin-bottom: 0; }
.team-member-1-container{  }
.team-member-2-container{  }
.team-wrapper .info-container{ position: relative; float: left; width: 50%; padding-right: 100px; }
.team-member-2-container .info-container{ float: right; padding-right: 0; padding-left: 100px; }
.team-member-name{ text-transform: uppercase; font-family: 'Barlow condensed'; font-size: 2.5rem; line-height: 2.5rem; font-weight: 700; color: #232323; letter-spacing: 0.05rem; }
.team-member-job-title{ margin: 30px 50px; text-transform: uppercase; font-family: 'Barlow condensed'; font-size: 1.5rem; line-height: 1.5rem; font-weight: 700; color: #318B6B; letter-spacing: 0.05rem; }
.team-wrapper .under-line{ height: 3px; width: 30%; background-color: #318B6B; }
.team-member-text-wrapper{ position: relative; float: left; margin: 30px 50px; color: #232323; }
.team-member-bio{ position: relative; float: left; }
.team-member-qandas{ position: relative; float: left; }
.team-member-qanda-wrapper{ position: relative; float: left; width: 100%; margin-bottom: 10px; }
.team-member-question{ position: relative; float: left; width: 100%; font-weight: 700; }
.team-member-answer{ position: relative; float: left; }
.team-member-contact-wrapper{ position: relative; float: left; width: 100%; font-weight: 700; }
.team-member-phone{ position: relative; float: left; width: 100%; }
.team-member-phone span{ margin-right: 0.5rem; color: #318B6B; }
.team-member-phone a{ color: #232323; }
.team-member-phone a:hover{ color: #318B6B; }
.team-member-email{ position: relative; float: left; width: 100%; margin-top: 10px; }
.team-member-email span{ margin-right: 0.5rem; color: #318B6B; }
.team-member-email a{ color: #232323; }
.team-member-email a:hover{ color: #318B6B; }
.team-wrapper .image-container{ position: relative; float: left; width: 50%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 53%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 56%); }
.team-wrapper .team-member-1-container .image-container{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 56%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 53%); }
.team-wrapper .team-member-2-container .image-container{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 53%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 53%, 0 100%); }
.team-member-image-wrapper{ position: relative; float: left; height: 100%; width: 100%; z-index: 1; }
.team-member-image-overlay{ position: absolute; height: 100%; width: calc(100% + 1px); z-index: 2; }
@media screen and (max-width: 1400px){
	.team-members-container { margin: 100px 20px; }
	.team-wrapper .info-container { padding-right: 20px; }
	.team-member-2-container .info-container { padding-right: 0; padding-left: 20px; }
}
@media screen and (max-width: 1100px){
	.team-member-job-title{ margin: 30px 50px 30px 0; }
	.team-member-text-wrapper { margin: 30px 50px 30px 0; }
}
@media screen and (max-width: 800px){
	.team-members-container { margin: 50px 20px; }
	.team-member-container { margin-bottom: 50px; }
	.team-wrapper .info-container { padding-right: 0; }
	.team-member-job-title{ margin: 30px 50px; }
	.team-member-text-wrapper { margin: 30px 50px; }
	.team-wrapper .image-container { width: 100%; height: calc(100vw - 40px)!important; margin-top: 40px; }
	.team-wrapper .info-container { width: 100%; margin-top: 50px; }
}
@media screen and (max-width:500px){
	.team-member-job-title{ margin: 30px 0; }
	.team-member-text-wrapper { margin: 30px 0; }
}
/******* TEAM MEMBERS SECTION END ********/

/******* CONTACT SECTION START ********/
.contact-section-container{  }
.contact-wrapper{ width: 100%; position: relative; float: left; }
.contact-wrapper .section-wrapper{  }
.contact-wrapper .title-container{ position: relative; float: left; width: 100%; }
.contact-title{ color: #232323; }
.contact-text{ color: #318B6B; margin-bottom: 30px; font-weight: 600; }
.contact-wrapper .form-container{ position: relative; float: left; width: 60%; }
.contact-wrapper .wpcf7{  }
.contact-details-container{ position: relative; float: right; width: 40%; padding-left: 50px; }
.contact-subtitle{ text-transform: uppercase; font-family: 'Barlow Condensed'; font-size: 2rem; font-weight: 700; letter-spacing: 0.1rem; line-height: 2rem; margin-bottom: 4rem; color: #318B6B; }
.contact-phone{ position: relative; float: left; width: 100%; margin-bottom: 50px; }
.contact-phone-pretext{ font-size: 1.4rem; font-weight: 500; color: #318B6B; }
.contact-phone-text{ font-size: 1.7rem; font-weight: 600; line-height: 1.7rem; color: #232323; }
.contact-phone-text a{ color: #232323; }
.contact-phone-text a:hover{ color: #318B6B; }
.contact-wrapper .under-line{  position: relative; float: left; height: 3px; width: 30%; background-color: #318B6B; }
.contact-email-container{ position: relative; float: left; width: 100%; margin-top: 50px; }
.contact-email-container a{  }
.contact-email-pretext{ font-size: 1.4rem; font-weight: 500; color: #318B6B; }
.contact-email-text{ font-size: 1.7rem; font-weight: 600; line-height: 1.7rem }
.contact-email-text a{ color: #232323; }
.contact-email-text a:hover{ color: #318B6B; }

.form-row{ float: left; width: 100%; }
.form-row-half{ float: left; width: 49.5%; }
.form-row-half:first-of-type{ margin-right: 1%; }
.form-row span.wpcf7-form-control-wrap{ width: 100% !important; }

.form-field-radio { margin-top: 23px; overflow: visible; max-width: calc(100% - 150px); }
.form-field-radio .form-field-label { top: -27px; }
.select-wrapper{ margin-top: -15px; float: left; }
span.wpcf7-list-item { display: block; margin: 0.25rem 0 0.25rem 0; }
span.wpcf7-list-item label { margin: 0; }
span.wpcf7-list-item label input { display:none; }
span.wpcf7-list-item label span { padding-left: 1.7rem; margin-right: 1.7rem; background: url('../../img/sport/checkbox_unchecked.png')  left center / contain no-repeat; }
span.wpcf7-list-item label span:hover { padding-left: 2.2rem; cursor: pointer; }
span.wpcf7-list-item label input:checked ~ span { background: url('../../img/sport/checkbox_checked.png') left center / contain no-repeat; }

form .section-link-line{ left: auto; right: 130px; top: 25px; }
form input[type="submit"] { float: right; font-size: 1.3rem; width: 100%; margin: 0 0 20px 0; background-color: #318B6B; color: #ffffff; transition: all 0.3s; }
form input[type="submit"]:hover{ padding: 8px 45px 8px 50px; background-color: #f2f2f2; color: #318B6B; transition: all 0.3s; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #318B6B; }
@media screen and (max-width: 1000px){
	.contact-wrapper .section-wrapper { max-width: 800px; width: 100%; margin-left: calc(50vw - 400px); }
	.contact-details-container { width: 100%; padding-left: 0; margin-bottom: 50px; }
	.contact-wrapper .form-container { width: 100%; }
}
@media screen and (max-width: 800px){
	.contact-wrapper .section-wrapper { margin: 50px 20px; max-width: none; width: calc(100% - 40px); }
}
@media screen and (max-width: 800px){
	.form-row-half:first-of-type { margin-bottom: 16px; }
	.form-row-half { width: 99.5%; }
}
/******* CONTACT SECTION END ********/

/************************************ MAIN SECTIONS END ************************************/





/************************************ FOOTER START ************************************/
#sport-site-footer{  }
.sport-site-footer{ background-color: #F2F2F2; }
#footer-content-wrapper{  }
.footer-content-wrapper{  }
.footer-column{ position: relative; float: left; padding: 0 50px; width: 25%; }
.footer-column:first-of-type{ padding: 0 50px 0 0; }
.footer-column:last-of-type{ padding: 0 0 0 50px; }
.footer-logo-wrapper{ position: relative; float: left; }
.footer-logo-wrapper img{ width: 100%; /* max-width: 200px; */ }
.footer-column-4 img{ height: 200px; /* max-width: 200px; */ }
.footer-logo-link{  }
.footer-microsite-link{  }
.footer-title{ text-transform: uppercase; font-weight: 700; font-size: 1rem; color: #232323; }
.footer-menu{ position: relative; float: left; }
.footer-menu ul{ list-style: none; margin: 30px 0; }
.footer-menu ul li{ position: relative; width: 100%; margin: 0 0 10px 0; }
.footer-menu ul li:hover a{ font-weight: 700; color: #318B6B; }
.footer-social-wrapper{ position: relative; float: left; margin-bottom: 30px; }
.footer-social-title{ text-transform: uppercase; font-weight: 700; font-size: 1rem; color: #232323; margin-bottom: 10px; }
.footer-social { position: relative; float: left; }
.footer-social ul{ list-style: none; margin: 0; }
.footer-social ul li{ position: relative; width: auto; margin: 0 10px 0 0; }
.footer-newsletter-wrapper{ position: relative; float: left; }
.footer-newsletter-title{ text-transform: uppercase; font-weight: 700; font-size: 1rem; color: #232323; }
.footer-newsletter-form{ position: relative; float: left; }
.footer-newsletter-form #sport-email span.wpcf7-form-control-wrap { width: calc(100% - 50px); }
.footer-newsletter-form input[type="email"]{ background-color: #ffffff; margin: 10px 0 0 0; border-radius: 50px; width: 100%; }
.footer-newsletter-form #sport-newsletter-send{ width: 50px; float: left; margin-top: 10px; }
.footer-newsletter-form form input[type="submit"] { margin: 0; width: 100%; text-indent: -5000px; background: url('../../img/sport/SVG/send-icon-circle.svg') center center / contain no-repeat; box-shadow: none; font-size: 0px; max-width: 100px; height:40px; padding: 0px; transition: all 0.3s; }
.footer-newsletter-form form input[type="submit"]:hover { background: url('../../img/sport/SVG/send-icon-circle-hover.svg') center center / contain no-repeat; transition: all 0.3s; }
.footer-main-logo-wrapper{ position: relative; float: left; }
.footer-logo-title{ text-transform: uppercase; font-weight: 700; font-size: 1rem; color: #232323; }
.footer-logo-link{ position: relative; float: left; }
.legal-text{ position: relative; overflow: hidden; width: 100%; max-width: 1200px; font-size: 0.8rem; color: #232323; margin: 0 auto; text-align: center; }
@media screen and (max-width: 1200px){
	.footer-column{ width: 33.3%; }
	.footer-column-1{ display: none; }
	.legal-text{ margin: 20px auto; }
}
@media screen and (max-width: 1000px){
	.footer-column { padding: 0 10px; }
	.footer-column:first-of-type { padding: 0 10px 0 0; }
	.footer-column:last-of-type { padding: 0 0 0 10px; }
}
@media screen and (max-width: 750px){
	.footer-column-1{ display: block; }
	.footer-column{ width: 50%; }
}
@media screen and (max-width: 500px){
	.footer-column{ width: 100%; }
	.footer-column:first-of-type { padding: 0 10px ; }
	.footer-column:nth-of-type(2), .footer-column:nth-of-type(4) { margin-top: 40px; }
	.footer-column:last-of-type { padding: 0 10px; }
}
/************************************ FOOTER END ************************************/

#hero-wrapper { max-height: 70vh; overflow: hidden; position: relative; margin-top: 90px; }
.hero-thin-color { position: absolute; top: 0; left: 0; width: 100%; height: 75%; }
.hero-wrapper-thin { max-height: 470px; overflow: hidden; position: relative; }
.hero-wrapper-thin img { width: calc(100% - 130px); }
.top-left-triangle { position: absolute; width: 15%; height: 75%; top: 0; left: 0; background: url(../../img/assets/top-left-triangle.png); z-index: 5; background-size: 100%; background-repeat: no-repeat; background-position: 100% 0%; }
.hero-wrapper-thin .top-left-triangle { width: 8%; }
.bottom-right-triangle { position: absolute; width: 10%; height: 75%; bottom: 0; right: 0; background: url(../../img/assets/bottom-left-triangle.png); z-index: 5; background-size: 100%; background-repeat: no-repeat; background-position: 0% 100%; }
.hero-wrapper-thin .bottom-right-triangle { right: 130px; width: 5%; }
.scroll-container { float: right; width: 15%; height: 50px; position: absolute; right: 0; bottom: 10%; }
.hero-wrapper-thin .scroll-container { width: 130px; bottom: 15%; }
.scroll-container .scroll-label { float: left; width: 100%; position: absolute; top: -35px; }
.scroll-container .scroll-label p { text-align: center; }
.scroll-container .scroll-arrow-line-move { animation: scroll-arrow 2.5s infinite; width: 1px; position: absolute; left: 50%; background-color: #000; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; }
@keyframes scroll-arrow{
    0%	{top: 0; bottom: auto; height: 0px; }
	33.33%	{top: 0; bottom: auto; height: 100%; }
	33.34%	{bottom: 0; top: auto; height: 100%;  }
	66.66%	{bottom: 0; top: auto; height: 0px;  }
	66.67%	{top: 0; bottom: auto; height: 0px;  }
	100% {top: 0; bottom: auto; height: 0px; }
}

.page-section { overflow: hidden; }
.resp-content-width-50 { width: 50%; }
.resp-content-width-75 { width: 75%; }
.page-template-template-category .section-heading,
.page-template-template-ruralcategory .section-heading,
.category .section-heading { width: 75%; }
.page-section-left,
.page-section-right { float: left; width: 50%; height: 100%; }
.page-section-right { z-index: 1; }
.center-outer,
.page-section-left,
.page-section-right {  }
.page-section-inner .page-section-left,
.page-section-inner .page-section-right { height: auto; }
.full-width .category-option:nth-of-type(2n) .page-section-left,
.full-width .rural-option:nth-of-type(2n) .page-section-left,
.full-width .blog-category-option:nth-of-type(2n) .page-section-left,
.full-width .case-study-option:nth-of-type(2n) .page-section-left,
#news-all-articles-wrapper .blog-article-teaser:nth-of-type(2n) .page-section-left { float: right; }
.section-image { width: 100%; max-width: 700px; float: left; }
.full-width .category-option:nth-of-type(2) .page-section-left .custom-image-size,
.full-width .category-option:nth-of-type(7) .page-section-left .custom-image-size,
.full-width .rural-option:nth-of-type(2) .page-section-left .custom-image-size,
.full-width .rural-option:nth-of-type(7) .page-section-left .custom-image-size,
.full-width .blog-category-option:nth-of-type(2) .page-section-left .custom-image-size,
.full-width .blog-category-option:nth-of-type(7) .page-section-left .custom-image-size,
.full-width .case-study-option:nth-of-type(2) .page-section-left .custom-image-size,
.full-width .case-study-option:nth-of-type(7) .page-section-left .custom-image-size { overflow: hidden; }
.section-image-tl-tri { position: absolute; width: 15%; height: 75%; top: 0; left: 0; background: url(../../img/assets/top-left-triangle.png); background-size: 100%; background-repeat: no-repeat; background-position: 100% 0%; }
.section-image-br-tri { position: absolute; width: 10%; height: 75%; bottom: 0; right: 0; background: url(../../img/assets/bottom-left-triangle.png); background-size: 100%; background-repeat: no-repeat; background-position: 0% 100%; }
.white-slide-effect-right { position: absolute; top: 0; right: -1px; height: 101%; background-color: #fff; transition: width 2s; width: 101%; }
.white-slide-effect-right-done { width: 0%; }
.section-link a { padding-left: 40px; font-size: 0.9rem; transition: padding-left 0.5s; }
.section-link-line { position: absolute; left: 0; top: 13px; width: 20px; border-bottom: 1px solid #318B6B; transition: width 0.5s; }
@media screen and (max-width: 1400px){
	.resp-content-width-75 { width: 100%; }
}
/************************************ CATEGORY END ************************************/



/************************************ BLOG POST START ************************************/
#blog-header .section-heading { color: #318B6B; }
.news-snippet-info a h3 .sub-heading:hover { color: #232323; }
.section-link a { padding-left: 40px; font-size: 0.9rem; color: #318B6B; transition: padding-left 0.5s; }
#scroll-to-top-wrapper {top: 0; bottom: auto; right: 0; height: auto; width: 100%; cursor: pointer; }
/************************************ BLOG POST END ************************************/

.grecaptcha-badge{ display: none; }