/*
Theme Name: last-prop-21
Author: last
Description: Just simple
Version: 0.1
*/

* {
margin:0px;
padding:0px;
}
body
{
	margin: 0px;
	padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size: 21px;
	color: #6c6c6c;
	background:#0073b5; 
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Archivo', serif;
}

#container{
    margin: 0 auto;
    max-width: 1200px;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}

a[href$='.pdf'] {    
    display:inline-block;    
    line-height:45px; /* check your icon height */    
    padding-right:36px;    
    background: transparent url(/wp-content/themes/last-prop-21/img/pdf-ico.png)  center right no-repeat;    
} 
a[href$='.PDF'] {    
    display:inline-block;    
    line-height:45px; /* check your icon height */    
    padding-right:36px;    
    background: transparent url(/wp-content/themes/last-prop-21/img/pdf-ico.png)  center right no-repeat;    
} 

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */

.drop
{
	line-height:1.9em;
}
.drop_menu {
	padding:0;
	margin:0;
	list-style-type:none;
}
.drop_menu li { float:left; border-right:1px solid #dbe4ee;}
.drop_menu li a {
	padding:5px 20px 4px 20px;
	display:block;
	text-decoration:none;
	color:#004A87;
}
/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	font-size: 1em;
}
.drop_menu li:hover { position:relative;   background-color: #FFF; }
.drop_menu li:hover a:hover {color:#004A87;}
.drop_menu li:hover ul {
	left:10px;
	top:45px;
	background: #FFF;
	padding:0px;
	color:#002550;
}
.drop_menu li:hover ul li a {
	padding:6px;
	display:block;
	width:350px;
	text-indent:5px;
	text-align:left;
	line-height:1.7em;
	background:#FFF;
	color:#004A87;
	font-size: 1em;
	border-bottom:1px solid #A4ABBD;
}
.drop_menu li:hover ul li a:hover { color: #002550; background: #D6E6FF;}

#slide-block{
  width:1200px;
  height:300px;
  position:relative;
   font-family: 'Archivo', serif;
 font-size:0.8em;
 color:grey;
    overflow:hidden;
	z-index: 1;
}

#iconbox { 
width:98%;
color:#E09F1F;
padding:1%;
font-weight:bold;
text-align: center;
background: repeating-linear-gradient(
  -45deg,
  #fff,
  #fff 25px,
  #f6f6f6 25px,
  #f6f6f6 50px);
}

/** popisky pod rotujícími ikonami - width podle počtu ikon**/
.item{
  width:18%;
  text-align:center;
  display:block;
  background-color: transparent;
  border: 1px solid transparent;
  font-size:0.9em;
  line-height:0.7em;
  margin-bottom: 1px;
  float:left;
}

.social{
  width:6%;
  text-align:center;
  display:block;
  background-color: transparent;
  border: 1px solid transparent;
  font-size:0.9em;
  line-height:0.7em;
  margin-bottom: 1px;
  float:left;
}

/** rotující ikony **/
.rotate-icon
{
  transition: transform 0.8s ease-out;
}
.rotate-link:hover .rotate-icon
{
  transform: rotate(360deg);
}

#content-container { width:100%;display: flex;}

#content {
    float: left;
    width: 66%;
	padding:2%;
    line-height:1.5em;
    background:#FFF;
    color:grey;
	border-top:15px solid #E09F1F;
	border-bottom:15px solid #E09F1F;
}

#content a {
    color:grey;
	line-height:40px;
}

#content-foto {
    width: 94%;
    padding:3%;
    background:#FFF;
    color:grey;
	border-top:15px solid #E09F1F;
	border-bottom:15px solid #E09F1F;
}

#content-foto a {
    color:grey;
	line-height:40px;
}

#content-video {
    width: 94%;
    padding:3%;
    background:#FFF;
    color:grey;
	border-top:15px solid #E09F1F;
	border-bottom:15px solid #E09F1F;
}

#content-video a {
    color:grey;
	line-height:40px;
}

#side {
    float: right;
    width: 26%;
	padding:2%;
	color:#fff;
	text-align:right;
	font-size:1.05em;
	 line-height:40px;
	border-bottom:15px solid #E09F1F;
	background: repeating-linear-gradient(
  -45deg,
  #E09F1F,
  #E09F1F 25px,
  #db9a1b 25px,
  #db9a1b 50px);
}

#side strong {
 background:#FFF;
 padding:6px;
 color: #E09F1F;
 font-family: 'Archivo', serif;
 font-size:1.1em;
 text-decoration:none;
}

/* titulni prispevky - aktuality */
#prispevky-seznam {
	width:100%;
    display: flex; 
	border-bottom:1px solid #e9e9e9;
}
#prispevky-obrazky {
	float:left;
}  
#prispevky-obrazky img {
  border:10px solid #e9e9e9;
  vertical-align:bottom;
}
#prispevky-text {
	float: right;
	padding:30px;
}
#prispevky-text a {
    color:grey;
}
/* prispevky - end */

/* fotogal prispevky  */
#fg-seznam {
	width:50%;
    display: flex; 
	border-bottom:1px solid #e9e9e9;
}
#fg-obrazky {
	float:left;
}  
#fg-obrazky img {
  border:10px solid #e9e9e9;
}
#fg-text {
	padding:30px;
}
#fg-text a {
    color:grey;
}
/* fotogal - end */

/* tabulky */

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.95em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table th,
.styled-table td {
	height:80px;
    padding: 2px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

#partners{
    width: 96%;
	padding:2%;
	font-size:1em;
	font-style:oblique;
	text-align:center;
    background: white;
}

#footer{
    width: 94%;
    padding: 3%;
	font-size: 1em;
	line-height:1.5em;
    background: #004A87;
    color: #fff;
}

#foo1{
    width: 26%;
    float: left;
    text-align: left;
}

#foo2{
    width: 24%;
    float: left;
	padding-top:0px;
    text-align: left;
}

#foo3{
    width: 28%;
    float: right;
    text-align: left;
    line-height:2.5em;
}

.foo3_hr {
	border-top: none;
    border-bottom: 1px dashed #E6F4F1;
}

.foo3_a:link {
  color: #fff;
  text-decoration: none;
}
.foo3_a:visited {
  color: #fff;
  text-decoration: none;
}
.foo3_a:hover {
	    color: #fff;
  text-decoration: underline;
}
.foo3_a:active {
	    color: #fff;
  text-decoration: underline;
}

@media all and (max-width : 768px) {
    header {
        text-align: center;
    }
    nav {
        text-align: center;
    }
    #content {
        width: 94%;
        padding: 3%;
    }
    #sidebar {
        width: 94%;
        padding: 3%;
        border-top: 3px solid #E19E20;
    }
}

@media all and (max-width : 330px) {
    nav ul li {
        display:block;
        width: 94%;
    }
}