/******************************************
	File Name: coffeeshop.css
    Template Name: materialize
    Created By: TrendyTheme
    Envato Profile: https://themeforest.net/user/trendytheme
    Website: http://trendytheme.net
    Version: 1.3
    Support: http://trendytheme.net/support
******************************************/



/*link style*/
a {
    color: #d29348;
}
a:focus,
a:hover {
    color: #996d36;
}


/*button style*/
.btn {
    font-size: 14px;
    background-color: #d29348;
}

.btn:hover,
.btn:focus,
.btn-large,
.btn-floating,
.btn-large:hover {
    background-color: #d29348;
}





/* ============= Color Presets ================ */
.brand-color,
.brand-icon,
.search-trigger i:hover,
.copy-text, 
.copy-text a:hover,
.footer-four .social-link li a i:hover,
.footer-four .secondary-footer ul li a:hover,
.flex-direction-nav a:before {
    color: #d29348 !important;
}
.brand-color.darken-2 {
    color: #996d36 !important;
}

.brand-bg,
.brand-hover:hover,
.grid-news-hover .post-date {
    background-color: #d29348 !important;
}
.brand-bg.darken-2 {
    background-color: #bd8949 !important;
}


.dark-bg {
    background-color: #120d07 !important;
}
.dark-bg.lighten-1 {
    background-color: #221a10 !important;
}


.active-search .search-trigger .search-btn {
    background-color: rgba(210, 147, 72, 0.95);
}



/*general css for coffee shop*/
.logo-brand {
    font-family: 'Great Vibes', cursive;
    font-size: 30px;
    margin: 1px 30px 0 0;
}
.logo-brand,
.logo-brand:hover {
    color: #fff;
}

.tt-nav.sticky .logo-brand {
    color: #202020;
    margin: 1px 30px 0 0;
    line-height: 60px;
}

@media screen and (max-width: 768px) {
    .menuzord-responsive .logo-brand {
        margin: 10px 0 0;
        color: #202020;
    }
}

/* ======== Navigation ============ */
.menuzord .menuzord-menu>li.active>a, 
.menuzord .menuzord-menu>li.active>a>i, 
.menuzord .menuzord-menu>li:hover>a, 
.menuzord .menuzord-menu>li:hover>a>i {
    color: #d29348 !important;
}
.menuzord-menu ul.dropdown li:hover>a, 
.menuzord-menu ul.dropdown li.active>a, 
.menuzord-menu>li>.megamenu .megamenu-row li:hover>a {
    color: #d29348;
}
.menuzord-menu ul.dropdown li >a::before, 
.menuzord-menu>li>.megamenu .megamenu-row li >a::before {
    background-color: #d29348;
}
.nav-border-bottom .menuzord .menuzord-menu>li.active>a, 
.nav-border-bottom .menuzord .menuzord-menu>li:hover>a {
    border-bottom: 3px solid #d29348;
}
.menuzord-menu>li {
    margin-left: 15px;
}


.grid-news-hover .post-wrapper:hover .blog-content {
    border-color: #d29348;
}
.border-right {
    border-right: 1px solid #383837;
}

.subscribe-wrapper .input-field {
    width: 70%;
    float: left;
    margin-top: 18px;
}

@media screen and (max-width: 600px) {
    .subscribe-wrapper .input-field {
        width: 100%;
        float: none;
    }
}


/*footer*/
.footer p {
    color: #eee;
}


/*
background banner images
------------------------------------------------------------*/
.coffee-banner-1 {
    background-image: url("../../img/coffee/coffee-banner-1.jpg");  
}

.coffee-banner-2 {
    background-image: url("../../img/coffee/coffee-banner-2.jpg");
}

.coffee-banner-3 {
    background-image: url("../../img/coffee/coffee-banner-3.jpg");  
}

.coffee-banner-4 {
    background-image: url("../../img/coffee/coffee-banner-4.jpg");  
}



/*
Form Style
---------------------------------------------------------*/
/*input[type=text]:focus:not([readonly]), 
input[type=password]:focus:not([readonly]), 
input[type=email]:focus:not([readonly]), 
input[type=url]:focus:not([readonly]), 
input[type=time]:focus:not([readonly]), 
input[type=date]:focus:not([readonly]), 
input[type=datetime-local]:focus:not([readonly]), 
input[type=tel]:focus:not([readonly]), 
input[type=number]:focus:not([readonly]), 
input[type=search]:focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #d29348;
    box-shadow: 0 1px 0 0 #d29348; 
}

input[type=text]:focus:not([readonly]) + label, 
input[type=password]:focus:not([readonly]) + label, 
input[type=email]:focus:not([readonly]) + label, 
input[type=url]:focus:not([readonly]) + label, 
input[type=time]:focus:not([readonly]) + label, 
input[type=date]:focus:not([readonly]) + label, 
input[type=datetime-local]:focus:not([readonly]) + label, 
input[type=tel]:focus:not([readonly]) + label, 
input[type=number]:focus:not([readonly]) + label, 
input[type=search]:focus:not([readonly]) + label, 
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #d29348 !important; 
}*/