/*
Theme Name: Can Tenli
Description: Can Tenli Project
Author: @pauguardiola
Template: woopstrap
*/




/*OVERRIDE STYLE.CSS CODE*/

#top {
	background: #bb000c url('images/patern.png') !important;
}
.price {visibility: hidden;}

a:hover {
    text-decoration: none;
}

a.btn, a.button, .btn-default {
    background-color: #AF1817;
    color: #fff !important;
    border: none;
    padding: 5px 30px;
    font-weight: 500;
    border-radius: 3px;
    text-shadow: none;
}

.btn-default:hover, .btn-default:focus {
    background-color: #AF1817;
}

/*CUSTOM CSS CODE*/

/* HEADER */

.navbar {
    background-image: none;
    margin-bottom: 0px;
    box-shadow: none !important;
}

#menu-main-menu-ca li a {
    box-shadow: none;
}

.top-header {
    background-color: #333;
}

.container-header {
    width: 1250px;
    margin: 0 auto;
}

.contact-header {
    background-color: #333;
    height: 40px;
    font-size: 12px;
}

.contact-header a {
    color: #fff;
}

#address, #phone {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

#phone {
    margin-left: 5px;
}

#address a p, #phone a p {
    margin: 0;
    padding-top: 10px;
}

#phone-xs a {
    padding-top: 10px;
    float: right;
}


.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav>.active>a {
    background-image: none;
}

.social-btn-header ul li a img {
    background-color: #fff;
    border-radius: 50%;
}

#top-booking-btn h2:focus {
    outline: none;
}

@media (max-width: 767px) {
    .contact-header {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact-header {
        font-size: 10px;
    }

    #top-data {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .contact-header {
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    .header-top-center h2 {
        padding-top: 7px !important;
    }
}

@media (min-width: 1200px) {
    .header-top-center h2 {
        padding-top: 12px !important;
    }
}

#top-data {
    text-align: left;
}

.fa-map-marker {
    color: #AF1817;
    font-size: 18px;
    margin-right: 5px;
}

.fa-phone {
    color: #AF1817;
    font-size: 18px;
}

.header-top-center {
    background-color: #AF1817;
    height: 40px;
}

.header-top-center h2 {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.language-header {
    background-color: #333;
    height: 35px;
    margin-top: 5px;
    text-align: right;
}

.navbar-brand {
    color: #AF1817;
}

#fp-logo {
    width: 350px;
}

#menu-main-menu-ca li {
    z-index: 1000;
    background-color: #fff;
}

.navbar-brand {
    width: 100%;
}
@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}
@media (max-width: 767px) {

    #bs-example-navbar-collapse-1 {
        border: none;
        z-index: 1000;
        position: absolute;
        right: 15px;
        top: 70px;
    }

    #menu-main-menu-ca li a .nav-separator {
        display: none;
    }
    #menu-main-menu-ca li a {
        padding: 10px 15px;
    }

    #menu-main-menu-ca {
        width: 130px;
    }
    .navbar {
        height: 80px !important;
    }

    .navbar-toggle.collapsed {
        margin-top: 15px;
    }

    #top-bar i {
        font-size: 28px;
    }

    #top-bar #address p, #top-bar a {
        padding-top: 5px;
    }

    .navbar-brand {
        width: auto;
    }

    #fp-logo {
        width: 220px;
    }

    .header-top-center h2 {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        position: relative;
        float: none!important;
    }

    .navbar-header {
        float: none;
        margin-bottom: 25px;
    }

    #bs-example-navbar-collapse-1, #menu-main-menu-ca {
        text-align: center;
    }
}

.navbar-nav {
    text-transform: uppercase;
}

.navbar-nav li a {
    padding: 10px 1px;
}

#menu-main-menu-ca a {
    color: #AF1817;
}

.navbar-toggle {
    margin-top: 15px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #AF1817;
    outline: 0;
}

.sub-menu a {
    text-transform: capitalize;
    color: #AF1817;
}

.navbar-header {
    margin-left: 430px;
}

.nav-separator {
    padding: 0 10px;
    float: right;
}

#menu-main-menu-ca li:last-child .nav-separator {
    display: none;
}

