/*
Theme Name: Mas umelecke strevo?
Theme URI: https://wp.netvarec.ooo/api/
Description:
Version: 1.0
Author: Netvarec
Author URI: http://justjonas.rocks
*/

@charset "utf-8";

html, body {
	padding:0;
	margin:0;
	background-color:#fff;
}
html>body #content {
	height: auto;
	/* min-height: 580px; */

}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 17px;
	padding: 40px;
  position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
body, td, th, div, li {
	color:#000;
}

.clear {
    clear:both;
}

/*
*
*		LOGO (border around website content with name)
*
*/

.frame {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 666;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: transparent;
	pointer-events: none;
}

.frame a {
	pointer-events: auto;
}

.frame--white {
	border: 40px solid #fff;
	z-index: 665;
}

.frame--black {
	border: 3px solid #000;
	top: 18px;
	left: 18px;
	width: calc(100% - 36px);
	height: calc(100% - 36px);
}

.admin-bar .frame {
	top: 32px;
	height: calc(100% - 32px);
}

.admin-bar .frame--black {
	top: 50px;
	height: calc(100% - 68px);
}

.logo-part {
	position: fixed;
	display: block;
}

.logo-part--mas {
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	height: 40px;
}

.logo-part--umelecke {
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	width: 40px;
}

.logo-part--strevo {
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	height: 40px;
}

.logo-part--question-mark {
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	width: 40px;
}

.admin-bar .logo-part--mas {
	top: 32px;
}

.frame-hider {
	background: #fff;
	position: absolute;
}

.frame-hider--top {
	width: 50vw;
	height: 40px;
	top: -21px;
	left: -21px;
}

.frame-hider--left {
	height: 50vh;
	width: 40px;
	top: -21px;
	left: -21px;
}

 /*CONTENT*/
#content {
    width: 65vw;
    margin-left: 30vw;
    padding-right: 0;
}

#content p {
	max-width: 450px;
	width: 100%;
}

#content_main, .content_main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.home #content_main {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

main {
	padding-top: 100px;
}

.text {
	width: 60%;
}

.text h1 {
	margin-top: 0.2em;
}

.text h3 {
	margin-bottom: 0.15em;
}

.text p {
	margin-top: 0;
}

.text img {
	max-width: 100%;
	height: auto;
}

.photos {
	width: 40%;
	padding: 0 40px;
	text-align: left;
	overflow: hidden;
	box-sizing: border-box;
}

.photos a {
	text-align: left;
}

.photos h1 {
	margin-top: 0;
}

.photos img {
	display: block;
	margin-bottom: 10px;
	float: right;
	width: 100%;
	height: auto;
}

#content_main .content-box {
	width: 30%;
	text-align: left;
	margin-right: 25px;
	margin-bottom: 25px;
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.content-box img {
	width: 100%;
	height: auto;
}

.page-id-12 #content_main .content-box:hover .yellow_link_box,
.page-id-12 #content_main .content-box:hover .yellow_link_box .season,
.page-id-12 #content_main .content-box:hover .yellow_link_box .year,
.page-id-12 #content_main .content-box:hover .yellow_link_box .slogan,
.post-type-archive-competition-year #content_main .content-box:hover .yellow_link_box,
.post-type-archive-competition-year #content_main .content-box:hover .yellow_link_box .season,
.post-type-archive-competition-year #content_main .content-box:hover .yellow_link_box .year,
.post-type-archive-competition-year #content_main .content-box:hover .yellow_link_box .slogan
{
	background: transparent;
	color: transparent;
}

#content_main .content-box .yellow_link_box {
	text-align: left;
	padding: 10px;
	margin: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.page-id-12 #content_main .content-box .yellow_link_box,
.single-competition-year #content_main .content-box .yellow_link_box {
	position: absolute;
	height: 100%;
}

.page-id-12 #content_main .content-box .yellow_link_box .bottom,
.single-competition-year #content_main .content-box .yellow_link_box .bottom {
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	left: 0;
}

.post-type-archive-competition-year .content-box {
	overflow: hidden;
}

.post-type-archive-competition-year .content-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	width: auto;
}

.post-type-archive-competition-year .content-box:hover img {
	z-index: 0;
}

.page-id-635 #content_short {
	width: 100%;
}

.page-id-16 .psgal a {
	width: 33%;
}

#content_short img {
	max-width: 550px;
	width: 100%;
	height: auto;
}

a[href*=".pdf"] {
	display: inline-block;
	background: #ffe001;
	text-decoration: none;
	padding: 8px 16px;
	min-width: 200px;
	text-align: center !important;
	margin-bottom: 10px;
	border: 2px solid #ffe001;
}

a[href*=".pdf"]:hover {
	background: transparent;
}

