/*!
Theme Name: Flycraft
Theme URI: https://orly.lv/
Author: Andrejs Lomovs
Author URI: https://orly.lv/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: flycraft
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Flycraft is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/





/* FLYCRAFT STYLE */

html, body {
	margin: 0;
	padding: 0;
	color: #191E37;
    }

html, body, input, textarea {
	font-family: 'Roboto Condensed', sans-serif;
    }



.fly_body_active { overflow: hidden;}


h1 { font-family: "Ubuntu", sans-serif; font-weight: bold; font-size: 8rem; color: white; }
h2 { font-family: "Ubuntu", sans-serif; font-weight: bold; font-size: 5rem; margin: 0; }
.fly_menu_list a { font-family: "Ubuntu", sans-serif; font-weight: bold; font-size: 3rem; margin: 0; }
p, span { font-size: 1.75rem; }
.fly_page_block1 p { font-size: 3rem; }
.fly_main_text2 { font-size: 2.25rem; }

@media (max-width: 1100px) {
	h1 { font-size: 10rem; }
	h2 { font-size: 7.5rem; }
	.fly_menu_list a { font-size: 4.5rem; }
	p, span { font-size: 2.5rem; }
	.fly_page_block1 p { font-size: 4.5rem; }
	.fly_main_text2 { font-size: 3.4rem; }
	.fly_white_button span, .fly_blue_button span, .fly_footer_menu a { font-size: 3.4rem; }	
}





.fly_white_button span {
	margin:0;
	background: white;
	color: #191E37;
	margin: 0;
}

.fly_blue_button span {
	margin:0;
	background: #191E37;
	color: white;
	margin: 0;
}

.fly_white_button, .fly_blue_button { 
	width: 100%;
	padding: 50px 0;
}
.fly_white_button span, .fly_blue_button span {
	padding: 20px 40px;
	border-radius: 6px;
}



@media (max-width: 1100px) {
	.fly_white_button, .fly_blue_button { 
		width: 100%;
		padding: 75px 0;
	}
	.fly_white_button span, .fly_blue_button span {
		padding: 40px 80px;
		border-radius: 12px;
	}
}







.fly_main_interval { 
	width: 100%;
}
@media (max-width: 1100px) {
	.fly_main_interval { height: 7vw; }
	@supports ((height: 100dvh) and (width: 100dvw)) { .fly_main_interval { height: 5dvw); } }
}







/* MENU */



.fly_menu_btn2 {
	position: absolute;
	top: clamp(50px, 7vw, 150px);
	right: clamp(50px, 7vw, 150px);
	z-index: 99;
	margin-top: 41px;
	width: 40px;
	height: 40px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
@supports ((height: 100dvh) and (width: 100dvw)) { .fly_menu_btn2 { top: clamp(50px, 7dvw, 150px); right: clamp(50px, 7dvw, 150px); } }
.fly_menu_btn2:hover span {
	background: #ebca6b;	
}



.fly_menu_btn2 span {
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #191E37;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.fly_menu_btn2 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.fly_menu_btn2 span:nth-child(2) {
  top: 17px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.fly_menu_btn2 span:nth-child(3) {
  top: 34px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.fly_menu_btn2.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 3px;
  left: 6px;
}

.fly_menu_btn2.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
  left: 20px;
}

.fly_menu_btn2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 31px;
  left: 6px;
}


.fly_menu {
	position: fixed;
	z-index: 89;
	right: 0;
	top: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.1);
	transition: 0.5s;
	transform: translateX(100%);
	padding: 0 clamp(20px, 7vw, 150px);
}
@supports ((height: 100dvh) and (width: 100dvw)) {
.fly_menu {
	padding: 0 clamp(20px, 7dvw, 150px);
}
}
.fly_menu_active {
	transform: translateX(0%);
	background-color: #fff;
}
.fly_menu_list {
	display: flex;
	justify-content: space-around;
	align-items: right;
	height: 50%;
	flex-direction: column;
	text-align: right;
}
.fly_menu_list li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.fly_menu_list a{
	text-decoration: none;
	text-transform: uppercase;
	color: #191E37;	
}
.fly_menu_list a:hover {
	color: #ebca6b;	
}
















