@font-face {
	font-family: myFontForHeading;
	src: url("../fonts/PTSans-Regular.ttf");
}
@font-face {
	font-family: myFontForBody;
	/*src: url("../fonts/neuzeit_grotesk_w01_regular.otf");*/
	src: url("../fonts/PTSans-Regular.ttf");
}
/*
body,h1,h2,h3,h4,h5,h6 {
	font-family: myFontForText, sans-serif;
}
*/
body {
	font-family: myFontForBody;
}
h1,h2,h3,h4,h5,h6 {
	font-family: myFontForHeading;
}
body, html {
	height: 100%;
	color: #2b2b2b;
	background-color: #f3f3f3;
}
h1 {
	FONT-SIZE: 1.7em;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.2em;
	MARGIN-TOP: 0.5em;
	MARGIN-BOTTOM: 0.5em;
	TEXT-ALIGN: left;
}
h2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.5em;
	MARGIN-TOP: 1.0em;
	MARGIN-BOTTOM: 0.5em;
	TEXT-ALIGN: left;
	/*text-transform: uppercase;*/
}
h3 {
	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
	MARGIN-TOP: 2em;
	MARGIN-BOTTOM: 0.5em;
	TEXT-ALIGN: left;
}
h4 {
	FONT-SIZE: 1em;
	FONT-WEIGHT: bold;
	MARGIN-TOP: 0.3em;
	TEXT-ALIGN: left;
}
h4.card-header {
	FONT-SIZE: 1.1em;
	FONT-WEIGHT: bold;
	MARGIN: 0;
	PADDING: 0.3em 0 0.3em 0;
}
ul, ol {
	MARGIN: 0.6em 0em 0em 0em;
	PADDING: 0.0em 0em 0.3em 1.3em;
}
ul.myListIcon01, ul.myListIcon01-light, ul.myListIcon01-dark {
	list-style-position: outside;
}
ul.myListIcon01 {
	list-style-image: url('../images/rusinskyfestival-icon-16x16.png');
}
ul.myListIcon01-light {
	list-style-image: url('../images/rusinskyfestival-icon-16x16-light.png');
}
ul.myListIcon01-dark {
	list-style-image: url('../images/rusinskyfestival-icon-16x16-dark.png');
}
ul li, ol li {
	MARGIN: 0em 0em 0.4em 0em; PADDING: 0 0 0 0.6em;
}
.w3-bar .w3-button {
	padding: 16px;
}