.page-id-12 #content_main .content-box .yellow_link_box .season,
.single-competition-year #content_main .content-box .yellow_link_box .season {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	padding: 0;
	-webkit-transform: translate(0, -100%);
	        transform: translate(0, -100%);
}


.this-year a {
	text-decoration: none;
}

.this-year h1, .news h1 {
	margin: 0;
}

.this-year p {
	margin-bottom: 0;
}

.this-year {
	width: 60%;
}

.this-year img {
	max-width: 100%;
	height: auto;
}

.news {
	width: 40%;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.news-box {
	background: #ffe001;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.news-box p, .news-box a {
	margin-top: 0;
	font-size: 70%;
}

.news h3 {
	margin: 0.3em 0;
}

.news p {
	margin: 0.4em 0;
}

/*
.home #content {
	margin-left: 220px;
	width: auto;
}
*/

#content_main .content-box .yellow_link_box .season {
	font-size: 60px;
	text-align: center;
	line-height: normal;
	padding: 70px 0;
}

#content_main .content-box .yellow_link_box .bottom {
	position: relative;
	bottom: auto;
}

#content_main .content-box h2 {
	margin: 0;
	font-size: 45px;
	line-height: normal;
	word-break: normal;
}

#content_main .content-box a {
	text-decoration: none;
}

small {
	font-size: 16px;
}

 /*LANGS*/
.langs {
  position: fixed;
	top: 40px;
	right: 40px;
	z-index: 666;
}

.langs a {
	text-decoration: none;
	display: inline-block;
	color: black;
	width: 2em;
	text-align: center;
	cursor: pointer;
}
.langs a:hover { font-weight: bold; }
.langs a.active { color: #ffe001; font-weight: bold; }

.admin-bar .langs {
	top: 72px;
}

#header_logo {
    margin-bottom: 15px;
}
#footer {
    padding:0 40px;
    height:70px;
    clear:both;
    margin-top: 20px;
}
#footer_in{
    width:1000px;
    margin:0 auto;
}


/* *********** LEFT MENBU ************** */
.menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 667;
}

.admin-bar .menu {
	top: 32px;
}

#main_menu {
  list-style: none;
	margin-top: 40px;
}

li.menu-item a {
    margin: 8px 0 0px 0px;
    display: block;
    color: #000;
    text-decoration: none;
}
li.menu-item a:hover {
    color: #000;
		font-weight: bold;
}
li.current-menu-item a {
    color: #ffe001;
}
li.menu-item a img {
    border: 1px solid #000;
    margin-right: 12px;
}



 /*BASIC STYLES*/

h1 h2 h3 h4 h5 h6 {
    font-weight: 500;
}

h1 {
    font-weight: 500;
    font-size: 200%;
    color: #000;
    margin-bottom: 30px;
}

h2 {
    font-size: 28px;
    line-height:34px;
    font-weight: 500;
    color: #000;
}

h3 {
    font-size: 120%;
}


h4 {
    font-weight: normal;
    font-size:18px;
}

h5 {
    font-size:16px;
}

h6 {
    font-size:15px;
    }

p {
    color: #000;
    line-height: 1.4em;
}

address {
    text-align: center;
}

a:link, a:hover, a:visited  {
    color: #000;
}

li{
    margin-bottom: 10px;
    line-height: 13px;
}

.small{
    font-size:10px;
    line-height:14px;
}

.alignleft {
    float:left;
    margin-right: 10px;
}

.alignright {
    float:right;
    margin-left: 10px;
}

.aligncenter {
    margin: 0 auto;
}


.keret {
    border: 1px solid #ccc !important;
}






/* *********** WIDGETS ************ */
.widget {
	margin-bottom:10px;
    list-style-type: none;
}

.textwidget {
	padding:0px 8px 8px;
}




/* ***************** SHORTCODE ****************** */
.keretDiv{
	border:1px solid #872e7e;
	padding:10px;
	background-color:#f9f6db;
}

/* *********** STYLES ************* */
img.img_border{
    border: 1px solid #bbb !important;
    padding: 2px;
}

