/* -- import font(s) --*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin-ext,latin);
/* /--- */


/* DEFAULT AND MAINPAGE STYLES **/

body{
    background-color: #fff;
    background-image: url('/public/images/page/main-bg.png');
    font-family: "Ubuntu", sans-serif;
    color: #535353;
    font-size: 17px;
}

h3{
    margin-bottom: 20px;
}

a, a:hover, a:focus{color:#be0a26;}

.bluecolor{color: #39a9dc;}
.bluebg{background: #39a9dc;}

.redcolor{color: #be0a26;}
.redbg{background: #be0a26;}

.browncolor{color: #553507;}
.brownbg{background: #553507;}

.orangecolor{color: #f29400;}
.orangebg{background: #f29400;}

.greencolor{color: #87AD00;}
.greenbg{background: #87AD00;}


.brand-wrapper{
    height: 120px;
    background: rgba(242,148,0,1);
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 2px solid #3c2313;
}
.navbar-wrapper{
    height: 50px;
    background: #be0a26;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.navbar-wrapper-stick{
    position: fixed;
    height: 50px !important;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
}

.slideshow-stick{margin-top: 50px;}

.navbar-header{
    float: none !important;
}


.navbar{
    margin-bottom: 0px;
    background: none;
    border-bottom: none;
}

.navbar-inverse .navbar-nav > li > a{
    text-shadow: none;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 14px;
}

.navbar-inverse .navbar-nav > li > a:hover{
    background: #a60922;
}

ul.navbar-nav{
    /*margin-top: 34px;
    transition: margin 0.3s ease-out;*/
}

ul.navbar-stick{
    /*margin-top: 3px !important;
    transition: margin 0.3s ease-out;*/
}

.navbar-nav .dropdown-menu{
    min-width: 240px;
    background: #a60922;
    border: none;
    border-radius: 0px !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{    
    background-color: #a60922;;
    background-image: none;
    box-shadow: none;
}

.dropdown-menu > li > a{
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4em;
    padding: 10px 20px;
    border-bottom: 0px solid #671300;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background: #eee;
}

.navbar-brand{
    width: 1131px;
    height: 103px;
    background-image: url('/public/images/page/logo.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.navbar-wrapper-stick .navbar-brand{
    width: 50px !important;
    height: 50px !important;
    background-size: auto 50px !important;
    background-position: 0px 0px !important;
    transition: all 0.3s ease-out;
}

p.caption{
    background-color: rgba(0,0,0,0.85) !important;
    bottom: 15px !important;
    width: 1140px !important;
    margin: 0px auto !important;
    text-align: left !important;
    font-size: 21px;
    line-height: 1.2em;
    font-weight: 300 !important;
}

p.caption strong{display: block;}
p.caption strong a{color: #f29400;}


.block{
    margin-top: 40px;
}

.text-container img{
    max-width: 100%;
}

.aktualis-szorolap-title{
    background: #be0a26;
    padding: 15px;
    font-size: 21px;
    text-align: center;
    color: #fff;
    margin-bottom: 4px;
}

.imgcontainer{
    width: 100%;
    display: block;
    position: relative;
    overflow:hidden;
}

.imgcontainer img{
    position: absolute;
}

.main-post-imgcontainer{
    height: 240px;
    border: 1px solid #bebebe;
}

.main-post-imgcontainer img{
    height: 240px;
}

.main-posts{
    margin-bottom: 40px;
    text-align: center;
}

.main-posts .title{
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.morebtn{
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    padding: 10px 30px;
    display: block;
    width: 160px;
    text-align: center;
    margin: 20px auto;
}


.morebtn:hover,
.morebtn:focus{
    text-decoration: none;
    color: #fff;
}

.orangeblock{
    padding: 40px 0px;
    border-bottom: 14px solid #be0a26;
}

.circleimg-container{
    border: 2px solid #fff;
    height: 268px;
    border-radius: 134px;
}

.circleimg-container img{height: 268px;}

.orangepost{
    text-align: center;
    color: #fff;
}

.orangepost .title{
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    line-height: 1em;
    font-family: "Ubuntu", sans-serif;
}

.orangepost .text{line-height: 1.2em; font-size: 15px;}


.bottompost{
    margin-bottom: 30px;    
}

.bottompost .title{
    padding-left: 20px;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    display: block;
    background-position: 0px 7px;
    background-repeat: no-repeat;
}

.bottompost .bluearrow{
    background-image: url('/public/images/page/blue-arrow.png');
}

.bottompost .greenarrow{
    background-image: url('/public/images/page/green-arrow.png');
}

.bottompost a.title:hover,
.bottompost a.title:focus{
    color: #39a9dc;
}

.bottompost .text{
    font-weight: 700;
    padding-left: 20px;
}


.bottom-simglepost-imgcontainer{
    height: 184px;
    border: 1px solid #bebebe;
}

.bottom-simglepost-imgcontainer img{height: 184px;}

.bottom-singlepost .title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 10px;
    line-height: 1.2em;
    display: block;
}

.bottom-singlepost .text{
    font-weight: 700;
    line-height: 1.2em;
}


.footer-container{
    margin-top: 60px;
    background:#87AD00;
    padding: 25px;
    color: #fff;
}

footer .block-title{
    font-size: 17px;
    color: #ddbdad;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-weight: 700;
}

footer .block-title.dark{
    background: #660707;
    padding: 5px 12px;
    margin-top: 20px;
}

footer .contact-container{
    font-size: 21px;
    line-height: 1.2em;
}

footer .contact-container span{
    font-weight: 700;
    font-size: 24px;
    display: block;
    margin-bottom: 15px;
}

footer .contact-container div{
    margin-bottom: 15px;
    padding-left: 40px;
    background-repeat: no-repeat;
}

footer .contact-container div.cim{
    background-image: url('/public/images/page/address-icon.png');
    background-position: 0px 5px;
}

footer .contact-container div.tel{
    background-image: url('/public/images/page/tel-icon.png');
    background-position: 0px 5px;
}

footer .contact-container div.email{
    background-image: url('/public/images/page/email-icon.png');
    background-position: 0px 9px;
}

footer .contact-container a{
    color: #fff;
}

footer a{
    text-decoration: none !important;
}

footer a:hover,
footer a:focus{
    color: #ceef5d !important;
}

footer .footer-menu{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

footer .footer-menu li a{
    display: block;
    color: #fff;
    margin-bottom: 5px;
    padding-left: 22px;
    background-image: url('/public/images/page/footer-menu-arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.footer-right-cell{text-align: right;}

.nytszamok{
    font-size: 12px;
    line-height: 2em;
}

.copyright{
    font-size: 14px;
    color: #fff;
    padding: 3px;
    text-align: center;
    background: #ceef5d;
}


/* SUBPAGE STYLES **/
.subpage-template {
    padding: 30px 0px;
    text-align: left;
    font-size: 17px;
}

.subpage-template .text-container{
    line-height: 1.8em;
}

h1.title{
    color: #BE0A26;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 35px;
    text-transform: uppercase;
}

h2{
    font-size: 24px;
    margin-bottom: 30px;
    color: #444;
}

.scrolltable{overflow-x: auto;}

.scrolltable table{
    border-collapse: collapse;
    width: 100%;
}

.scrolltable table td{
    border: 1px solid #aaa;
    padding: 5px;
}

.sidebar{
    margin-top: 0px;
}

.gallery-desc{
    margin-bottom: 20px;
}

ul.gallery-images{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.gallery-images li{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: center;
    margin: 0 -3px;
    margin-bottom: 20px;
    padding-top: 8px;
}

ul.gallery-images li:hover{
    background: #FFF4E0;
}

ul.gallery-images li.slug{
    padding-top: 8px;
    padding-bottom: 8px;
}

ul.gallery-images li img{
    max-width: 90%;
    max-height: 130px;
    border: 4px solid white;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    border-radius: 4px;
}

ul.gallery-images a.gallery-title{
    display: block;
    color: #750909;
    font-size: 15px;
    padding: 5px;
    line-height: 1.2em;
    background: #FFF4E0;
    margin: 7px auto;
    width: 90%;

}

ul.gallery-images a.gallery-title:hover,
ul.gallery-images a.gallery-title:focus{
    text-decoration: none;
    background: #750909;
    color: #fff;
}

.pagi{
    padding-left: 8px;
    margin-top: 30px;
}

.pagi a, .pagi strong {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    min-width: 30px;
    padding: 0px 4px;
}

.pagi a{
    background: #be0a26 none repeat scroll 0 0;
    color: #fff;
}


/*** FORM STYLES *************************************************************/
/** hírlevél form */
.hirlevelform input[type=text]{
    background: #fff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
    font-size: 20px;
    height: 42px;
    line-height: 0.8em;
    font-weight: 400;
    color: #a8a8a8;
    width: 50%;
    margin-right: 12px;
    float: left;
    padding: 0px 20px;
}

.hirlevelform input[type=button]{
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    height: 42px;
    background: #87AD00;
    border: none;
    padding: 0px 20px;
}

/** contact form */
#contactform input[type=text],
#contactform textarea,
#contactform select{
    background: #fff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
    font-size: 20px;
    padding: 10px;
    font-weight: 400;
}

#contactform input[type=text]:focus,
#contactform textarea:focus,
#contactform select:focus{
    border: 1px solid #f29400;
    box-shadow: 0px 0px 4px rgba(117,9,9,0.5);
    transition: box-shadow 0.3s ease-out;
}

#contactform .contacttable tr:hover{background: #FFF4E0;}
#contactform .contacttable tr:last-of-type{background: none;}
#contactform .contacttable td{
    vertical-align: top;
    font-weight: 700;
    padding: 10px;
}

#contactform textarea{
    height: 200px;
}


#contactform input[type=text],
#contactform textarea,
#contactform select{
    width: 100%;    
}

#contactform .contacttable{
    width: 100%;
}


#contactform input[type=button]{
    background: #87AD00 !important;
    color: rgb(255,255,255) !important;
    border: none;
    border-radius: 0px;
    padding: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 22px;
    font-weight: normal !important;
    width: 100%;
    text-shadow: none !important;
}


/************************ Vendégkönyv ****************************/
.post-container{
    padding-bottom: 10px;
    border-bottom: 1px dotted #545454;
    margin-bottom: 30px;
}

.post-container span{
    display: block;
    padding: 8px;
    background: #750909;
    color: #fff;
    margin-bottom: 10px;
}

.post-container .post-datum{
    text-align: right;
    font-size: 75%;
    margin-top: 3px;
}

/** MEDIA QUERIES ***********************************************************************************************************************************************
*****************************************************************************************************************************************************************/
/* ...480-ig */
@media(max-width: 480px){
    
    /*.navbar-brand{color: purple !important;}*/

    .scrolltable{overflow-x: scroll;}

    .szorolap{width: 100% !important;}

    .brand-wrapper{
        height: 60px;
    }

    .navbar-brand{
        width: 100%;
        height: 45px;
        background-size: 100%;
        background-position: left center;
    }

    .navbar-wrapper{
        height: 50px;
    }

    .navbar-toggle{
        background: #000 !important;
    }

    .navbar-collapse{
        background: #BE0A26;
    }

    .navbar-nav .open .dropdown-menu{
        background-color: #a60922 !important;
    }

    .navbar-nav .open .dropdown-menu li a{padding-top: 10px; padding-bottom: 10px; color: #fff !important;}

    .circleimg-container{
        height: 250px;
        border-radius: 0px !important;
    }

    .circleimg-container img{height: auto;} 

    div.orangeposts div.orangepost{
        display: inline-block;
        padding: 4px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: -3px;
        vertical-align: top;
        float: none;
        width: 100%;
    }

    .bottom-singlepost{display: none;}

    .footer-right-cell{
        text-align: center;
        margin-top: 20px;
    }

    .footer-menu{
        margin-top: 40px;
        margin-bottom: 20px;
        padding-top: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #CEEF5D;
        border-top: 1px solid #CEEF5D;
        text-align: center;
        font-size: 20px !important;
    }

    .footer-menu ul li a{
        background: none;
    }

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

    #contactform .contacttable{
        width: 100%;
    }
    #contactform .contacttable td{
        width: 100%;
        display: block;
    }    

    ul.gallery-images li{width: 100%;}

    ul.gallery-images li img{max-height: 250px;}
    
}


/* 481-től 767-ig */
@media (min-width: 481px) and (max-width:767px){

    /*.navbar-brand{color: gray !important;}*/

    .scrolltable{overflow-x: scroll;}

    .szorolap{width: 100% !important;}

    .brand-wrapper{
        height: 80px;
    }

    .navbar-brand{
        width: 100%;
        height: 65px;
        background-size: 100%;
        background-position: left center;
    }

    .navbar-wrapper{
        height: 50px;
    }

    .navbar-toggle{
        background: #000 !important;
    }

    .navbar-collapse{
        background: #BE0A26;
    }

    .navbar-nav .open .dropdown-menu{
        background-color: #a60922 !important;
    }

    .navbar-nav .open .dropdown-menu li a{padding-top: 10px; padding-bottom: 10px; color: #fff !important;}

    .circleimg-container{
        height: 250px;
        border-radius: 0px !important;
    }

    .circleimg-container img{height: auto;} 

    div.orangeposts div.orangepost{
        display: inline-block;
        padding: 4px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: -3px;
        vertical-align: top;
        float: none;
    }

    .bottom-singlepost{display: none;}

    .footer-right-cell{
        text-align: center;
        margin-top: 20px;
    }

    .footer-menu{
        margin-top: 40px;
        margin-bottom: 20px;
        padding-top: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #CEEF5D;
        border-top: 1px solid #CEEF5D;
        text-align: center;
        font-size: 20px !important;
    }

    .footer-menu ul li a{
        background: none;
    }

    h1.title{
        font-size: 34px;
    }
    
    #contactform .contacttable{width: 100%;}  

    ul.gallery-images li{width: 50%;}  

    ul.gallery-images li img{max-height: 180px;}

}


/* 768-tól 991-ig */
@media(min-width:768px) and (max-width: 991px){

    .scrolltable{overflow-x: auto;}
   
    /*.navbar-brand{color: blue !important;}*/


    .brand-wrapper{height: 80px;}

    .navbar-inverse .navbar-nav > li > a{
        font-size: 15px;
        padding: 15px 6px;
    }     

    .navbar-brand{
        width: 735px;
        height: 67px;
        background-size: 735px;
    }

    .navbar-wrapper{
        height: 50px;
    }

    .dropdown-menu > li > a{
        font-size: 15px;
        padding: 8px 15px;
    }


    .main-posts{font-size: 14px;}

    .main-posts .title{
        font-size: 20px;
        margin-top: 10px;
        line-height: 1.2em;
    }

    div.orangeposts div.orangepost{
        display: inline-block;
        padding: 4px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: -3px;
        vertical-align: top;
        float: none;
    }

    .circleimg-container{
        height: 341px;
        border-radius: 171px;
    }

    .circleimg-container img{height: 341px;} 

    .bottom-singlepost{display: none;}

    .footer-right-cell{text-align: center;}

    #contactform .contacttable{width: 100%;}

    ul.gallery-images li{width: 33.3333%;}

}


/* 992-tól 1199-ig */
@media(min-width:992px) and (max-width: 1199px){

    /*.navbar-brand{color: green !important;}*/

    .scrolltable{overflow-x: auto;}

    .brand-wrapper{height: 100px;}

    .navbar-brand{
        width: 935px;
        height: 85px;
        background-size: 935px;
    }

    .navbar-inverse .navbar-nav > li > a{
        font-size: 18px;
        padding: 15px 10px;
    }   


    .main-post-imgcontainer{
        height: 180px;
    }

    .circleimg-container{
        height: 209px;
        border-radius: 105px;
    }

    .circleimg-container img{height: 209px;}    

    .hirlevelform input[type=text],
    .hirlevelform input[type=button]{
        width: 100%;
        margin-bottom: 5px;
    }

    .main-posts{
        font-size: 14px;
    }


    #contactform .contacttable{width: 100%;}

    ul.gallery-images li{width: 25%;}
  
}


/* 1200-tól... */
@media(min-width:1200px){

    .scrolltable{overflow-x: auto;}

    /*.navbar-brand{color: red !important;}*/

}