/*! 
* Theme's Stylesheet - Modify/Add your own stylesheet + Your Copyright 
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin-ext);
/*@font-face {
    font-family: 'Fontello';
    src: url('../../assets/fonts/fontello/fontello.eot');
    src: url('../../assets/fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/fontello/fontello.woff2') format('woff2'),
         url('../../assets/fonts/fontello/fontello.woff') format('woff'),
         url('../../assets/fonts/fontello/fontello.ttf') format('truetype'),
         url('../../assets/fonts/fontello/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}https://www.badrazobna.sk/theme/Badrazobna/ */

@font-face {
    font-family: 'Fontello';
    src: url('https://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.eot');
    src: url('https://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'),
         url('https://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.woff2') format('woff2'),
         url('https://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.woff') format('woff'),
         url('https://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.ttf') format('truetype'),
         url('https://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fontello';
    src: url('http://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.eot');
    src: url('http://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'),
         url('http://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.woff2') format('woff2'),
         url('http://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.woff') format('woff'),
         url('http://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.ttf') format('truetype'),
         url('http://www.badrazobna.sk/theme/Badrazobna/assets/fonts/fontello/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{font-size:1em;}

body,input,select,textarea {
	font-family:'Roboto',sans-serif;
	font-size:1.05em;
	font-weight:300;
	line-height: 1.6;
}
/* Palette generated by Material Palette - materialpalette.com/cyan/pink */

.dark-primary-color    { background: #003039; }
.default-primary-color { background: #B0F0FF; }
.light-primary-color   { background: #00D0F8; }
.accent-color          { background: #cfa84e; }
.text-primary-color    { color: #231f20; }
.primary-text-color    { color: #231f20; }
.secondary-text-color  { color: #cfa84e; }
.divider-color         { border-color: #009BB8; }

/* ---- COLORS ---- */
body,input,select,textarea {color:#231f20}
footer, mark, .marker, .header-wrapper header nav li a, .header-wrapper header nav li ul li a {color:#fff;}
footer a, footer a:active, footer a:focus, .header-wrapper header .logo, 
.header-wrapper header nav li a:hover, .header-wrapper header nav li a:active, .header-wrapper header nav li ul li a:hover, .header-wrapper header nav li ul li a:active {color:#cfa84e;}
a {color:#cfa84e;}
a:hover,a:focus,a:active {color:#003039;}
blockquote {color:#00BBDE;}
a:current {color:#cfa84e}

/* ---- BACKGROUND COLORS ---- */
body {background-color:#fff;}
footer, .nav-toggle:active, .nav-toggle:focus, .nav-toggle:hover {background-color:#231f20;}
.header-wrapper.sticky {background-color:#231f20;}
mark, .marker {background-color:#FF4081;}
.header-wrapper header nav li ul {background-color: #231f20; border: none}
@media (max-width:992px) {
js .nav-collapse 	{background-color:#231f20;}
.nav-collapse {-webkit-box-shadow: 0px 8px 24px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 8px 24px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 8px 24px 0px rgba(50, 50, 50, 0.5);}
}
.container, .superhero {background-color:#fff;}
footer .container {background-color:transparent;}

@media (max-width:768px) {
.container {
	padding: 50px 15px 50px;
}
}
@media (min-width:769px) {
.container {
	padding: 50px 0 50px;
}
}
/* ---- SUPERHERO ---- */
.superhero {width:100%}
.superhero-text: {
	text-shadow: 0px 8px 12px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 8px 12px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 8px 12px 0px rgba(50, 50, 50, 0.6);}
@media (max-width: 992px) {
.nav-toggle, .js .nav-collapse {background-color: #231f20;}
.nav-toggle:after {font-family: "fontello";content:'\F0C9';margin-left:5px;	}
.nav-toggle:active,.nav-toggle:focus,.nav-toggle:hover {color:#231f20;background-color:#cfa84e;}
.nav-toggle:focus:after {font-family: "fontello";content:'\F0C9';margin-left:5px;}
}
@media only screen 
and (max-width:768px)
and (orientation: portrait) {
.superhero {
	background-image: url(../../images/background_790p.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 60%;
	display: table;
    width: 100%;
}	
.superhero-text {font-size:8vw;color:#231f20; display: table-cell;vertical-align: middle;padding-top: 40%;}
.superhero-svg {width:100%;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (max-width:768px)
and (orientation: landscape) {
.superhero {
	background-image: url(../../images/background_790.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
	display: table;
    width: 100%;
}	
.superhero-text {font-size:3vw;color:#231f20; display: table-cell;vertical-align: middle;padding-top: 5%;}
.superhero-svg {width:60%;margin-left:auto;margin-right:auto;}
}
@media (min-width: 769px) and (max-width: 992px){
.superhero {
	background-image: url(../../images/background_1440.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
	display: table;
    width: 100%;
}
.superhero-text {font-size:2em;color:#231f20; display: table-cell;vertical-align: middle;padding-top: 5%;}
.superhero-svg {width:100%;margin-left:auto;margin-right:auto;}
}
@media (min-width: 993px) and (max-width: 1440px){
.superhero {
	background-image: url(../../images/background_1440.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
	display: table;
    width: 100%;
}
.superhero-text {font-size:2.2em;color:#231f20; display: table-cell;vertical-align: middle;padding-top: 5%;}
.superhero-svg {width:100%;margin-left:auto;margin-right:auto;}
}
@media (min-width: 1441px) and (max-width: 1920px){
.superhero {
	background-image: url(../../images/background_1920.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
	display: table;
    width: 100%;
}	
.superhero-text {font-size:3em;color:#231f20; display: table-cell;vertical-align: middle;padding-top: 5%;}
.superhero-svg {width:100%;margin-left:auto;margin-right:auto;}
}
@media (min-width: 1921px){
.superhero {
	background-image: url(../../images/background_3840.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 50%;
	display: table;
    width: 100%;
}	
.superhero-text {font-size:3.5em;color:#231f20; display: table-cell;vertical-align: middle;padding-top: 5%;}
.superhero-svg {width:50%;margin-left:auto;margin-right:auto;}
}
.arrow-down {
display:block;
background-image: url(../../images/arrow-down.svg);background-size: cover;
background-color:transparent;
width:100px;
height:50px;
margin-left:auto; margin-right:auto;
position: absolute;
bottom:0;
left: calc(50% - 50px);

	}
.nav-collapse li a {border-color: transparent;}
nav ul li a {text-transform: uppercase;}
nav ul ul li a {text-transform: capitalize;}
footer .container {padding: 20px 0 20px;}
footer {padding:25px 0;font-size:15px;}
footer hr {border-top:1px solid #444;}

/* Tidying Logo and mobile menu behaviour */

header a.logo {font-weight: bold;margin-left: 60px;}

.header-wrapper header .logo {font-size:17px;float:left;line-height:57px;letter-spacing:1px;}

@media (max-width: 992px){
	.js .nav-collapse {
		width: 285px;
		float: right;
}}
@media (max-width: 767px) {
.header-wrapper header .logo {
	font-size:14px;
	margin-left:12px;
	line-height:57px;
	font-weight: 600;
	}
}

/*Making the 'stickybody' work'*/

body.stickybody {margin-top:0;}

.header-wrapper.sticky {
	position:fixed;
	/*border-top: 5px solid #231f20;*/
	/*border-bottom:1px solid #fff;*/
	top:0;
	/*-webkit-box-shadow: 0px 8px 12px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 8px 12px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 8px 12px 0px rgba(50, 50, 50, 0.3);*/
}
.header-wrapper {height:59px;}

@media (min-width:992px) {
	.header-wrapper.sticky {
		position:fixed;
		border-bottom:0px solid #eee;
		top:0;
	}
}
/*Making the Footer 'sticky'*/

footer {
    position: relative;
    left: 0;
    bottom: 0;
    /*height: 250px;*/
    width: 100%;
}

blockquote {font-size:1em; padding-left:0.9em; border-left: 0.3em solid #b91a33; }
hr {margin-top: 20px;margin-bottom: 20px;border: 0; border-top: 1px dotted #b91a33;}

/*--- Copyright ---*/
.copyright {margin:0; padding: 0.5vw; text-align:right; font-size:0.7em; background:#161414; color:#666;}

/*--- ICONS ---*/
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /*text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}
.icon-mail:before { content: '\E800'; }
.icon-location:before { content: '\E801'; }
.icon-user:before { content: '\E802'; }
.icon-menu:before { content: '\F0C9'; }
.lang{background-color:#000;margin-left:0;}