// ediorial styles

.tpl-editorial{
    .org-container{
        width: 100%;
        max-width: 1180px;
        margin:0px auto;

        .row{
            margin:0px;
        }
    }

	.editorial-intro{
		padding-top: 0;
		background-image: linear-gradient(224deg, #74c7ee, #4095d8);
		color: $colorWhite;
		position: relative;
		// height: calc(100vh - 90px);
		max-height: 720px;
		padding: 0;
		overflow: hidden;
		.row { width: 100%; }

		.gfx {
			background: transparent url($theme-url + 'assets/images/masks/earthlayers-blue-part.png') no-repeat right top / 100% auto;
			background-size: cover;
		}
		.video-bg {
			background: #fff;
		}
		.video {
			
			object-fit: cover;
		}
		.intro-wrap{
			padding: 3rem;
		}

		.title{
			color: inherit;
			&:after{
				content: "";
				width: 80px; height: 2px;
				position: absolute;
				display: block;
				left: 0;
				bottom: -3rem;
				background: $colorBabyBlue;

				@include media-breakpoint-up(lg){
					bottom: -4rem;
				}
			}
		}

		.text{
			p{
				@include clearLast;
			}

		}

		.intro-image{
			overflow: hidden;
			img { 
				max-height: 720px; 
				position: relative;
				left: 50%;
				transform: translateX(-50%);
				height: calc(100vh - 90px);
				max-height: 720px;
			}
		}

		@include media-breakpoint-down(sm){
			padding-left: 0;
			padding-right: 0;
			height: auto;
			max-height: 100%;
			.intro-wrap{
				padding: 6rem 3rem;
			}
			.intro-image{
				img { 
					max-height: 100%; 
					height: auto; 
					width: 100%; 
				}
			}
		}

		
	}


	.main-article{
		ol, ul, p:not(.highlight){
			position: relative;
			margin-bottom: 2.8rem;
			@include media-breakpoint-up(md){
				@include fontSize(20);
				@include lineHeight(30,20);
			}
		}

		h2 { position: relative; }

		.drop-cap{
			@include fontSize(48);
			@include lineHeight(56,48);
			float: left;
			@include fontFace($bodoni-book);
			color: $colorPrimaryRed;
			margin-right: 10px;
			@include media-breakpoint-up(md){
				@include fontSize(144);
				@include lineHeight(154,144);
				float: none;
			    position: absolute;
			    right: calc(100% + 1rem);
			    margin: 0;
			    display: block;
			    top: -5rem;
			}
		}
		h2 .drop-cap{
			@include fontSize(48);
			@include lineHeight(56,48);
			float: left;
			@include fontFace($bodoni-book);
			color: $colorPrimaryRed;
			margin-right: 10px;
			@include media-breakpoint-up(md){
				@include fontSize(144);
				@include lineHeight(154,144);
				float: none;
			    position: absolute;
			    right: calc(100% + 1rem);
			    margin: 0;
			    display: block;
			    top: -5rem;
			}
			@include media-breakpoint-down(sm){
				margin-right: 0;
    			margin-top: -14px;
			}
		}
	}

}


.main-article {
	.sport-title {
		@include fontSize(22);
		@include lineHeight(32,22);
		color: #ce1628;
		@include fontFace($bodoni-book);
	}
	.icon-list {
		margin: 0;
		list-style: none;
		&__one,
		&__two,
		&__three {
			padding: 50px 0 50px 100px !important;
			color: #ce1628;
			@include fontSize(24);
			@include lineHeight(34,24);
		}
		&__one {
			background: url($theme-url + 'assets/images/graphics/ikona_prakticna.png') no-repeat left center;
		}
		&__two {
			background: url($theme-url + 'assets/images/graphics/ikona_nosac.png') no-repeat left center;
		}
		&__three {
			background: url($theme-url + 'assets/images/graphics/ikona_sport.png') no-repeat left center;
		}
	}
}