@charset "utf-8";

/* PORTFOLIO GRID */
.portfolio{
    margin:40px 0;
    display:block;
    overflow:hidden;
}

.portfolio .entry{
    width:32%;
    float:left;
    margin:0 1% 20px 0;
    background:#fff;
    border:1px solid #eee;
    border-radius:5px;
    position:relative;
    transition:all .2s ease;
}

.portfolio .entry:nth-child(3n){
    margin-right:0;
}

.portfolio .entry:hover{
    box-shadow:0 0 12px rgba(0,0,0,.1);
    transform:translateY(-2px);
}

.portfolio-thumbnail,
.gallery-thumb{
    position:relative;
    overflow:hidden;
}

.portfolio .entry img{
    width:100%;
    height:auto;
    display:block;
}

.entry .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.35);
    opacity:0;
    transition:.2s ease;
}

.entry:hover .overlay{
    opacity:1;
}

.portfolio .entry a.link-preety,
.portfolio .entry a.link-more{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    margin:-25px 0 0 -25px;
    background:url(../images/plus-icon.png) no-repeat center;
    background-size:contain;
    display:none;
}

.entry:hover a.link-preety,
.entry:hover a.link-more{
    display:block;
}

.portfolio .entry p{
    padding:20px;
    background:#fcfcfc;
    border-bottom:4px solid #9a6a2f;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
}

.portfolio .entry p a{
    display:block;
    font-size:16px;
    font-weight:bold;
    color:#484848;
}

/* FILTER MENU */
nav.primary{
    width:100%;
    text-align:center;
    margin:40px 0;
}

nav.primary ul{
    display:inline-block;
    padding:0;
    margin:0;
    border:1px solid #eee;
    border-radius:5px;
    overflow:hidden;
    background:#fff;
}

nav.primary ul li{
    display:inline-block;
    list-style:none;
}

nav.primary ul li a{
    display:block;
    padding:12px 15px;
    font-size:13px;
    color:#555;
    border-right:1px solid #eee;
}

nav.primary ul li a:hover,
nav.primary ul li a.selected{
    background:#9a6a2f;
    color:#fff;
}

/* MOBIL KOSÁR */
.mobil-kosar{
    display:none;
}

@media (max-width:768px){

    .portfolio .entry{
        width:100%;
        margin:0 0 20px;
    }

    nav.primary ul li{
        display:block;
        width:100%;
    }

    nav.primary ul li a{
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .mobil-kosar{
        display:block !important;
        position:absolute;
        top:18px;
        right:65px;
        background:#9a6a2f;
        color:#fff !important;
        padding:6px 12px;
        border-radius:4px;
        font-size:13px;
        font-weight:bold;
        text-decoration:none;
        z-index:9999;
    }

    .navbar-header{
        position:relative;
    }

    .navbar-brand{
        margin-right:140px;
    }
}

/* MOBIL KERESŐ */
.mobil-kereso-fent{
    display:none;
}

@media (max-width:767px){

    .desktop-kereso{
        display:none !important;
    }

    .mobil-kereso-fent{
        display:block;
        margin:0 0 20px 0 !important;
        text-align:center;
        clear:both;
    }

    .mobil-kereso-fent input[type="text"],
    .mobil-kereso-fent input[type=text]{
        width:100% !important;
        padding:10px;
        border:2px solid #9a6a2f;
        border-radius:5px;
        font-size:15px;
        box-sizing:border-box;
        margin-bottom:10px;
    }

    .mobil-kereso-fent input[type="submit"],
    .mobil-kereso-fent input[type=submit]{
        width:100% !important;
        padding:10px;
        background:#9a6a2f;
        color:#fff;
        border:2px solid #9a6a2f;
        border-radius:5px;
        font-weight:bold;
    }

    .cart-list table,
    .cart-list tbody,
    .cart-list tr,
    .cart-list td{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
    }

    .cart-list img{
        max-width:80px !important;
        height:auto !important;
        float:left;
        margin-right:8px;
    }

    .cart-list h4,
    .cart-list a{
        font-size:16px !important;
        line-height:1.3 !important;
        white-space:normal !important;
    }

    .cart-list input[type=text]{
        max-width:60px !important;
    }
}

/* AKCIÓS ÁR */
.price{
    color:#9a6a2f !important;
    font-weight:bold !important;
}

akcios{
    text-decoration:line-through !important;
    color:#999 !important;
    font-weight:normal !important;
    margin-right:8px;
}