@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--primary-accent-color: #e5b404;
	--secondary-accent-color: #e00218;
}

			body, html {
				padding: 0;
				margin: 0;
				background: #000 url("bodybg.jpg") top center no-repeat !important;
				background-size: 100% auto !important;
				background-attachment: fixed !important;
				/*background: radial-gradient(circle, rgba(24,45,79,1) 0%, rgba(18,33,59,1) 100%);*/				
				font-family: Montserrat, Arial, Tahoma, Verdana, sans-serif;
				font-size: 15px;
				line-height: 1;
			}

			a {
				color: var(--primary-accent-color);
			}


			h1, h2, h3, h4 {
				text-transform: uppercase;
				font-weight: 800;
				font-stretch: ultra-expanded;
				letter-spacing: -0.05em;
				color: #fff;
			}

			h2 {
				font-size: 26px;
				margin-top: 10px;
				border-left: 10px solid var(--primary-accent-color);
				padding-left: 15px;
				margin-bottom: 40px;
			}

			*.lowercase {
				text-transform: none;
			}

			.e-con>.e-con-inner {
				max-width: 1300px;
				width: 95%;
			}

			.elementor-menu-cart__toggle .elementor-button svg,
			.elementor-menu-cart__toggle .elementor-button svg .st0 {
				fill: #fff !important;
			}

			.elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item:hover, .elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item:focus {
				color: #fff !important;
			}

			.logos {
				margin: 0 auto;
				display: block;
				width: 100%;
				max-width: 400px !important;
			}

			.stream-wrapper {
				border: 0px solid #000;
				overflow: hidden;
				box-shadow: 0 0 40px rgba(0,0,0,0.1);
				border-radius: 8px;
			}

			.stream-start-info {
				font-style: italic;
				font-size: 12px;
				text-align: center;
			}

			.header {
				background: url("header.jpg") center center no-repeat;
				background-size: cover;
				text-align: center;				
			}

			.header .inner {
				background: rgba(0, 0, 0, 0.5);
				height: 400px;
				display: flex;
				justify-content: center;
			}

			.header .content {
				align-self: center;
			}



			.header h1,
			.header h2 {
				color: #fff;
				border: 0;
				padding: 0;
			}

			.header h2 {
				font-size: 26px;
			}

			h1 {
				font-size: 58px;
				margin: 20px 0;
				line-height: 1.2;
			}

			h1 span {
				background: var(--secondary-accent-color);
				display: inline-block;
				padding: 6px 15px;
				font-size: 25px;
			}


			.inner-wrapper {
				margin: 0 auto;
				color: #fff;
			}

			.site-wrapper {
				margin: 0 auto;			
			}

			p {
				line-height: 1.5;
			}

			.text-column p {		
				line-height: 1.9;
				font-size: 16px;
			}

			.text-column p.lead {
				font-size: 21px;
				line-height: 1.6;
			}



			.inner-wrapper .competition,
			.inner-wrapper .for-sale,
			.inner-wrapper .sponsored-by {
				/*margin-top: 80px;
				border-top: 10px solid rgb(229,180,4);*/
				padding-top: 80px;
    			margin-top: 80px;
    			border-top: 3px solid rgba(255,255,255,0.1);
			}

			.inner-wrapper .sponsored-by {
				padding-bottom: 50px;
			}

			.inner-wrapper .sponsored-by h4 {
				font-weight: 400;
				text-transform: uppercase;
				text-align: center;
				margin-bottom: 30px;
			}

			.inner-wrapper .sponsored-by .sponsor-logos {
				overflow: hidden;
				text-align: center;
				/*display: flex;*/
				gap: 80px;
				align-items: center;
				text-align: center;
				justify-content: center;
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
			}

			.inner-wrapper .sponsored-by .sponsor-logos img {
				display: block;
				max-width: 100%;
				height: auto;
				max-height: 70px;
			}

			@media screen and (max-width: 500px) {
				.inner-wrapper .sponsored-by .sponsor-logos .sponsor-logo img {
					/*flex: 1 1 auto;*/
					/*min-width: 200px;*/
					max-width: 150px;
				}
			}

			.inner-wrapper .sponsored-by .sponsor-logos .sponsor-logo.gavle img {
				max-height: 190px;	
			}

			.inner-wrapper .competition p {
				line-height: 1.6;
			}

			.inner-wrapper .competition .all-prices {
				
				padding-top: 40px;
				/*border-top: 1px solid rgba(255, 255, 255, 0.15);*/
			}

			.inner-wrapper .competition .all-prices .all-prices-list {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 40px;
				grid-row-gap: 20px;
				text-align: left;				
				margin-top: 40px;
			}

			@media screen and (max-width: 1000px) {
				.inner-wrapper .competition .all-prices .all-prices-list {
					grid-template-columns: repeat(2, 1fr);
				}
			}

			@media screen and (max-width: 600px) {
				.inner-wrapper .competition .all-prices .all-prices-list {
					grid-template-columns: 1fr;
				}
			}

			.inner-wrapper .competition .all-prices .all-prices-list .price {
				/*background:  rgba(255, 255, 255, 0.08);
				border-radius: 10px;
				padding: 20px;
				align-content: center;*/
				border-top: 1px solid rgba(255, 255, 255, 0.1);
				padding-top: 20px;
			}

			.inner-wrapper .competition .all-prices h3 {
				font-size: 24px;
				text-align: left;
				margin-bottom: 20px;
			}

			.inner-wrapper .competition .all-prices .price h4 {
				margin: 0 0 5px 0;
				font-weight: 600;
				font-size: 14px;
				
				border-left: 5px solid var(--primary-accent-color);
				padding-left: 10px;
			}

			.inner-wrapper .competition .all-prices .price p {
				margin: 0;
				color: rgba(255, 255, 255, 0.8);
				font-size: 14px;
				font-style: italic;
			}

			.inner-wrapper .competition .text-col.col2 {
				background: rgba(255, 255, 255, 0.1);
				border-radius: 10px;
				padding: 30px;
			}

			.inner-wrapper .competition .image-col {
				margin: 0 auto 30px auto;
			}

			.inner-wrapper .competition ul {
				list-style-type: disc;
				line-height: 1.5;
				padding-left: 18px;
				margin: 0;
			}

			.inner-wrapper .competition li {
				padding: 3px;
				font-size: 17px;
				margin-bottom: 15px;
			}

			.inner-wrapper .competition li:last-child {
				margin-bottom: 0;
			}

			@media screen and (min-width: 1200px) {
				.inner-wrapper .competition .competition-columns {
					display: grid;
					grid-template-columns: 1fr 1fr;
					grid-gap: 60px;
				}
			}

			.inner-wrapper .competition h2 {
				font-size: 32px;
				margin-top: 0;
				line-height: 1.2;
			}

			.inner-wrapper .competition p.lead {
				font-size: 19px;
				margin-top: 0;
			}

			.inner-wrapper .competition h3 {
				font-size: 19px;
				margin: 0 0 12px 0;
			}

			@media screen and (min-width: 1024px) {
				.competition-columns {
					display: grid;
					grid-gap: 40px;
					grid-template-columns: repeat(2, 1fr);
				}
			}

			.people {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 40px;
				margin-top: 30px;
			}

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

				.people {
					grid-template-columns: repeat(5, 1fr);
				}

				.people .newrow {
					grid-column-start: 1;
				}
			}

			/*
			@media screen and (min-width: 1180px) {
				.people {
					margin-top: -15%;
				}
			}

			@media screen and (max-width: 1180px) and (min-width: 1024px) {
				.people {
					margin-top: -4%;
				}
			}*/

			@media screen and (max-width: 767px) {
				.people {
					grid-template-columns: repeat(2, 1fr);
				}
			}

			@media screen and (max-width: 500px) {
				.people {
					grid-template-columns: repeat(1, 1fr);
				}
			}


			.people .person.textbox {
				font-size: 26px;
			}

			.people img {
				width: 100%;
				display: block;
				border-bottom: 7px solid var(--primary-accent-color);
			}

			.people h3 {
				margin-bottom: 0;
				text-transform: none;
    			font-size: 19px !important;
    			font-weight: 600;
			}

			.elementor-936 .elementor-element.elementor-element-455796f8 {
				padding: 0;
			}

			.button {
				display: inline-block;
				text-transform: uppercase;
				padding: 15px 25px;
				line-height: 1;
				color: #000;
				background: var(--primary-accent-color);
				transition: all 200ms;
			}

			.button:hover {
				transform: translateY(3px);
			}

			.primary-accent {
				color: var(--primary-accent-color);
			}

			.secondary-accent {
				color: var(--secondary-accent-color);
			}

			.inner-wrapper h3 {
				font-size: 16px;
				line-height: 1.2;
			}

			.inner-wrapper h3 span {
				margin-top: 5px;
				display: inline-block;
				font-size: 14px;
				font-weight: 700;
				background: var(--secondary-accent-color);
				padding: 5px 10px;
				color: var(--secondary-accent-color);
				color: #fff;
			}

			.for-sale-section h2 {
				font-size: 32px;
				margin: 0;
			}

			.for-sale-section h3 {
				font-size: 22px;
				margin-top: 15px;
				text-transform: uppercase;
				margin-bottom: 35px;
			}

			.for-sale-section .products {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				grid-gap: 40px;
				margin: 40px 0;
			}

			.for-sale-section .products span.label {
				position: absolute;
				z-index: 5;
				top: 10px;
				left: 0;
				display: block;
				padding: 8px 15px;
				line-height: 1;
				background: var(--secondary-accent-color);
				font-weight: 700;
				text-transform: uppercase;
				font-size: 13px;
			}

			.for-sale-section .products .product.intersport-merch {
				grid-column: span 2;
				grid-row: span 2;
				background: rgba(255, 255, 255, 0.1);
				text-align: center;
				align-content: center;
				padding: 70px 20px 20px 20px;
			}

			.for-sale-section .products .product.intersport-merch p {
				max-width: 400px;
				margin: 10px auto;
			}

			.for-sale-section .products .product.intersport-merch .logo {
				width: 80%;
				max-width: 301px;
				margin: 0 auto 40px auto;
			}

			.for-sale-section .products .product.intersport-merch span.label {
				background: var(--primary-accent-color);
				color: #000;
				font-size: 16px;
				top: 20px;
			}

			.for-sale-section .products .product {
				transition: all 200ms;
				color: #fff;
				position: relative;
			}

			.for-sale-section .products .product:hover {
				transform: scale(1.05);
			}

			.for-sale-section .products img {
				display: block;
				width: 100%;
			}

			.for-sale-section .products .product h4 {
				margin-bottom: 0;
				color: var(--primary-accent-color);
				text-align: center;
				font-size: 18px;
				line-height: 1.3;
			}


			.for-sale-section .products .product h4 span {
				display: block;
				color: #fff;
				font-weight: 500;
				font-size: 16px;
			}

			.for-sale-section .products .price span {
				text-decoration: line-through;
				color: #808080;
			}


			@media screen and (max-width: 500px) {
				.for-sale-section .products .product h4 {
					font-size: 15px;
				}

				.for-sale-section .products .product h4 span {
					font-size: 14px;
				}
			}

			nav li:hover ul {
				display: block !important;
			}

			.elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item {
				color: #fff;
				font-size: 20px;
			}

			.elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item:hover, .elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-4093 .elementor-element.elementor-element-d516c89 .elementor-nav-menu--main .elementor-item:focus {
				color: rgb(242, 145, 9);
			}

			.elementor-nav-menu--main .elementor-nav-menu ul {
				width: 14em !important;
			}

			.elementor-location-footer,
			.elementor-location-footer p {
				color: #fff !important;
			}


			.elementor-936 .elementor-element.elementor-element-614f9fc4 {
				/*background: radial-gradient(circle, rgba(24,45,79,1) 0%, rgba(18,33,59,1) 100%);*/
				border-radius: 15px;
				/*background: #fff url("bg.jpg") top center no-repeat;*/
				background: #000;
				background-size: 100% auto;
				box-shadow: none;
				border-top: 30px solid var(--primary-accent-color);
				border-bottom: 30px solid var(--secondary-accent-color);
				position: relative;
			}

			.elementor-936 .elementor-element.elementor-element-614f9fc4:before,
			.elementor-936 .elementor-element.elementor-element-614f9fc4:after {
				content: '';
				display: block;
				height: 15px;
				background: var(--secondary-accent-color);
				top: -30px;
				left: 0;
				right: 0;
				z-index: 2;
				border-radius: 0;
				border-top-left-radius: 15px;
				border-top-right-radius: 15px;
				position: absolute;
			}

			.elementor-936 .elementor-element.elementor-element-614f9fc4:after {
				top: auto !important;
				bottom: -30px !important;
				border-radius: 0 !important;
				border-bottom-left-radius: 15px !important;
				border-bottom-right-radius: 15px !important;
				background: var(--primary-accent-color);
			}

			@media screen and (min-width: 1300px) {
				.elementor-936 .elementor-element.elementor-element-614f9fc4 {
					padding: 0 80px;
				}
			}

			.elementor-936  .elementor-element.elementor-element-614f9fc4.for-sale-section {
				/*background: #000;
				color: rgb(24,45,79);
				border: 0;
				min-height: 0;
				text-align: center;
				display: block !important;*/
			}

			.elementor-100 .elementor-element.elementor-element-5823dc4 .elementor-social-icon i,
			.elementor-4093 .elementor-element.elementor-element-d516c89 div.elementor-menu-toggle {
				color: var(--primary-accent-color) !important;
			}

			.elementor-936  .elementor-element.elementor-element-614f9fc4.for-sale-section .e-con-inner {
				display: block !important;
			}

			.elementor-100 .elementor-element.elementor-element-93550e7 img.footer-kustom-klarna {
				width: 300px;
			}

			@media screen and (min-width: 1024px) {
				.site-wrapper {
					display: grid;
					grid-template-columns: 1fr 320px;
					grid-gap: 80px;
  					/*align-items: center;*/
				}

				.site-wrapper .text-column {
					order: 1;
				}

				.site-wrapper .stream-column {
					order: 2;
					margin-top: 10px;
				}


				.elementor-4093 .elementor-element.elementor-element-4d42d82 {
					width: 21%;
				}

			}

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

				.text-column p,
				.competition p {
					font-size: 14px;
					margin-top: 20px;
				}

				.inner-wrapper {
					width: 90%;
					margin: 0px auto;
				}

				.site-wrapper .stream-column {
					margin-bottom: 30px;
				}

				.text-column h1 {
					margin-top: 20px;
					font-size: 40px;
				}

				.text-column h1 span {
					font-size: 22px;
				}

				.text-column h2 {
					font-size: 26px;
				}

				.header h2 {
					font-size: 18px;
				}

				.elementor-nav-menu__container {
					left: -20px !important;
				}

				.elementor-nav-menu__container.mobile-menu-open {
					max-height: 1000vmax !important;					
				}

				.for-sale-section .products {
					grid-template-columns: repeat(2, 1fr);
					grid-gap: 20px;
				}

				.for-sale-section h2 {
					font-size: 22px;
				}

				.for-sale-section h3 {
					font-size: 14px;
				}

			}