/*
Theme Name: EPL WordPress Theme
Theme URI: https://eplhockey.co.za/
Description: Custom Theme For EPL Hockey
Author: Bean Bag Solutions
Author URI: https://beanbagsolutions.co.za/
Version: 1.0.0
Template: Divi
*/

/* FONTS */
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../EPLTheme/fonts/open-sans-v35-latin-500.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../EPLTheme/fonts/open-sans-v35-latin-800.woff2') format('woff2');
}

html {
	font-size: 62.5%;
}

body {
	font-family: 'Open Sans', sans-serif;
}

#bbs-hero-text h1,
.et_pb_title_container h1,
.bbs h1,
.bbs h2,
.bbs h3,
h3.entry-title a,
.bbs-season-filter .et_pb_tab_content h2,
.bbs-season-filter .et_pb_tab_content h3 {
	font-weight: 800;
	line-height: 1;
}

.bbs h1,
.et_pb_title_container h1 {
	font-size: clamp(4.4rem, calc(4.4rem + ((1vw - 0.36rem) * 0.7692)), 5.6rem);
}

.bbs h2 {
	font-size:  clamp(3.2rem, calc(3.2rem + ((1vw - 0.36rem) * 0.5128)), 4rem);
}

.bbs h3,
h3.entry-title a,
.et_pb_tabs_controls li,
.bbs-season-filter .et_pb_tab_content h2,
.bbs-season-filter .et_pb_tab_content h3 {
	font-size:clamp(1.8rem, calc(1.8rem + ((1vw - 0.36rem) * 0.1282)), 2rem);
}

.bbs p,
.bbs a,
.bbs li {
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-weight: 500;
	line-height: 1.85;
}

/* ---DIVI STYLE CHANGES--- */
.single-joomsport_match #main-content .container:before,
.single-joomsport_match #sidebar,
.single-joomsport_season #main-content .container:before,
.single-joomsport_season #sidebar {
    display: none;
}

.single-joomsport_match #left-area,
.single-joomsport_season #left-area {
	width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    float: none;
}

.et_pb_button {
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-weight: 800;
	line-height: inherit !important;
}

.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
}

/* ---HEADER--- */
#bbs-header-column .et_pb_button_module_wrapper {
	width: 60%;
	max-width: 300px;
	text-align: center;
}

/* ---HERO SECTION--- */
#bbs-hero-text h1 {
	font-size: clamp(4rem, calc(4rem + ((1vw - 0.36rem) * 5.1282)), 12rem);
}

#bbs-hero-image {
	margin-top: -100px;
}

/* ---TEAM UPDATES SECTION--- */
.et_pb_gutters3 .et_pb_column .bbs.team-updates .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child {
	height: 100%;
}

.bbs.team-updates .et_pb_salvattore_content {
    display: flex;
}

/* ---SEASON ARCHIVES--- */
.bbs-season-filter ul.et_pb_tabs_controls {
    background-color: transparent;
}

.bbs-season-filter ul.et_pb_tabs_controls:after {
	border: none;
}

.bbs-season-filter .et_pb_tabs_controls li {
    border-right: none;
	font-weight: 500;
}

.bbs-season-filter .et_pb_tab_content h2 {
	text-align: center;
	padding-bottom: 30px;
}

/* ---CONTACT PAGE FORM--- */
.et-db #et-boc .bbs.et_pb_module .forminator-ui.forminator-custom-form[data-design=bold]:not(.forminator-size--small), 
.bbs .forminator-ui.forminator-custom-form[data-design=bold]:not(.forminator-size--small) {
    margin: 0;
}

.bbs .forminator-ui#forminator-module-426.forminator-design--bold .forminator-label {
    font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
    font-weight: 500;
}

.et-db #et-boc .bbs.et_pb_module .forminator-ui.forminator-custom-form[data-design=bold] .forminator-input, 
.bbs .forminator-ui.forminator-custom-form[data-design=bold] .forminator-input {
	padding: 1em;
}

.et-db #et-boc .bbs.et_pb_module .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button, 
.bbs .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button {
	border: 3px solid #e11d1d;
	border-radius: 1em;
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 0.5em 2em;
}

.bbs .forminator-row.forminator-row-last .forminator-col .forminator-field {
	text-align: right;
}

.forminator-ui#forminator-module-426.forminator-design--bold .forminator-checkbox__label a {
	color: #5271ff;
	font-size: 1.4rem;
}

/* ---JOOMSPORTS--- */
#bbs-joomsport-section #joomsport-container {
	font-family: 'Open Sans', sans-serif;
}

#bbs-joomsport-section #joomsport-container h2.groups {
    display: none;
}

#bbs-joomsport-section #joomsport-container,
#bbs-joomsport-section #joomsport-container .form-control,
#bbs-joomsport-section .shrtMdMatches .jsmatchcont .jsmatchdate,
#bbs-joomsport-section .shrtMdMatches .jsmainscroll table .jsScoreDiv {
	font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.36rem) * 0.1282)), 1.8rem);
}

.jsMatchResults .jsMatchTeam .jsMatchEmbl img {
    max-width: 40px!important;
}

/* ---MEDIA QUERIES--- */
@media screen and (min-width: 2560px) {
	/* HERO SECTION */
	#bbs-hero-section {
		height: 950px;
	}
}

@media screen and (max-width: 1366px) {
	/* HERO SECTION */
	#bbs-hero-image {
		margin-top: -80px;
	}

	#bbs-hero-image .et_pb_image_wrap{
		max-width: 35vw;
	}
}

@media screen and (max-width: 1024px) {
	/* HERO SECTION */
	#bbs-hero-section {
		height: 850px;
	}

	#bbs-hero-image .et_pb_image_wrap{
		max-width: 100%;
	}
}

@media screen and (max-width: 980px) {
	/* HERO SECTION */
	#bbs-hero-section {
		height: 650px;
	}

	#bbs-hero-image {
		margin-top: -70px;
	}
}

@media screen and (max-width: 767px) {
	/* HERO SECTION */
	#bbs-hero-section {
		height: 500px;
	}

	#bbs-hero-image {
		margin-top: -55px;
	}
	
	/* ---SEASON ARCHIVES--- */
	.bbs-season-filter ul.et_pb_tabs_controls {
		display: flex;
		flex-wrap: wrap;
	}
	
	.bbs-season-filter .et_pb_tabs_controls li {
		border-bottom: none;
		width: 33.33%;
	}
	
	.bbs-season-filter .et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
		border-right: none;
	}
	
	.bbs-season-filter .et_pb_tab_content h3 {
		text-align: center;
	}
}