/* ********* COLORS ********* */
.yellow { color: #ffe001; }

/* ***************** TABLES *************** */
/*100 620 270*/
.col_table { display: table; }
.col_table .column_td1, .col_table .column_td2 { display: table-cell; vertical-align: top; }
.col_table_wide .column_td1 { width: 720px; }
.col_table_wide .column_td2 { width: 270px; }
.col_table_strait .column_td1 { width: 620px; }
.col_table_strait .column_td2 { width: 270px; }
.col_table .column_td2 img { max-width: 250px; }
.col_table img.vmargin { margin: 10px; }

/*ROCNIKY*/
.rocniky h1 { margin-top: 10px; }
.rocniky h1.title { color: #ffe001; margin-bottom: 0px; margin-top: 20px; line-height: 32px; }

    /*Yellow Link Box*/
.yellow_link_box { display: table-cell; position: relative; text-align: center; vertical-align: middle; border: 5px solid #ffe001 !important;
    background-color: #ffe001; color: black;  line-height: 0; float: left; margin: 5px; overflow: hidden;}
.yellow_link_box .numdiv { font-size: 60px; text-align: center; vertical-align: bottom; display: table-cell;}
.yellow_link_box .bottom { position: absolute; bottom:30px; text-align: center; line-height: 36px;}
.yellow_link_box .bottom .year { font-size: 32px;}
.yellow_link_box .bottom .slogan { font-size: 16px; line-height: 1.2em; margin-top: 0.5em; min-height: 3.2em;}
.yellow_link_box .image { position: absolute; opacity: 0; top: 0; left: 0; z-index: 100; }
.yellow_link_box .image:hover { position: absolute; opacity: 100; top: 0; left: 0; }
.yellow_link_box .image a { }
.yellow_link_box .image a:hover {  }
.yellow_link_box .image { }
.yellow_link_box .image:hover {  }

.yellow_button {
    display: inline-block;
    min-width: 200px;
    padding: 8px 16px;
    background-color: #ffe001;
    color: #000;
    font-size: 16px;
    text-align: center !important;
    text-decoration: none;
    border: 2px solid #ffe001;
		margin-bottom: 10px;
}
.yellow_button:hover {
    background-color: #fff;
}


#menutoggle {
    display: none;
    width: 25px;
    height: 25px;
    padding: 0;
    z-index: 100000;
    position: fixed;
    top: 10px;
		left: 10px;
		cursor: pointer;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: hidden;
}

.admin-bar #menutoggle {
	top: 50px;
}

#menutoggle span {
	width: 100%;
	height: 3px;
	background: #000;
	display: block;
	margin-bottom: 5px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.menutoggle_open span:nth-child(1) {
	-webkit-transform: translate(0, 8px) rotate(45deg);
	        transform: translate(0, 8px) rotate(45deg);
}

.menutoggle_open span:nth-child(2) {
	-webkit-transform: translate(-200%, 0);
	        transform: translate(-200%, 0);
}

.menutoggle_open span:nth-child(3) {
	-webkit-transform: translate(0, -8px) rotate(-45deg);
	        transform: translate(0, -8px) rotate(-45deg);
}


/* *********** VIDEO ********** */
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
}

/*
*
*
*
*/

.color--yellow {
	color: #ffe001;
}

#main-navigation {
	max-height: 100vh;
	overflow: auto;
}

#main-navigation .social {
	display: inline-block;
}

#main-navigation .social a {
	width: 1em;
	height: 1em;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 5px;
}

#main-navigation .facebook a {
	background: url(images/facebook.svg) no-repeat center;
	background-size: cover;
	width: 1.1em;
}

#main-navigation .instagram a {
	background: url(images/instagram.svg) no-repeat center;
	background-size: cover;
}

#main-navigation .mail a {
	background: url(images/mail.svg) no-repeat center;
	background-size: cover;
}

/*
*
*		FOO gallery
*
*/

.fiv-inner {
	border: 3px solid #ffe001 !important;
	width: 100% !important;
}

.fiv-inner-container, .fiv-ctrls {
	display: inline-block !important;
	vertical-align: top !important;
	text-align: center;
}

.fiv-inner-container {
	width: 60%;
}

.fiv-ctrls {
	width: 38%;
	margin-top: 8% !important;
	position: relative !important;
}

.foogallery-image-viewer > .fiv-inner > .fiv-ctrls > .fiv-prev {
	float: none !important;
}

.foogallery-image-viewer.hover-effect-zoom a:hover:before {
	background-color: rgba(255, 224, 0, 0.85) !important;
}

.fiv-count {
	color: #ffe001 !important;
	font-size: 45px;
	text-align: center;
}

.fiv-prev, .fiv-next {
	display: block !important;
}

.foogallery-image-viewer > .fiv-inner > .fiv-inner-container,
.foogallery-image-viewer > .fiv-inner > .fiv-ctrls > .fiv-prev,
.foogallery-image-viewer > .fiv-inner > .fiv-ctrls > .fiv-next {
	border: none !important;
}

.foogallery-image-viewer > .fiv-inner > .fiv-ctrls > .fiv-prev,
.foogallery-image-viewer > .fiv-inner > .fiv-ctrls > .fiv-next {
	position: absolute !important;
	top: 4em;
	color: #ffe001 !important;
}

.foogallery-image-viewer > .fiv-inner > .fiv-ctrls > .fiv-next {
	right: 0;
}