.dropdown-menu .nav-separator {
    display: none;
}

.dropdown-menu li a {
    padding-left: 20px;
    padding-right: 25px;
}

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

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

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}

#search span {
    margin-right: 5px;
    display: block;
    float: left;
}

#search {
    overflow: hidden;
    float: right;
}

#btn_go  {
    padding: 6px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
}

#side-bar, #side-bar li a {
    color: #AF1817;
}

#side-bar li {
    list-style-type: none;
}

#side-bar .search-submit {
    background: none;
    border: none;
}

/*---FRONT PAGE---*/

.fp-sidebar-container {
    margin-top: 20px;
}

.fp-sidebar-widget {
    margin-bottom: 25px;
}

.featured-content .entry{
    text-align: justify;
}

.featured-content img {
    border: none;
}

.featured-container h2 {
    color: #AF1817;
    font-weight: bold;
}

.featured-content h2 {
    text-align: left;
}

.featured-content h2 a {
    font-size: 16px;
    font-weight: bold;
    color: #AF1817;

}

.featured-caption {
	padding-left: 15px;
	padding-right: 15px;
}

.entry button {
    background-color: #AF1817;
    border-radius: 5px;
    border-color: transparent;
    color:#fff;
}

.entry p {
    font-size: 12px;
}

.featured-container {
    padding-bottom: 30px;
}

h2.article-title {
    font-size: 30px;
}

.featured-container, .featured-single, .fp-post-content {
    text-align: center;
}

.featured-container .side-lines {
	border-bottom: 1px dotted #333;
}

.side-lines {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 45px;
    border-bottom: 1px solid #333;
    line-height: 0;
    padding: 0;
}

.side-lines span {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    color: #AF1817;
    font-size: 28px;
}

@media (max-width: 603px) {
    #field_2_5 label, #field_2_6 label, #modal-reserva  #field_3_5 label, #field_3_6 label {
        min-height: 41px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .fp-widget-txt {
        min-height: 100px;
    }
}

@media (max-width: 767px) {
    .side-lines {
        line-height: 1;
        padding: 10px;
        margin-bottom: 25px;
    }

    .side-lines span {
        padding: 0px;
    }
}

/* SLIDER */

#fp-carousel {
    background-color: #000;
}

h2.slider-caption{
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
}

h3.slider-caption{
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.carousel-caption-bkg {
    background-color: rgba(175, 24, 23, 0.5);
    padding: 0px;
}

.carousel-caption {
    position: absolute;
    bottom: 45%;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slider-btn-container {
    text-align: center;
    position: absolute;
    bottom: 30%;
}

.carousel-inner .btn {
    background-color: #333;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 5px 36px;
    border-radius: 0;
    font-weight: 500;
}

.img-responsive-fd {
    width: auto;
    max-width: none !important;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 990px) {
    h2.slider-caption {
        font-size: 28px;
    }

    h3.slider-caption {
        font-size: 16px;
    }
}

@media (min-width: 550px)  and (max-width: 767px) {
    h2.slider-caption {
        font-size: 20px;
    }

    h3.slider-caption {
        font-size: 12px;

    }
    .slider-btn-container {
        bottom: 24%;
    }
}

@media (max-width: 549px) {
    h2.slider-caption {
        font-size: 14px;
        margin-top: 10px;
    }

    h3.slider-caption {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .carousel-caption {
        bottom: 40%;
    }
    .slider-btn-container {
        bottom: 17%;
    }
    .carousel-inner .btn {
        font-size: 11px;
    }
}

/* ELEMENTS */


h3 {
    color: #AF1817;
    margin-top: 10px;
    margin-bottom: 20px;
}

h2.caption {
    font-weight: bold;
}

@media (max-width: 768px) {
    h2.caption {
        font-size: 25px;
    }
}

.textwidget h3 {
    font-size: 18px;
    color: #AF1817;
}

.textwidget p {
    text-align: justify;
}

.button-widget {
    min-height: 30px;
    text-align: center;
}

.section-caption {
    background-color: #AF1817;
    color: #fff;
    text-align: center;
    margin-top: 40px;
    padding: 10px 0px 20px 0px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.page-caption {
    background-color: #AF1817;
    color: #fff;
    text-align: center;
    padding: 10px 0px 20px 0px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.media a {
    color: #AF1817;
    text-decoration: none;
}

#carousel-featured-dishes .carousel-caption {
    background-color: rgba(175, 24, 23, 0.5);
}

#carousel-featured-dishes .carousel-caption h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
}

.carousel-caption-featured-dishes {
    background-color: rgba(175, 24, 23, 0.5);
    position: absolute;
    right: 15%;
    bottom: 25%;
    left: 20%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption-featured-dishes h3 {
    color: #fff;
}

/* BLOG */

#content img {
    border: none;
    width: 100%;
    height: auto;
}

#content h2 a {
    color: #AF1817;
    text-decoration: none;
    font-size: 28px;
}

#content .entry {
    margin-bottom: 20px;
}

#content .entry p {
    font-size: 16px;
    text-align: justify;
}

