/*
Theme Name: Space
Theme URI: https://rezbar-orava.sk
Author: Tomáš Lajmon
Author URI: https://rezbar-orava.sk
Description: Build on Blank Wordpress theme.
Version: 1.0
License: GNU General Public License
*/

body {background:#5E3625 url("https://rezbar-orava.sk/design/drevo-pre-rezbara.jpg") top center fixed repeat-y; width:100% !important; padding:0; margin:0; font-size:15px; font-family:Arial, sans-serif;}
a {text-decoration:none; color:#2f180c}
a:hover {color: #33231b; text-decoration:underline}
p {line-height: 25px; font-size: 15px !important;}

html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  height: 100%;
}

h3 a {color:#776A5D; font-size:17px; font-weight:bold;}
.column3o h3 {text-align:center;}
p a {color:#776A5D; line-height:18px;}

.linka {text-decoration:none; color:#2f180c}
.linka:hover {color: #33231b; text-decoration:underline}

.wlink {color:#f9eecc;}
.wlink:hover {color:#f9eecc; text-decoration:underline}

ul {list-style:none;}

#logo {padding:7px 7px;}
#topline {margin:0; padding:0; height: 7px; background:#552F1C;}
#underline {margin:0; padding:10px 35px 10px 32px; background:rgba(91,49,22,0.6); color:#f9eec9; text-align: left;}
#underline span {float:right}

/* Content */
.row {overflow: hidden;}  /* same height */
.column1 {float:left; max-width:97%; background-color: #e8ddbb; padding:10px 10px 7px 10px; margin:0 5px;}
.column2 {float:left; max-width:47%; background-color: #e8ddbb; padding:10px 10px 7px 10px; margin:0 5px;}
.column3 {float:left; max-width:30.6%; background-color: #e8ddbb; padding:10px 10px 10px 10px; margin:0 5px;}
.column3t {float:left; width:30.6%; background-color: #e8ddbb; padding:10px 10px 10px 10px; margin:0 5px; padding-bottom:100%; margin-bottom:-100%;}
.column3o {float:left; width:30.6%; background-color: #e8ddbb; padding:10px 10px 0 10px; margin:0 5px; padding-bottom:100%; margin-bottom:-100%;}
.row:after {content:""; display:table; clear:both;}  /* Clear floats after the columns */

.row3 {column-count:3; column-gap:2em;}
.row2 {column-count:2; column-gap:2em;}

/* Imgs */
.alignright {float:right; padding:0 0 10px 10px}
.alignleft {float:left; padding:0 10px 10px 0;}

.izoom {overflow:hidden;}
.izoom img {transition: transform .9s ease;} /* smooth transformation */
.izoom:hover img {transform:scale(1.3);}

.featuredimage {float:left; padding:0 10px 10px 0}

/* Catlist */
.lcp_catlist {width:100%;} 
.lcp_title {font-size:18px; font-weight:bold; color:#776A5D}
.lcp_catlist li {display:block; width:90%; height:100px; margin-bottom:10px;}
.project-thumb { width:120px; float:left; padding:3px 3px 3px 0;}
  
/* Line after h1 */
h1 {overflow: hidden; padding:2px 0px 0px 0px; }
h1:after {
 background: url("https://rezbar-orava.sk/design/h1line.png") repeat-x;
 content: "";
 display: inline-block;
 height: 12px;
 position: relative;
 vertical-align: middle;
 width: 99%;
}
h1:after {
 left: 0.5em;
 margin-right: -95%;
}
h2 {overflow:hidden; padding:2px 0px 0px 0px; color:#A4978A}
h2:after {
 background: url("https://rezbar-orava.sk/design/h1line.png") repeat-x;
 content: "";
 display: inline-block;
 height: 12px;
 position: relative;
 vertical-align: middle;
 width: 99%;
}
h2:after {
 left: 0.5em;
 margin-right: -95%;
}

 
/* Graphic !important */
#space {max-width:1200px; width:100%; height:100%;}
#spacein {width:100%; height:100%;}
#top {width:1200px; padding:0;}
#topin {padding:0;}
#middle {width:1200px; height:auto; background:#f9eecc; text-align:left}
#middlein {padding:20px 35px 30px 32px; color:#776A5D; text-align:left; overflow:hidden}
#bottom {height:150px; padding:0; text-align:center;}
#bottomin {margin:0; padding:10px 35px 10px 32px; background:rgba(91,49,22,0.6); color:#f9eecc;}


/* Menu */ /* id="mainnav", class="menu", class="sub-menu" */
#menubox {width:1200px; background-color:rgba(91,49,22,0.4); margin:0; padding:0 ; font-size: 17px; text-align:center;}
#mainnav {height:40px; margin:0;}

.menu {text-align:left; display:inline-block;}
.menu a {text-decoration:none; color:#f9eec9}
.menu a:hover {background:rgba(0,49,22,0.7); color:purple; text-decoration:none}
.menu {list-style:none; padding:0; margin:0}
.menu li {display:block; padding:0; position:relative; vertical-align:top}
.menu > li {background:rgba(91,49,22,0.0)}      /* menu - all with arrows */
.menu > li > a {background:rgba(91,49,22,0.0); display:block; padding:.6em .7em;}   /* menu - without arrows */
.menu ul.sub-menu {position:relative; padding:0}
.menu ul.sub-menu li {display:block}
.menu ul.sub-menu a {background:rgba(91,49,22,0.6);color:#fff; padding:.6em .7em; display:block}  /* submenu 0.2 sec before shown*/  
.menu > li:hover ul.sub-menu {background:rgba(91,49,22,0.4); color:yellow; text-decoration:none}   /* submenu*/
.menu li {display:inline-block;}
.menu > li > a {display:block;}
.menu > li > a:hover {color:#fff; background: rgba(91,49,22,0.5)}     /* hover non submenu links (without arrows) */
			
.menu > li:hover ul.sub-menu, .menu > li:focus ul.sub-menu {visibility:visible; opacity:1}
.menu > li.menu-item-has-children {padding-right:1.5em; overflow:hidden}
.menu > li.menu-item-has-children a {padding:.5em .7em .7em 1.25em}
.menu > li.menu-item-has-children:hover a {background:rgba(91,49,22,0.2); color:#fff}  /*submenu before hover*/
			
.menu > li.menu-item-has-children:after {content:''; position:absolute; right:.6em; top:1.0em; width:0; height:0; border-style:solid; border-width: 6px 5px 0 5px; border-color: #f9eec9 transparent transparent}
	
.menu > li.menu-item-has-children:hover,
.menu > li.menu-item-has-children:focus {overflow:visible; background:rgba(91,49,22,0.5)}   /* hover submenu links (with arrows) */
	
.menu ul.sub-menu{width:12em;position:absolute;/*top:100%;*/top:0;z-index:900;padding-top:3em;}
.menu ul.sub-menu li{opacity:0}

.menu > li.menu-item-has-children:hover ul.sub-menu,
.menu > li.menu-item-has-children:focus ul.sub-menu{top:100%;padding-top:0;}

.menu > li.menu-item-has-children:hover ul.sub-menu li,
.menu > li.menu-item-has-children:focus ul.sub-menu li {opacity:1; color:#fff}

.menu ul.sub-menu li{display:block}
.menu ul.sub-menu a{display:block}
.menu ul.sub-menu a:hover{background:rgba(91,49,22,0.7);}   /* sub links hover */

.menu .current-menu-item a, .menu .current_page_item a {color:#f9eec9; font-weight:bold;}

a, .sub-menu, .menu-item{-webkit-transition: all .3s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;}

/* Mobile menu */ /* id="mainnav", class="menu", class="sub-menu" */
@media only screen and (max-width:800px) {
}