.fbx-light,
.fbx-light .fbx-caption,
.fbx-light .fbx-open-caption,
.fbx-light.fbx-phone .fbx-social {
	background: #fff !important;
}

.fbx-modal {
	z-index: 660 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-inner-shadow, .fbx-rounded .fbx-btn-shadow,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:before,
.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,
.fbx-rounded .fbx-next.fbx-btn-shadow,
.fbx-rounded .fbx-next.fbx-btn-shadow:hover,
.fbx-rounded .fbx-prev.fbx-btn-shadow,
.fbx-rounded .fbx-prev.fbx-btn-shadow:hover {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

body .fbx-light .fbx-prev,
body .fbx-light .fbx-next {
	position: fixed !important;
	background: transparent !important;
}

body .fbx-light .fbx-prev {
	left: 150px !important;
}

body .fbx-light .fbx-next {
	right: 150px !important;
}

body .fbx-light .fbx-prev:before {
	content: '\02190' !important;
	color: #000 !important;
	font-size: 40px !important;
	-webkit-transform: translate(-100%, 0);
	        transform: translate(-100%, 0);
}

body .fbx-light .fbx-next:before {
	content: '\2192' !important;
	color: #000 !important;
	font-size: 40px !important;
	-webkit-transform: translate(100%, 0);
	        transform: translate(100%, 0);
}

body .fbx-light .fbx-prev:hover:before,
body .fbx-light .fbx-next:hover:before {
	color: #ffe001 !important;
}

.fbx-active .menu {
	display: none;
}

body .fbx-rounded.fbx-light .fbx-close {
	position: fixed !important;
	left: 40px !important;
	top: 40px !important;
	font-size: 40px !important;
	width: 1.5em !important;
	height: 1.5em !important;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

body .fbx-rounded.fbx-light .fbx-close:before {
	color: #000 !important;
	font-size: 40px !important;
	content: "+";
}

body.admin-bar .fbx-rounded.fbx-light .fbx-close {
	top: 72px !important;
	background: transparent !important;
}

.fbx-count {
	display: none;
}

.psgal {
	display: flex;
	flex-wrap: wrap;
	padding-right: 40px;
}

.pswp__scroll-wrap {
	background: #fff;
}

.page-id-635 .psgal figure,
.text .psgal figure {
	width: 20% !important;
}

.psgal img {
	display: block;
}

#content_short .post-thumbnail {
	width: 60% !important;
	height: auto !important;
}



/* ************************* TABLET VERSION *************** */
@media screen and (max-width: 1294px) {




}


/* ************************* MOBIL VERSION *************** */
@media screen and (max-width: 660px) {

			.menu {
					height: 260px;
					width: 100%;
					min-height: 100vh;
					display: none;
					z-index: 665;
					background: #fff;
			}

			iframe {
				max-width: 100%;
				height: auto;
			}

			.frame {
				transition: all 500ms;
			}

			#content_main .content-box .yellow_link_box {
				max-width: 100%;
			}

			.page-id-635 .psgal figure, .text .psgal figure {
				width: 33% !important;
			}

			#menutoggle {
					display: block;
					padding: 0;
			}

		.home #content, #content {
			margin-left: 0;
		}

		#content {
			width: 100%;
		}

		.page-id-635 #content_short {
			width: 100%;
		}

		.fiv-inner {
			padding-bottom: 50px !important;
		}

		.fiv-inner-container {
			width: 100%;
		}

		.fiv-inner-container img {
			width: 100%;
		}

    #content img {
      max-width: 100%;
      height: auto;
    }

		.home #content_main {
			display: block;
		}

		.news,
		.this-year,
		.text,
		.photos,
		#content_main .content-box {
			width: 100%;
			padding: 0;
		}

		.photos img {
			float: none;
		}

    /* ***************** TABLES *************** */
    .col_table .column_td1, .col_table .column_td2 { display: block; }
    .col_table_wide .column_td1 { width: 90%; }
    .col_table_wide .column_td2 { width: 90%; }
    .col_table_strait .column_td1 { width: 90%; padding-left: 0px; }
    .col_table_strait .column_td2 { width: 90%; }
    .col_table .column_td2 img { max-width: 90%; height: auto; }


    /* *************** YELLOW BOX *********** */
    .yellow_link_box { max-width: 90%; }
    .yellow_link_box .bottom { max-width: 100%}

		body .fbx-light .fbx-prev {
			top: 50% !important;
			left: 50px !important;
		}

		body .fbx-light .fbx-next {
			top: 50% !important;
			right: 50px !important;
		}

}


/* ******************** YouTube videos ***************** */
@media screen and (max-width: 800px) {
    .video-container iframe, .video-container object, .video-container embed {
        width: 90%;
        height: 100%;
    }
}