/*
    Theme Name: SIGN MAGAZINE
    Author: Raimon Kandziora
    Date: December 2015
    Description: Default Responsive Theme
    Version: 1.0
    Tags: Empty Theme, Responsive, Bootstrap-Maybe
    Text Domain: newTheme
*/

.alignleft {
    display: inline;
    float: left;
    margin: 0 15px 15px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 0 0 15px 15px;    
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

body{
    font-size: 16px;
}

body > header{
    margin-bottom: 25px;
    padding-top: 44px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 11111;
}

body > main{
    padding-top: 140px;
}

#footer-content {padding: 25px 0px; min-height: 90px; background: none; text-align: left; max-width: 1140px; margin: 0 auto;}
footer{background-color: #F2F2F2; margin-top: 25px;}
h1, h2, h3, .h1, .h2, .h3 {color: #c6a36c !important; }
h2, .h2, h3, .h3{font-size: 22px !important;}
.attachment-medium.size-medium.wp-post-image {float: left; margin: 0 25px 5px 0; }
.single-text{margin-top: 15px;}

.su-posts-default-loop h2.su-post-title{font-weight: normal !important; font-size: 18px !important;}
.su-posts-default-loop h2.su-post-title a {color: #c6a36c;}

.a-single.a-19 img {width: 100%; height: auto;}
.elastic-video {position: relative; padding-bottom: 55%; padding-top: 15px; height: 0;	overflow: hidden;}
.elastic-video iframe {	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#header-menu{
    border-bottom: 2px solid #D9B070;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 11112;
    font-size: 14px;
}

#header-menu *, #header-menu *:hover, #header-menu *:active{
    outline: none;
}

#header-menu ul{
    list-style: none;
    padding: 0;
}

ul.nav-menu{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    justify-content: space-around;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    border-color: #B3B3B3;
    border-style: solid;
    border-width: 1px 0 1px 0;
    margin-bottom: 0;
}

#navigation-container .menu-button{
    display: none;
    position: fixed;
    right: 20px;
    top: 22px;
    z-index: 111111;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #cecece;
    background-color: #efefef;
}

ul.nav-menu li {
    flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    text-align: center;
    position: relative;
    border-right: 1px solid #dedede;
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
}

ul.nav-menu li div{
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    width: auto;
    background-color: #fdfdfd;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #B3B3B3;
    min-width: 250px;
    border-radius: 0 0 5px 5px;
}

ul.nav-menu li a{
    width: 100%;
    display: block;
    padding: 10px;
    color: #7A7A7A;
    text-decoration: none;
    align-items: center;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}

ul.nav-menu li:hover{
    background: #c4af8f;
    background: -moz-linear-gradient(top, #c4af8f 0%, #c6a36c 100%);
    background: -webkit-linear-gradient(top, #c4af8f 0%,#c6a36c 100%);
    background: linear-gradient(to bottom, #c4af8f 0%,#c6a36c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4af8f', endColorstr='#c6a36c',GradientType=0 );
}

ul.nav-menu li:hover > a{
    color: white;
}

ul.nav-menu li:hover > div{
    display: inline-block;
}


ul.nav-menu ul.sub-menu li div{
    border: none;
}

ul.nav-menu ul.sub-menu li:hover > div{
    left: 100%;
    top: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3;    
    border-radius: 0 5px 5px 5px;
}

i.menu-chevron{
    display: none;
}

.su-posts-default-loop .su-post{
    padding-bottom: 20px;
    border-bottom: 1px solid #bebebe;
}

.su-post-comments-link {
    display: none;
}


/* Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1400px) {
    h3 .text-left{ text-align: left !important;}
}

@media screen and (max-width: 1000px) {
    #searchform {  display: none; }
}

@media screen and (max-width: 1150px) {
    
    body.admin-bar #header-menu{
        padding-top: 32px;
    }
    
    #header-menu{
        right: auto;
        bottom: 0;
        top: 0;
        width: 260px;
        background-color: #464646;
        z-index: 11113;
        overflow-y: auto;
        left: -260px;
        padding-top: 25px;
    }
    
    #header-menu ul.nav-menu{
        background: none;
        border: none;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    
    ul.nav-menu li{    
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        border: none;
    }
    
    ul.nav-menu li a{
        color: white;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 10px 20px;
        text-align: left;
    }
    
    ul.nav-menu li.menu-item-language{
        justify-content: flex-start;
        -webkit-justify-content: flex-start; 
    }
    
    ul.nav-menu li:hover a{
        color: #333;
    }
    
    ul.nav-menu li:hover{
        background: none;
        background-color: #F5F5F5;
        
    }
    
    i.menu-chevron{
        display: inline-block;
        height: 20px;
        width: 30px;
    }
    
    ul.nav-menu li > div, 
    ul.nav-menu li:hover > div{
        position: relative;
        display: none;
        border: none;
        width: 100%;
        background: none;
        padding-left: 10px;
        top: 0;
    }
    
    ul.nav-menu ul.sub-menu li:hover{
        background: none;
    }
    
    ul.nav-menu ul.sub-menu li:hover > div {
        left: 0;
        top: 0;
        border: none;
        border-radius: 0;
    }
    
    #navigation-container .menu-button{
        display: block;
    }
    
    #navigation-container .submenu-languages{
        display: none;
        width: 100%;
    }
    
    #navigation-container .menu-item-language a{
        justify-content: flex-start;
        -webkit-justify-content: flex-start;        
    }
}

@media screen and (max-width: 960px) {   
    h3 .text-left{ font-size: 20px !important;}
    h2 .text-left {  font-size: 20px !important; }
    
}

@media screen and (max-width: 670px) {   
    h2 .text-left {  display: none; }  
    h3 .text-left{ margin-top: -25px;}
    
}