/*
Theme Name: archiproject.cz
Author: Ondřej Šejvl
Author URI: http://www.ondrej-sejvl.cz
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*
@font-face {
    font-family: helvetica_ultlt;
    src: url('./fonts/HelveticaNeueLTPro-UltLt.otf') format("opentype");
}

@font-face {
    font-family: helvetica_blk;
    src: url('./fonts/HelveticaNeueLTPro-Blk.otf') format("opentype");
}

@font-face {
    font-family: helvetica_th;
    src: url('./fonts/HelveticaNeueLTPro-Th.otf') format("opentype");
}

@font-face {
    font-family: helvetica_md;
    src: url('./fonts/HelveticaNeueLTPro-Md.otf') format("opentype");
}
*/


html {
    position: relative;
    min-height: 100%;
}

body {
    padding: 0;
    margin: 0;
    padding-bottom: 60px;
    min-height: 100%;
    /*background: url('./css/imgs/back.jpg') left top no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;*/
}

* {
    font-family: /*helvetica_th, */'Roboto' !important;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

h1, .h1 {
    font-size: 30px;
}

h2, .h2 {
    font-size: 28px;
}

h3, .h3 {
    font-size: 26px;
}

h4, .h4 {
    font-size: 24px;
}

h5, .h5 {
    font-size: 22px;
}

h6, .h6 {
    font-size: 20px;
}

#text a:hover {
    text-decoration: none;
    text-shadow: 5px 5px 5px #444;
}

.table.projekt-aditional-info{
    margin-bottom: 0px;
}

.table.kurz-aditional-info{
    margin-bottom: 0px;
}



body {
    font-size: 13pt  !important;
}

strong, b {
    font-family: /*helvetica_blk, */'Roboto' !important;
    font-weight: 500;

}

#logo {
    font-size: 16pt !important;
    color: #fff !important;
    text-decoration: none !important;
}

#logo img {
    margin-bottom: 2px;
}


#logo #logo1 {
    display: block;
    font-size: 44pt !important;
    margin: 9px 0 25px 0;
    font-family: /*helvetica_ultlt, */'Roboto' !important;
    font-weight: 100;
}

#logo #logo2 {
    font-family: /*helvetica_md, */'Roboto' !important;
    font-weight: 500;
}

#body-homepage #logo {
    color: #000 !important;
}

.navbar {
    margin: 0;
    border: none;
}

.navbar-brand {
    padding: 0;
}

#main.homepage {
    box-shadow: none;
    padding-top: 15px;
    background: url('css/imgs/topback.png') transparent repeat-x;
    min-height: 300px;
}

#main.other {
    box-shadow: none;
    padding-top: 15px;
    background: url('css/imgs/topback-inverse-grey.png') transparent repeat-x;
    min-height: 300px;
}

.navbar-nav {
    font-size: 15pt;
}

.navbar-homepage .navbar-nav > .active > a, .navbar-homepage .navbar-nav > .active > a:hover, .navbar-homepage .navbar-nav > .active > a:focus
{
    background: transparent;
    box-shadow: none;
    color: #000;
    border: none;
}

.navbar-other .navbar-nav > .active > a, .navbar-other .navbar-nav > .active > a:hover, .navbar-other .navbar-nav > .active > a:focus
{
    background: transparent;
    box-shadow: none;
    color: #fff;
    border: none;
}


.navbar-homepage .navbar-nav > li > a, .navbar-homepage .navbar-nav > li > a:focus,
.navbar-homepage .navbar-nav > li li > a, .navbar-homepage .navbar-nav > li li > a:focus {
    color: #000;
    text-decoration: none;
    border: none !important;
}
/* hover */
.navbar-homepage .navbar-nav > li > a:hover, .navbar-homepage .navbar-nav > li > a:focus
/*,.navbar-homepage .navbar-nav > li li > a:hover, .navbar-homepage .navbar-nav > li li > a:focus*/
{
    color: #000;
    text-decoration: none;
    background: transparent;
    text-shadow: 5px 5px 5px #444;
    border: none !important;
}




.navbar-other .navbar-nav > li > a, .navbar-other .navbar-nav > li > a:focus,
.navbar-other .navbar-nav > li li > a, .navbar-other .navbar-nav > li li > a:focus {
    color: #fff;
    text-decoration: none;
    border: none;
}
/* hover */
.navbar-other .navbar-nav > li > a:hover, .navbar-other .navbar-nav > li > a:focus
/*,.navbar-other .navbar-nav > li li > a:hover, .navbar-other .navbar-nav > li li > a:focus*/
{
    color: #fff;
    text-decoration: none;
    background: transparent;
    text-shadow: 5px 5px 5px #000;
    border: none;
}

ul.dropdown-menu *{
    color: #000 !important;
}

ul.dropdown-menu {
    background-color:rgba(255, 255, 255, 0.8);/*transparent; */
    /*background: url("./css/imgs/menuchildrenback.png");*/
    background-clip: initial;
}


#homepage-text {
    /*background-color:rgba(255, 255, 255, 0.8);*//*transparent; */
    margin-top: 200px;
    text-align: center;
    /*padding: 50px;*/
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border: none;
}