#content a {
    color: #AF1817;
    text-decoration: none;
}

.alignleft {
    float:left;
}

.alignright {
    float:right;
}

.button-blog {
    min-height: 30px;
    text-align: center;
    margin-top: 15px;
}

.fp-blog-container .media {
    margin-top: 5px;
}

.fp-blog-container p {
    font-size: 12px;
}

.post-container .post-content-container .footer-post .footer-post-right .postmetadata a {
    margin-right: 5px;
}

.postmetadata-single-blog {
    float: left;
}

.postmetadata-single-blog a {
    color: #AF1817;
}

#share-icon {
    float: right;
}

#share-icon a {
    border: 1px solid #AF1817;
    padding: 3px 10px;
    background-color: transparent;
}

#side-bar #searchform input {
    border: 1px solid #AF1817;
    width: 80%;
}

#side-bar #searchform button {
    border: none;
    background-color: transparent;
    font-size: 18px;
}

.pagination {
    text-align: center;
}

/* NAVIGATION */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff !important;
	text-decoration:none;
	background-color: #AF1817;
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.navigation li {
	display: inline;
}

.navigation li.active a {
	background-color: #fff;
	color: #AF1817 !important;
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


@media (max-width: 991px) {
    #side-bar {
        margin-top: 50px;
        text-align: center;
    }
}

/* CARTA */
.dish-header {
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 25px;
    border-bottom: 8px solid #AF1817;
    line-height: 0;
    padding: 0;
    font-weight: 700;
}

.dish-header span {
    background: #fff;
    padding: 0 15px;
}

/* TOP-FOOTER */

.social-btn-container {
    text-align: center;
    margin-top: 20px;
}

.social-btn li {
    display: inline;
    margin-right: 20px;
}

.social-btn img {
    width: 60px;
}

@media (max-width:767px) {
    .social-btn img {
        width: 50px;
    }
}

.social-btn-header img {
    width: 25px;
}

.social-btn-header li {
    display: inline;
    margin-right: 10px;
}

.footer-post {
    min-height: 35px;
    margin-bottom: 20px;
    padding: 0;
}

.footer-post .read-more {
    float: left;
}

.footer-post .footer-post-right {
    float: right;
    display: inline-flex;
}

.fa-lg {
    color: #AF1817;
    margin-right: 5px;
}

.btn-xs {
    font-size: 14px;
}

.postmetadata-blog {
    margin-right: 10px;
}

.postmetadata-blog a {
    color: #333!important;
}

@media (max-width:991px) {
    .social-btn {
        margin-top: 5%;
    }
}

@media (max-width: 767px) {
    .dish-header {
        line-height: 1;
        padding: 10px;
    }

    .dish-header span {
        padding: 0;
    }
}

/* MENU */
.img-page-menu {
    padding: 30px 50px 20px 50px;
}


/* RESERVA */

.top_label {
    margin-top: 0px !important;
}

#gform_2 #gform_submit_button_2 {
    background-color: #AF1817;
    border-color: #AF1817;
    margin-left: 20px;
}

#input_2_5 {
    width: 93% !important;
}

/* MODAL RESERVA */

#modal-reserva  .modal-header {
    background-color: #AF1817;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

