/*
Theme Name: freedom through solidarity
Theme URI: http://freedom-through-solidarity.com
Author: freedom through solidarity
Author URI: http://freedom-through-solidarity.com
Description: -
Requires at least: WordPress 4.9.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: freedom-through-solidarity.com
Tags: freedom through solidarity
*/
html, body {
	background:  url(images/bottom.png) no-repeat bottom center, url(images/top.png) no-repeat top center;
	background-color: #202020;
	padding: 0 !important;
	margin: 0 !important;
	min-height: 100%;
	color: #fff;
	font-family: "Anton", serif;
}
.logo {
	margin: 60px 0;
}
.main-block {
	font-size: 2rem;
	text-transform: uppercase;
}
.main-block .red {
	background: url(images/main-bg.svg) no-repeat center center;
	min-width: 882px;
	min-height: 608px;
	font-size: 128px;
	line-height: 1em;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;	
}
.main-block span {
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
}
.film-descript {
	margin: 60px auto;
	text-transform: uppercase;
	font-size: 2.2rem;
	text-align: center;
	max-width: 920px;
}
.trailer_container {
	position: relative;
	width: 100%;
	max-width: 24.6354166667vw;
	color: #fff;
	overflow: hidden;
}
.trailer_container:before {
	content:'';
	padding-top: 184.14%;
	position: relatve;
	width: 100%;
	display: block;
}
.trailer_container a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	text-transform: uppercase;
}
.trailer_container a span {
	display: block;
	font-size: 1.8rem;
}
.trailer_container a .bg {
	object-fit: cover;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top:0;
}
.trailer_container .top_left {
	position: absolute;
	top: 1.5625vw;
	left: 1.5625vw;
	color: #D91C28;
	font-size: 2.2rem;
}
.trailer_container .length {
	position: absolute;
	bottom: 1.5625vw;
	left: 1.5625vw;
	color:#fff;
	font-size: 1.8rem;
}
.trailer_container .play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	margin: auto;
}
.trailer_container .top_left span {
	color:#fff;
}
.trailer_container:hover .bg {
	transition: all 10s;
	transform: scale(1.4) contrast(150%);
}
.trailer_container:hover .play {
	transition: all .2s;
	transform: scale(1.4);
}
.trailers .col {
	padding:0;
}
.quote_container {
	margin: 60px 0;
}
.quote_container {
	overflow-x: scroll;
	width: 100%;
}
.quote_block .quote_photo .photo {
	width: 100%;
}
.quote_block .quote_photo {
	position: relative;
}
.quotes {
	margin-top: 60px;
	margin-bottom: 60px;
}
.quote_block .alt {
	margin: 20px 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 200;
}
.quote_block blockquote {
	text-transform: uppercase;
	font-size: 1.8rem;
}
.quote_block .quote_photo:before {
	position: absolute;
	bottom: 0;
	left: 0;
	top:0;
	content:'';
	right: 0;
	background: url("images/quote.png") no-repeat left bottom;
	background-size:  auto 30%;
}
.watch_movie .text {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;	
}
.watch_movie .text span {
	font-size: 6em;
	color: #fff;
	text-transform: uppercase;
    line-height: 1.2em;
}
.watch_movie .text .red_line {
	color: #D91C28;
	font-size: 3em;
	font-family: "Montserrat", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
}
.watch_movie .play_film a video,
.watch_movie .play_film a img {
	filter: brightness(50%);

}
.watch_movie .play_film a video,
.watch_movie .play_film:hover img {
	transition: all 20s;
	transform: scale(1.4);
	filter:  brightness(100%);
}
.watch_movie .play_film a:before {
	content:'';
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 50px;
	width: 1em;
	height: 1em;
	z-index: 10;
	background: url(images/play.svg) no-repeat center center;
	background-size: contain;
	position: absolute;
	margin: auto;
}
.watch_movie .play_film:hover a:before {
	transform: scale(1.4);
	transition: all .2s;
}

.watch_movie .play_film a {
	display: block;
	min-height: 567px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.watch_movie .play_film a video,
.watch_movie .play_film a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.credits {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	font-family: "Montserrat", sans-serif;

}
.credits .role {
	font-size: 1.2rem;
	font-weight: 200;
}
.credits .persons {
	font-size: 1.2rem;
	margin: 5px 0 30px;
	font-weight: 600;
}

.socials {
	margin: 60px 0;
}
.socials img {
	margin:0 20px;
}
.socials a:hover {
	opacity: .8;
	transition: all .2s;
}

@media only screen and (max-width: 699px) {
	.logo {
		margin: 20px 0 50px 0;
        height: 50px;
	}
	.main-block {
	    font-size: 1.2rem;
	}
	.main-block .red  {
		min-width: 100%;
		min-height: 0;
        font-size: 47px;
        margin: 15px 0;
        padding: 29px;
		background: #D91C28;
	}
	.main-block span {
		font-size: 1rem;
	}
	.film-descript {
		font-size: 1.2rem;
	}
	.quote_block .alt {
		margin: 7px 0;
    	font-size: 12px;
	}
	.quote_block blockquote {
		font-size: 1rem;
	}
	.trailer_container {
		max-width: 100%;
		margin: 10px 0;
	}
	.trailer_container:before {
		padding-top:100%;
	}
	.watch_movie .text {
		text-align: center;
	}
	.watch_movie .text > * {
		text-align: center;
		width: 100%;
		display: block;
	}
	.watch_movie .text span {
		font-size: 4em;
	}
	.watch_movie .play_film a {
		min-height: 397px;
	}
	.quote_block {
		margin: 15px ;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 699px) {
	.main-block .red {
		min-width: 100%;
	}
	.logo {
	    margin: 15px 0 50px 0;
	}
	.main-block .red {
		font-size: 88px;
	    background-size: contain;
	        min-height: 458px;
	}
	.main-block {
	    font-size: 1.4rem;
	}
	.main-block span {
	    font-size: 1.1rem;
	}	
	.film-descript {
		font-size: 1.4rem;
	}
	.container-xxl.quotes .row .col-md {
		flex: 0 0 48%;
	}
	.quote_block .alt {
		font-size: 14px;
	}
	.quote_block blockquote {
		font-size: 1.3rem;
	}
	.trailer_container a span {
		font-size: 1.3rem;
	}
	.trailer_container .top_left {
		font-size: 1.8rem;
	}
	.container-xxl.watch_movie .row.justify-content-md-center .col-md-4,
	.container-xxl.watch_movie .row.justify-content-md-center .col-md-8 {
		flex: 0 0 100%;
		text-align: center;
	}
	.watch_movie .text {
		text-align: center;
	}
	.watch_movie .text > * {
		text-align: center;
		width: 100%;
		display: block;
	}
	.watch_movie .text span {
		font-size: 4em;
	}
	.watch_movie .play_film a {
		min-height: 397px;
	}
}

@media only screen and (max-width: 1300px) and (min-width: 1025px) {
	.main-block .red {
		min-width: 602px;
	    min-height: 468px;
		background-size: contain;
		font-size: 88px;
	}
	.main-block {
		font-size: 1.5rem;
	}
	.film-descript {
		margin: 30px auto;
	}
	.logo {
		magin: 30px 0;
	}
	.trailer_container {
		max-width: 29.635417vw;
	}
	.quote_block blockquote {
		font-size: 1.3rem;
	}
	.watch_movie .text span {
	    font-size: 5em;
	}
}