#navbar {
    
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
}

#main-menu {
    padding-top: 39px;
    padding-right: 0 !important;
}

#main-menu ul {
    margin-left: 20px;
}

#menu-prvni-menu li a{
    padding-left: 6px;
    padding-right: 6px;
}


#footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
}


#footer .container {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#footer .container p {
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 266px;
    line-height: 60px;
    color: #fff;
    font-size: 18pt;
}

#footer #copyright {
    float: left;
    font-size: 11pt;
}
#footer #copyright, #footer #copyright * {
    color: #fff;
    text-decoration: none;
}

#body-other #footer #copyright, #body-other #footer #copyright * {
    color: #000;
}


#icons {
    position: absolute;
    right: 16px;
    bottom: 0px;
    width: 263px;
    height: 80px;
    overflow: hidden;
    background: url("css/imgs/icons.png") transparent;
}

#icons a {
    display: block;
    width: 32px;
    height: 32px;
    margin: 37px 5px 0 5px;
    float: left;
}

a#fb {
    background: url('css/imgs/fb.png') left top no-repeat;
    margin-left: 38px;
}

a#en {
    background: url('css/imgs/en.png') left top no-repeat;
}

a#cs {
    background: url('css/imgs/cs.png') left top no-repeat;
}

a#archiweb {
    background: url('css/imgs/archiweb.png') left top no-repeat;
}

a#archidaily {
    background: url('css/imgs/archidaily.png') left top no-repeat;
}

a#issuu {
    background: url('css/imgs/issuu.png') left top no-repeat;
}


#icons a:hover {
    background-position: left bottom;
    text-decoration: none;
}

.entry-projekt-title {
    margin-top: 0;
}
.entry-kurz-title {
    margin-top: 0;
}

.table.projekt-aditional-info > thead > tr > th,
.table.projekt-aditional-info > tbody > tr > th,
.table.projekt-aditional-info > tfoot > tr > th,
.table.projekt-aditional-info > thead > tr > td,
.table.projekt-aditional-info > tbody > tr > td,
.table.projekt-aditional-info > tfoot > tr > td {
    padding: 0;
}

.projekt-aditional-info, .projekt-aditional-info td, .projekt-aditional-info th{
    font-size: 95%;
}

.projekt-aditional-info th {
    width: 200px;
}

.icon-bar {
    background: #fff;
}


#fsi-full-bg img.fsi-full-bg-full-height {
    height: 100% !important;
}
#fsi-full-bg img.fsi-full-bg-full-width {
    width: 100% !important;
}


@media (min-width: 1200px){
    .container {
        width: 940px; 
    }
}
@media (max-width: 1199px) {
    /*#main-menu {
        padding-top: 0px;
        float: right;
        width: 650px;
    }*/
}
@media (max-width: 991px) {
    #main-menu {
        position: relative;
        top: -20px;
        padding-top: 0px;
        float: right;
        width: 400px;
    }
}

@media (max-width: 767px) {
    #fsi-full-bg {
        display: none;
    }
}


@media (min-width: 768px) {
    .navbar-inverse {
        background: transparent !important;
    }
}
@media (max-width: 767px) {
    #main-menu {
        margin-top: 34px;
    }
    .navbar-other #main-menu {
        background: #a8b2bd !important;
    }
    .navbar-homepage #main-menu {
        background: #fff !important;
    }
}
@media (max-width: 400px) {
    #main-menu {
        text-align: right;
    }
}


.pp_social {
    display:none; /* pretty photo social plugins */
}

a, a:link, a:hover, a:visited {
    color: #7e8791;
}

a:hover {
    color: #4c5157;
}

.projekt-main, .kurz-main {
    padding: 2px;
}
.design-main {
     padding: 2px;
 }

.main-img-wrapper {
    position: relative;
}

.main-img-wrapper img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.main-img-wrapper:hover img {
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
}

.main-img-wrapper .about{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    /*height: 100%;*/
    /*padding: 10% 10px;*/
    background: url('css/imgs/mainback.png') left top;
    text-align:center;
    color: #fff;
    padding: 10px 10px;
    display: none;
    font-weight: 500 !important;
}

.nav-pills>li+li {
    margin-left: 0;
}
.nav-pills>li{
    margin-right: 15px;
}
.nav-pills>li>a {
    padding: 10px 0 10px 0;
    background-color: transparent !important;
}

img.img-responsive {
    width: 100% !important;
}

.table.kurz-aditional-info > thead > tr > th,
.table.kurz-aditional-info > tbody > tr > th,
.table.kurz-aditional-info > tfoot > tr > th,
.table.kurz-aditional-info > thead > tr > td,
.table.kurz-aditional-info > tbody > tr > td,
.table.kurz-aditional-info > tfoot > tr > td {
    padding: 0;
}

.kurz-aditional-info, .kurz-aditional-info td, .kurz-aditional-info th{
    font-size: 95%;
}

.kurz-aditional-info th {
    width: 200px;
}

.navbar > .container .navbar-brand {
    margin-left: 0px;
}