/*
#modal-reserva #gform_fields_2 #field_2_5 #input_2_5 {
    width: 86% !important;
}
*/

#modal-reserva #field_3_7 {
    padding-left: 13px;
}

#modal-reserva .close {
    color: #fff;
    opacity: 1;
}

#modal-reserva input, #modal-reserva textarea, #modal-reserva select {
    border: 1px solid #ccc;
    border-radius: 5px;
}

#modal-reserva select {
    padding: 6px 0px;
}

#modal-reserva .gform_footer {
    text-align: center;
}

#modal-reserva #gform_submit_button_3 {
    background-color: #AF1817;
    border-color: #AF1817;
    margin-left: 20px;
    color: #fff;
    padding: 5px 20px;
}

#gform_wrapper_3 #input_3_5 {
    width: 85%!important;
}

/* GALERIA */

.gallery-box {
    margin-bottom: 15px;
}

.gallery-box img {
    border-bottom: 5px solid #AF1817;
}

.content-gallery .thumbnail {
    border: none;
    box-shadow: none;
}

.content-gallery .caption h4 {
    text-align: center;
}

#gallery-modal .modal-header {
    background-color: #AF1817;
    border: none;
}

#gallery-modal .modal-header .modal-title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

#gallery-modal .modal-body h4 {
    text-align: center;
}

#gallery-modal .close {
    color: #fff;
    opacity: 1;
}

/* CONTACT */

.contact-map {
    margin-bottom: 20px;
}

.content-contact {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.content-contact  h4 {
    color: #AF1817;
    text-transform: uppercase;
}

.content-contact  hr {
    margin: 10px 0px;
    border-top: 1px solid #ddd;
}

.content-contact i {
    margin-right: 10px;
    margin-bottom: 15px;
    color: #AF1817;
}

.content-contact a {
    color: #333!important;
}

.contact-form-reserva #gform_wrapper_2 .gform_footer {
    padding-top: 0px;
}

.contact-form-reserva #gform_wrapper_2 .gform_footer {
    padding-top: 0px;
}

.contact-form-reserva #gform_wrapper_2 #field_2_5 .ginput_container_date #input_2_5 {
    width: 86%!important;
}

/*
 {
    min-height: 40px;
    padding-top: 20px;
}
*/

@media (min-width:992px) and (max-width: 1199px) {
    .contact-form-reserva #gform_wrapper_2 #field_2_5 .ginput_container_date #input_2_5 {
        width: 82%!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-form-reserva #gform_wrapper_2 #field_2_5 .ginput_container_date #input_2_5 {
        width: 75%!important;
    }
}

@media (max-width:767px) {
    .contact-form-reserva #gform_wrapper_2 #field_2_5 .ginput_container_date #input_2_5 {
        width: 76%!important;
    }
}

/* FOOTER */
#footer-row {
    background-color: #333;
    color: #fff;
    border-top: 4px solid #AF1817;
    margin-top: 20px;
    padding-bottom: 50px;
}

#footer-row .container {
    margin-top: 20px;
}

#footer-row i {
    color: #fff;
}

#footer-row p {
    text-align: left;
    color: #888;
    font-weight: 400;
}

#footer-logo {
    margin-top: 15px;
}

#footer-row .container .col-sm-4:last-child {
    padding-left: 90px;
}

@media (max-width:767px) {
    #footer-row .container .col-sm-4:last-child {
        padding-left: 15px;
    }
}

#footer-row h3 {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}

#phone-footer, #adreess-footer {
    float: left;
    margin-right: 15px;
    font-size: 25px;
}

#mail-footer {
    float: left;
    margin-right: 15px;
    font-size: 18px;
}

.phone-footer, .adreess-footer, .mail-footer {
    margin-top: 0;
    margin-bottom: 0;
}

.phone-footer-icon, .mail-footer-icon {
    color: #888;
}

.phone-footer-icon:hover, .mail-footer-icon:hover, .phone-footer-icon:focus, .mail-footer-icon:focus, .phone-footer-icon:active, .mail-footer-icon:active, .phone-footer-icon:visited, .mail-footer-icon:visited {
    color: #888;
    text-decoration: none;
}