.fly_main_cont {
	position: relative;
	overflow: hidden;
	background: #e29f1f;	
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px;
	padding: 0 50px;
	border-radius: 12px;
}

.fly_main_video {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	filter: alpha(Opacity=50);
    opacity: 0.5;
}

.fly_main_video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}





.fly_logo {
	position: relative;
	width: clamp(150px, 50%, 400px);
	margin-top: clamp(50px, 7vw, 150px);
}
.fly_logo img {
	width: 100%;
}




.fly_main_txt {
	position: relative;
	z-index: 10;
	text-align: center;
	max-width: 1400px;
	padding-bottom: 100px;
}



.fly_main_txt p {
	margin:0;
}

.fly_main_text1 {
	padding: 100px 0;
}

.fly_main_text2  {
	margin:0 auto;
	width: 100%;
	max-width: 700px;
	padding-bottom: 25px;
}







@media (max-width: 1100px) {

	.fly_menu_btn2 { margin-top: 0; top: clamp(20px, 5vw, 150px); right: clamp(20px, 5vw, 150px); width: 60px; height: 60px; }
@supports ((height: 100dvh) and (width: 100dvw)) { .fly_menu_btn2 { top: clamp(20px, 5dvw, 150px); right: clamp(20px, 5dvw, 150px); } }
.fly_menu_btn2 span { height: 8px; }
.fly_menu_btn2 span:nth-child(1) { top: 0px; }
.fly_menu_btn2 span:nth-child(2) { top: 26px; }
.fly_menu_btn2 span:nth-child(3) { top: 52px; }
.fly_menu_btn2.open span:nth-child(1) { top: 5px; left: 8px; }
.fly_menu_btn2.open span:nth-child(2) { left: 30px; }
.fly_menu_btn2.open span:nth-child(3) { top: 47px; left: 8px;}

.fly_logo { margin-top: clamp(70px, 30vw, 500px); width: clamp(150px, 60%, 700px); }
@supports ((height: 100dvh) and (width: 100dvw)) { .fly_logo { margin-top: clamp(70px, 30dvw, 500px); } }

.fly_menu { width: 100%;}
.fly_menu_list { text-align: center; }

}












.fly_brewery_bg {
	position: absolute;
	background: #1F2E76;
	width: calc(100% - 20px);
	bottom: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 10px;
	border-radius: 12px;
	height: calc(100% - 200px);
	}

