/*
	Theme Name: Strba.sk
	Theme URI: http://strba.sk
	Description: Šablóna pre webstránku obce Štrba
	Version: 1.0.0
	Author: Originals, s.r.o.
	Author URI: http://originals.sk
	Tags: 

	License: MIT
	License URI: 
*/

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700|Ubuntu:400,700&subset=latin-ext");


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	color:#333;
        font-size:14px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#990000;
	text-decoration:none;
}
a:hover {
	color:#ff0000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* container */
.container {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


.btn-success {  }

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


.main-content { padding:1em 0; }

h1 {font-size: 1.6em;color:#333333;}
h2 {font-size: 1.4em; color:#333333; }
h3 {font-size: 1.2em; color:#333333; }
h1, h2, h3, h4 { line-height: 1.5em; font-weight: bold; margin-top:0; margin-bottom:1em; }
h4 {font-size: 1.2em; color:#990000; }
h1 a, h2 a, h3 a { color:#990000; }

h3 small { font-size:0.7em; }


.headline { border-bottom:2px solid #d0d0d0; margin-bottom:1em; }
.headline h1 { border-bottom:2px solid #990000; margin:0 0 -2px 0; display:inline-block;  }
.headline h2 { border-bottom:2px solid #990000; margin:0 0 -2px 0; display:inline-block;  }
.headline h3 { border-bottom:2px solid #990000; margin:0 0 -2px 0; display:inline-block;  }


.container { max-width:1170px; }




.topbar { background:#5f5f5f url(img/bg_top_dark.png) repeat-x bottom; height:30px; text-align: right;  }
.topbar { color:white; font-size:14px; line-height:30px; }
.topbar a { color:white;  }
.topbar a:hover { color:silver; text-decoration: underline;  }
.topbar .separator { padding:0 10px;  }
.topbar .separator:last-child { display:none;  }


.header { background:url(img/bg_top_yellow.png) repeat-x; height: 80px; }
.header .logo { position: absolute; top:-17px; left:30px; z-index: 100; }
.header .site-name {float:left;margin-left: 190px; line-height:1.5em; padding:20px 0 0 0;} 
.header .site-name big {font-size:26px;} 


.header-menu { padding:23px 0 23px 80px; float:left; }
.header-menu a { display: inline-block; text-decoration: none; color:#333; background:url(img/ic_webcam.png) no-repeat; padding:0 30px 0 40px; font-size:16px; line-height: 32px; }
.header-menu a:hover { color:#333; text-decoration: none; opacity: 0.5; }
.header-menu a.weather { background-image:url(img/ic_temp.png); }
.header-menu a.info { background-image:url(img/ic_email.png); }


.search-form { padding:23px 0 0 50px; float:left; }
.search-form input#search { border:0; background:transparent url(img/input_search.png) no-repeat; width:156px; height:26px; display: inline-block; padding:0 5px 0 5px; }
.search-form input#searchbtn { position:relative; left:-25px; top: 2px; }



.col-left { padding-left:0; }
.col-left .headline { padding-left:13px; }



.banner {padding-bottom: 16px;background:url(img/shadow_banner.png) no-repeat bottom;background-size:100%;}


.main-body { background: #848484 url(img/bg_strba.jpg) no-repeat top; background-size: 100%; position: relative;  }
.city-strbskepleso .main-body { background-image:url(img/bg_strbske.jpg?1);  } 
.city-tatranskastrba .main-body { background-image:url(img/bg_tatranska.jpg?2);  } 


.main-body .container { background:white;  }
.main-body-shadow-top {  background: url(img/shadow_top.png) repeat-x top; height:9px; position: absolute; width:100%; top:0; left:0; z-index: 2; }



.topbar-menu ul,.topbar-menu li,.topbar-menu a { display: inline-block; list-style: none; margin:0; padding:0; }
.topbar-menu li a:after { content: '|'; padding:0 5px; font-size:11px; position:relative; top:-1px; } 
.topbar-menu li:last-child a:after { content: '';} 

.footer { background:#5f5f5f url(img/bg_bottom.png) repeat-x top; padding-top:20px; text-align: center; min-height: 100px; color:#d0d0d0; }
.footer a { color:#fff; }



.main-menu { text-align: center; line-height:normal; }
.main-menu ul,.main-menu li,.main-menu a { display: inline-block; list-style: none; margin:0; padding:0; }
.main-menu > ul > li {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 23.6%;
    min-height:135px;
    padding:0.7% 1%;
    border:1px solid #aaaaaa;
    margin:0.7%;
    border-radius: 10px;
    background:#efefef;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.main-menu > ul > li:first-child { margin-left:0; }
.main-menu > ul > li:last-child { margin-right:0; }
.main-menu > ul > li > a { font-size:17px; color:#990000; font-weight: bold; padding:0 0 5px 0; margin-bottom:5px; border-bottom:4px #aaa solid; display: block; text-align: left;  } 
.main-menu > ul > li > a:hover { text-decoration: underline; } 
.main-menu ul ul li { display:inline; } 
.main-menu ul ul li a {font-size: 0.95em;display: inline;color: #333;} 
.main-menu ul ul li a:hover { color:#990000; text-decoration: underline; } 
.main-menu ul ul li a:after { content: '|'; padding:0 5px; font-size:11px; position:relative; top:-1px; } 
.main-menu ul ul li:last-child a:after { content: '';} 


.banner { padding:0;  }

.main-body .main-menu { padding:0; padding-bottom: 16px;background:url(img/shadow_banner.png) no-repeat bottom;background-size:100%; }
.main-menu > ul { display:block;}

.main-menu > ul > li { box-shadow:none; border:0; width:25%; margin:0; display:block; float:left; border-radius:0; border-left:2px solid white; }
.main-menu > ul > li.menu-item-489 { border-left:0; }



.sidebar {padding: 1em 0;}

.sidebar .menu ul,.sidebar ul.menu,.sidebar .menu li,.sidebar .menu a { display: block; list-style: none; margin:0; padding:0; }
.sidebar .menu > ul, 
.sidebar ul.menu { border-left:5px solid #ffc20c; background:#efefef; }

.sidebar .menu > ul > li > a,
.sidebar ul.menu > li > a { font-size:15px; color:#333333; padding:5px 10px; border-bottom:1px solid #c7c7c7; }
.sidebar .menu > ul ul { display:none; }
.sidebar .menu a { color:#333; }


.sidebar .menu li.current_page_item, 
.sidebar .menu li.current_page_item a,
.sidebar .menu li.current_page_ancestor,
.sidebar .menu li.current_page_ancestor a { border-bottom:0; background:#ffc20c;}
.sidebar .menu li.current_page_item > a,.sidebar .menu li.current_page_ancestor > a { font-weight:bold; }
.sidebar .menu li.current_page_item ul { background:#ffc20c;}
.sidebar .menu ul ul a { font-size:12px; padding:1px 10px;  }
.sidebar .menu ul ul ul a { padding-left:20px; }

.sidebar .menu li.current_page_ancestor > ul { display:block; padding:0 0 5px; }
.sidebar .menu li.current_page_item > ul { display:block; padding:0 0 5px; }

.sidebar-widget > div { margin-bottom:20px; }


.gallery img { width:70px; padding:1px; border:1px solid silver; box-shadow: 0 0 2px rgba(0,0,0,0.2); margin:0 5px 5px 0; }

.article-item,
.subpage-item { padding-bottom: 0;margin-bottom:20px; }

.event-item { padding-bottom: 0;margin-bottom:0px; }

.article-item h3,
.event-item h3,
.subpage-item h3 { font-size:1.2em; padding:0; margin:5px 0 10px; line-height:normal; }
.event-item h3 { margin-top:0; }

.sidebar .event-item .article-item-info { font-size:0.7em;  }
.sidebar .event-item h3 { font-size:1em; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.sidebar .event-item .bigday { font-size:19px; }



.subpage-item h3 { margin-top:0px; }
.article-item p,
.event-item p,
.subpage-item p { font-size:0.9em; text-align: justify; }

/*.article-item h3 a {background: #e2e2e2;display:inline-block;padding:2px 5px;}*/
.article-item .article-item-info,
.event-item .article-item-info { background:transparent; padding:0px; font-size:0.8em; color:#999; margin:0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.article-item .article-item-info a { color:#666; }


.event-item .bigday { display: block; float:left; background:#f0f0f0; border-top:2px solid silver; font-weight: bold; font-size:24px; padding:1px 5px; margin: 0 6px 0 0; }

.form-event-filter  { margin-bottom:20px; }
.form-event-filter .form-control  { max-width:100px; }
.form-event-filter select.form-control  { max-width:200px; }


.text-lowercase { text-transform: lowercase; }

.image-block {background:#f0f0f0;margin-bottom:20px;border-radius: 10px;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
.image-block img { width:100%; }
.image-block h3 { padding:10px 10px 15px 10px; margin:0; }
.image-block p:empty { display:hidden; }
.image-block p { padding:0 10px 15px 10px; margin:0; }
.image-block-left:after { content:'';display:block; clear:both; }
.image-block-left img {width:40%;float:left;display:inline-block;margin:15px;box-shadow: 0 0 5px rgba(0,0,0,0.5);background:white;}
.noshadow { box-shadow: none; background: transparent; }
.image-block-left h3 { margin-left:45%; }
.image-block-left br { display:none; }
.image-block-left p br { display:inline; }
.image-block-left p { margin-left:45%; }

/*
.subpage-item {margin-bottom:20px;background:none;margin-bottom:20px;}
.subpage-item img { display:inline-block; margin:15px;  box-shadow: 0 0 5px black; background:white; max-width:100%; }
*/

.padding-right-0 { padding-right:0;}


.breadcrumb {
    padding: 4px 0px;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    font-size: 0.85em;
    border-bottom: 1px solid #e0e0e0;
    opacity:0.6;
}


.person-item h3 small { display: block; }




table.tabulka,
.main-body table.easy-table { width:auto; min-width:75%; background:#f6f6f6;margin-bottom:20px;box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
table.tabulka tr td,table.tabulka tr th,
.main-body table.easy-table tr td,.page table.easy-table tr th { border-color:white; }

table.tabulka tr th,
.main-body table.easy-table tr th { background:#f0f0f0; border-color:white; }

.tabulka tr:first-child td,.tabulka tr:first-child th,
.main-body table.easy-table tr:first-child td,.page table.easy-table tr:first-child th { border-top:0; }


.table-documents p { font-size:0.9em; margin:3px 0; } 
.table-documents h3 { font-size:1.1em; margin:0; } 
.table-documents p.document-item-info { font-size:0.8em; color:#999;  } 


.post-thumbnail { float: left;
    margin: 0 10px 10px 0;
    border: 1px solid silver;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
 }

 
 
 
 .list-noviny {  }
 .list-noviny .doc-grid-item {width:33.333%;float:left;text-align:center;padding: 0 20px 10px 0;}
 .list-noviny .doc-grid-item h3 {font-size:0.85em;padding:5px 0;margin: 0;}
 .list-noviny .doc-grid-item img { max-width:100%; }
 .list-noviny .doc-grid-item .doc-grid-menu { font-size:0.8em; }
 
 
 
 


.cam-item {margin: 5px 0 5px 0;display:block;float:left;width: 50%;color: #990000;text-decoration:none !important;font-size: 14px;position: relative;box-sizing: border-box;font-weight: bold;}
.cam-item img {width: 30%;float: left;/* margin: 0 10px 10px 0; */}
.cam-item:hover { text-decoration:underline; }
.cam-item span {display:block;padding: 0px 20px 0 0;margin-left: 33%;line-height: 1.4em;}
.cam-big {text-align: center;background: #efefef;/* padding:15px 10px; */width: 100%;border-radius: 0;}
.cam:after { content:' ';display:block; clear:both; margin-bottom:20px;}
.cam h2 {clear:both;margin: 0px;padding: 0;padding-top: 20px;}
.cam .cam-big h2 {color: #333;font-size:16px;padding: 5px 0 5px 0;margin: 0;}
#camera,#camera_wrapper {width: 100%;margin:0 auto;}
.cam .copy a { color:#333; }
.cam .temp { color:white; font-size:16px; }
.cam .cam-big-footer {text-align: center;padding: 10px;overflow: hidden;}
.cam .staticswitch { display: block; background: #333; border-radius:3px; padding:3px 8px; float:right; color:white; text-decoration: none; }

.cam-item .temp { position: absolute; top:14px; right:14px; font-size:12px; display: block; background:rgba(0,0,0,0.4); padding:2px 4px; margin:0; border-radius:3px; height:auto; color:#fff; }


@media screen and (max-width:1024px) {
    .cam-item { 
    	float:none;
    	width:auto;
    	overflow:hidden;
    }
    .cam-item img { width:20%; } 
    .cam-item span { margin-left:22%; }

    .list-noviny .doc-grid-item { float:none; width:auto; }
}


.main-body .col-md-6 iframe { max-width: 100%; height: 312px; }



.et_monarch .et_social_networks li, .et_monarch .widget_monarchwidget .et_social_networks li, .et_monarch .widget .et_social_networks li, .et_monarch .widget_text .et_social_networks li { min-height: 30px; }
.et_monarch .et_social_left .et_social_network_label {
    margin-left: 40px;
    padding: 2px 7px 5px 8px;
}
.et_monarch .et_social_networks .et_social_icon, .et_monarch .et_social_networks .et_social_icon:before, .et_monarch .et_social_networks .et_social_icon:after {
    min-height:30px;
    height:30px;
    line-height:30px;
}



#menu-item-41374 { display: none; }
#menu-item-42610 { display: none; }

.posledne-noviny { overflow:hidden; }
.posledne-noviny .doc-grid-img{width: 25%;float:left;}
.posledne-noviny .doc-grid-menu{width: 70%;margin-left: 30%;}
.posledne-noviny .doc-grid-menu h3 {font-size:14px;}
.posledne-noviny .doc-grid-menu a {display:block; }


.gallery-item-wrapper { margin-bottom: 10px; }
.gallery-item { position: relative; display:block; }

.gallery-item .gallery-item-description { position:absolute; bottom:10px; width:100%; left:0; background:rgba(255,255,255,0.6); padding:5px;  }
.gallery-item .gallery-item-count { position:absolute; top:10px; right:0; background:rgba(255,255,255,0.6); padding:5px;  }
.gallery-item img { width:100%; }
.gallery-item .gallery-item-description .title { display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color:#990000; }
.gallery-item .gallery-item-description span.info { display:none; color:#333; font-size:10px; }

.gallery-item:hover .gallery-item-count { display:none; }
.gallery-item:hover .gallery-item-description { background:rgba(255,255,255,0.8); text-align: center; }
.gallery-item:hover .gallery-item-description .title{ overflow: visible; white-space:normal; }
.gallery-item:hover .gallery-item-description span.info { display:block; }


.form-gallery-filter { margin-bottom:20px; }
.form-gallery-filter .search-input { width:70%; }



.pagination { text-align: center; display: block; }
.pagination .page-numbers { display:inline-block; padding:2px 8px; background: #f0f0f0; border-radius:5px; }
.pagination a.page-numbers:hover { background:#ffccaa; color:#990000; text-decoration: none; }
.pagination .page-numbers.current { background:#990000; color:white; }









@media screen and (max-width:1156px) {
    .header-menu { padding-left:30px;}
    .search-form { padding-left:0; }
}
@media screen and (max-width:1024px) {
    .header-menu a { font-size:0; padding-right:0; }
    .search-form { display: none; }
    
    
}


.mobile-menu-toggle { display:none; }


@media screen and (max-width:800px) {
    
    
    .main-menu > ul{ display: none;  } 
    .col-left { display: none;  } 
    .menu-open .main-menu  > ul{ display: block;  } 
    .menu-open .col-left { display: block;  } 
    
    .mobile-menu-toggle a { display: block; padding:10px 20px; font-size:18px; background: #666; color:white; text-decoration: none; text-align: left; }
    .mobile-menu-toggle a:hover { color:white; text-decoration: none; }
    .mobile-menu-toggle a span { position: relative; top:-2px; }
    
    
    body.home .main-menu > ul{ display: block;  } 
    body.home .col-left { display: block;  } 
    body.home .mobile-menu-toggle { display: none;  } 
    
    
    
    .mobile-menu-toggle { display: block; }
    .header .logo {
        position: absolute;
        top: -6px;
        left: 0px;
        z-index: 100;
        width: 70px;
    }
    .header .site-name {
        margin-left: 62px;
        padding: 19px 0 0 0;
    }
    
    
    #menu-item-18094,
    #menu-item-18097,
    #menu-item-18094 { display:none; }
    
    
    .banner { position: relative; min-height: 100px; overflow: hidden; }
    .banner img { position: absolute; top:0; left:0; height:100%; }
    .main-body .main-menu { border:0; background: 0; padding:0; }
    .main-menu > ul > li > a { text-align:center; }
    .main-menu > ul > li { float:none; width:auto;     padding: 20px;     min-height: auto; }
    
    .header-container { position: relative; padding: 0; }
    .header .site-name { font-size:10px; position: absolute; top:5px; left:75px; margin-left: 0; }
    .header .site-name big { font-size:16px; }
    .header-menu { float:right; }
    
    .postfield-url { overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: inline-block;
    white-space: nowrap; }
    
}