.topMenu {
	z-index:2;
}
/* Instagram CSS Linear Gradient Background */
.gradient-bg-instagram {
	background: #405DE6;
	background: linear-gradient(135deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80
	);
}
.gradient-text-instagram,.hover-gradient-text-instagram:hover {
    background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.w3-color1 {color:#fff !important; background-color:#0B9707 !important}
.w3-text-color1 {color:#0B9707 !important}
.w3-text-color1:hover {color:#0B9707 !important; text-decoration: none;}
.w3-border-color1 {border-color:#0B9707 !important}

.w3-hover-color1:hover {color:#fff !important; background-color:#0B9707 !important}
.w3-hover-text-color1:hover {color:#0B9707 !important}
.w3-hover-border-color1:hover {border-color:#0B9707 !important}

.w3-color1-light {color:#000 !important; background-color:#fdf6f2 !important}
.w3-color1-dark {color:#fff !important; background-color:#703612 !important}
.w3-color1-action {color:#fff !important; background-color:#703612 !important}

.w3-color1-l5 {color:#000 !important; background-color:#fdf6f2 !important}
.w3-color1-l4 {color:#000 !important; background-color:#f8e2d4 !important}
.w3-color1-l3 {color:#000 !important; background-color:#f2c5a9 !important}
.w3-color1-l2 {color:#000 !important; background-color:#eba77d !important}
.w3-color1-l1 {color:#fff !important; background-color:#e48a52 !important}
.w3-color1-d1 {color:#fff !important; background-color:#ca6120 !important}
.w3-color1-d2 {color:#fff !important; background-color:#b4561c !important}
.w3-color1-d3 {color:#fff !important; background-color:#9d4c19 !important}
.w3-color1-d4 {color:#fff !important; background-color:#874115 !important}
.w3-color1-d5 {color:#fff !important; background-color:#703612 !important}

.w3-color2 {color:#fff !important; background-color:#85a1a7 !important}
.w3-text-color2 {color:#85a1a7 !important}
.w3-border-color2 {border-color:#85a1a7 !important}

.w3-hover-color2:hover {color:#fff !important; background-color:#85a1a7 !important}
.w3-hover-text-color2:hover {color:#85a1a7 !important}
.w3-hover-border-color2:hover {border-color:#85a1a7 !important}

.w3-color2-light {color:#000 !important; background-color:#f8f9fa !important}
.w3-color2-dark {color:#fff !important; background-color:#232725 !important}
.w3-color2-action {color:#fff !important; background-color:#232725 !important}

.w3-color2-l5 {color:#000 !important; background-color:#f8f9fa !important}
.w3-color2-l4 {color:#000 !important; background-color:#e7eced !important}
.w3-color2-l3 {color:#000 !important; background-color:#ced9dc !important}
.w3-color2-l2 {color:#000 !important; background-color:#b6c7ca !important}
.w3-color2-l1 {color:#000 !important; background-color:#9eb4b9 !important}
.w3-color2-d1 {color:#fff !important; background-color:#74949b !important}
.w3-color2-d2 {color:#fff !important; background-color:#65858c !important}
.w3-color2-d3 {color:#fff !important; background-color:#58747a !important}
.w3-color2-d4 {color:#fff !important; background-color:#4c6369 !important}
.w3-color2-d5 {color:#fff !important; background-color:#232725 !important}

.ParentPage {
	/*
	COLOR:brown;
	*/
	TEXT-DECORATION: underline;
}
.ParentPage:hover {
	/*
	color: #131311;
	*/
	TEXT-DECORATION: none;
}
.CurrentPage {
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.w3-hover-text-underline{text-decoration:none!important}
.w3-hover-text-underline:hover{text-decoration:underline!important}


/* First image (Logo. Full height) */
.bgimg-1 {
	background-image: url('../images/parallax01.jpg');
	/* min-height: 100%; */
	max-height: fit-content;
}

/* Second image (Portfolio) */
.bgimg-2 {
	/*background-image: url("../images/parallax02.jpg");*/
	min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
	background-image: url("../images/parallax03.jpg");
	min-height: 400px;
}
/* Magazine image (Contact) */
.bgimg-4 {
	/*background-image: url("../images/parallax04.jpg");*/
	min-height: 400px;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

.w3-sup {
    vertical-align: super;
    font-size: smaller;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-width: 992px) { /* small and medium */
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: scroll;
		/*min-height: 300px;
		*/
	}
	.bgimg-1 {
		margin-top:77px;
	}
	.weblogo {
		max-height:45px;
	}
	.w3-padding-content {padding:24px 12px!important}
}
@media only screen and (min-width: 993px) {/* large size */
	.bgimg-1 {
		margin-top:112px;
	}
	.weblogo {
		max-height:80px;
	}
	.w3-padding-content {padding:24px 48px!important}
}


/* textarea doladenie (W3 už rieši väčšinu) */
textarea.w3-input {
  resize: vertical;
  min-height: 6.5rem; /* cca 5 riadkov podľa fontu */
}
.w3-button[disabled] {
  cursor: not-allowed;
  opacity: .6; /* w3-disabled už robí opacity, toto je len poistka */
}



/* ************************************************************ */
/* video container-iframe responsive */
.container-iframe {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	/*padding-top: 75%;*/ /* 4:3 Aspect Ratio */
	/*padding-top: 66.66%;*/ /* 3:2 Aspect Ratio */
	/*padding-top: 62.5%;*/ /* 8:5 Aspect Ratio */
	/*padding-top: 100%;*/ /* 1:1 Aspect Ratio */
}
.iframe-youtube {/*    POZOR VYSSIE DEFINOVANE PRE MALE A VELKE ROZLISENIA */
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	/*padding-top: 75%;*/ /* 4:3 Aspect Ratio */
	/*padding-top: 66.66%;*/ /* 3:2 Aspect Ratio */
	/*padding-top: 62.5%;*/ /* 8:5 Aspect Ratio */
	/*padding-top: 100%;*/ /* 1:1 Aspect Ratio */
}

.iframe-facebook {
	/*padding-top: 56.25%; */ /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	/*padding-top: 75%;*/ /* 4:3 Aspect Ratio */
	/*padding-top: 66.66%;*/ /* 3:2 Aspect Ratio */
	/*padding-top: 62.5%;*/ /* 8:5 Aspect Ratio */
	padding-top: 100%; /* 1:1 Aspect Ratio */
	/*padding-top: 120%; /* 1:1 Aspect Ratio - plus share buttons */
}
  
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
/* ************************************************************ */



/*
#myNavbar, #myNavbar button{
	text-transform:uppercase;
}
*/
#myNavbar .w3-button, #myNavbar .w3-bar-item, #myNavbar .w3-bar-block{
	text-transform:uppercase;
	font-family: myFontForHeading;
}