.fly_brewery_bg_logo {
	position: absolute;
	width: 100%;
	max-width: 750px;
	height: 100%;
	max-height: 30vw;
	left: 60%;
	bottom: 0;
	background-image: url("bglogo.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	z-index: 2;
	filter: alpha(Opacity=50);
    opacity: 0.5;
}







.fly_brewery_cont, .fly_lager_cont {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.fly_brewery_txt_cont, .fly_lager_txt_cont  {
	position: relative;
	width: 50%;
	max-width: 900px;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	margin-top: 200px;
	min-height: 500px;
	padding: 60px;
}
.fly_brewery_image, .fly_lager_image {
	position: relative;
	width: 35%;
	max-width: 600px;
	z-index: 10;
	min-height: 600px;
	margin: 0 clamp(0px, 5%, 50px);
}
.fly_brewery_image img, .fly_lager_image img {
	position: absolute;
	top: -100px;
	left: 50%;    
	transform: translateX(-50%);
	z-index: 100;
}	


@media (max-width: 1100px) {
.fly_brewery_bg {
	height: 75%;
	}
.fly_brewery_cont, .fly_lager_cont {
	position: relative;
	width: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
}
.fly_brewery_cont {
	flex-direction: column;
}
.fly_lager_cont {
	flex-direction: column-reverse;
}
.fly_brewery_txt_cont, .fly_lager_txt_cont {
	position: relative;
	width: calc(100% - 100px);
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 100px 0;
	text-align: center;
}
.fly_brewery_image, .fly_lager_image  {
	position: relative;
	height: 200vw;
	max-height: 1000px;
	margin-top: 100px;
	width: 90%;
	z-index: 10;
}
.fly_brewery_image img, .fly_lager_image img {
	position: absolute;
	height: 200vw;
	max-height: 1000px;
	top: 0;
	left: 50%;    
	transform: translateX(-50%);
	z-index: 100;
}	
}


.fly_brewery_txt_cont {
	color: white;
}
.fly_lager_image {
	background-image: url("bglogogold.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}





.fly_page_cont {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	margin: 10px;
	border-radius: 12px;
}
.fly_page {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: clamp(50px, 7vw, 150px) 50px 50px 50px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 10;
	align-items: flex-start;
}
@media (max-width: 1100px) { .fly_page { margin: clamp(100px, 14vw, 250px) 50px 50px 50px;} }

.fly_page_block1 {
	position: relative;
	width: 60%;
}
@media (max-width: 1100px) { .fly_page_block1 { width: 100%;} }

.fly_page_block2 {
	position: relative;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 50px;
}
.fly_page_block2_left { position: relative; flex: 4; }
.fly_page_block2_right { position: relative; flex: 6; }

@media (max-width: 1100px) {
	.fly_page_block2 { display: block;}
}

.fly_page_block2 img {
	width: 100%;
	border-radius: 6px;
}
@media (max-width: 1100px) { .fly_page_block2 img { border-radius: 12px; } }

.fly_page p, .fly_page img  {
	margin: 50px 0 0 0;
}
.fly_blue_button_margin { margin-top: 25px; }














.fly_page_contact_form { margin-top: 50px; }
.fly_page_contact_form p { margin: 0; }
.fly_page_contact_form input, .fly_page_contact_form textarea {
	padding: 18px 38px;
	font-size: 1.75rem;
	border: 2px solid #191E37;
	border-radius: 6px;
	margin-bottom: 15px;
	width: calc(100% - 80px);
	resize: none;
}
@media (max-width: 1100px) {
	.fly_page_contact_form input, .fly_page_contact_form textarea {
		padding: 38px 78px;
		font-size: 2.5rem;
		border-radius: 12px;
		width: calc(100% - 160px);
	}
}
.fly_contact_button input {
	border: 0;
	background-color: #191E37;
	color: white;
	width: auto;
	padding: 20px 40px;
}
@media (max-width: 1100px) {
	.fly_contact_button input {
		padding: 40px 80px;
	}
}














.fly_footer_cont {
	position: relative;
	background: #1F2E76;
	overflow: hidden;
	display: flex;
	justify-content: center;
	margin: 10px;
	border-radius: 12px;
}
.fly_footer {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 50px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	z-index: 10;
	align-items: flex-start;
}
.fly_footer_logo {
	padding: 0;
	}
.fly_footer_menu_cont {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: raw;
	justify-content: space-between;
	align-items: flex-end;
}
.fly_footer_menu {
	position: relative;
	gap: 50px;
	display: inline-flex;
	flex-direction: raw;
	justify-content: flex-start;
	padding-top: clamp(0px, 5%, 50px);
}
.fly_footer_menu li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.fly_footer_menu a, .fly_footer_menu a:visited, .fly_footer_menu a:active {
	text-decoration: none;
	color: #ffffff;
}
.fly_footer_menu a:hover {
	color: #ebca6b;
}

.fly_footer_media {
	position: relative;
	display: inline-flex;
	flex-direction: raw;
	justify-content: flex-end;
	gap: 35px;
	padding-top: clamp(0px, 5%, 50px);
}
.fly_footer_media img {
	width: 35px;
}

@media (max-width: 1100px) {
	.fly_footer { align-items: center;}
	.fly_footer_menu_cont { flex-direction: column; justify-content: center; align-items: center; }
	.fly_footer_logo { padding-top: clamp(0px, 10%, 100px); }
	.fly_footer_menu { display: flex; flex-direction: column; justify-content: align-items: center; text-align: center; padding: clamp(0px, 10%, 100px) 0; }
	.fly_footer_media { padding: clamp(0px, 5%, 50px) 0; gap: 50px; }
	.fly_footer_media img { width: 50px; }
}