/*  Tmpl02  style */
/* Name: Landro Automobili */

/*------------------- General Styling -------------------- */
@import url(https://fonts.googleapis.com/css?family=Play);

body{
    background-color: #d9d9d9;
    color: black;
    font-family: 'Play', sans-serif !important;
    font-size: 16px;
}
.h4 ,h4
{
    font-size: 15px;
}
.breadcrumb {
    margin-top: 10px;
    list-style: none;
    overflow: hidden;
    padding: 0px 0px;
    background-color: rgba(245, 245, 245, 0);
    font-size: 12px;
    z-index: 2;
    position: relative;
}
.breadcrumb div {
    float: left;
    z-index: 2;
}
.breadcrumb div a {
    color: black;
    text-decoration: none;
    padding: 6px 0px 6px 32px;
    /* fallback color */
    background: #e7e7e7;
    position: relative;
    display: block;
    float: left;
}
.breadcrumb div a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;/* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #e7e7e7;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.breadcrumb div a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.breadcrumb div:first-child a {
    padding-left: 10px;
}
.breadcrumb div:nth-child(2) a {
    background: hsla(43,85%,45%,1);
}
.breadcrumb div:nth-child(2) a:after {
    border-left-color: hsla(43,85%,45%,1);
}
.breadcrumb div:nth-child(3) a {
    display: none;
    background: hsl(358, 67%, 59%);
}
.breadcrumb div:nth-child(3) a:after {
    border-left-color: hsl(358, 67%, 59%);
    display: none
}
.breadcrumb div:nth-child(4) a {
    background: hsla(43,85%,65%,1);
}
.breadcrumb div:nth-child(4) a:after {
    border-left-color: hsla(43,85%,65%,1);
}
.breadcrumb div:nth-child(5) a {
    background: #e7e7e7;
}
.breadcrumb div:nth-child(5) a:after {
    border-left-color: #e7e7e7;
}
.breadcrumb div:last-child a {
    background: #D46C75;
}
.breadcrumb div:last-child a:after {
    border-left-color: #D46C75;
}
.breadcrumb div:last-child a {
    color: white;
}
.breadcrumb div a:hover {
    background: #D46C75;
    color: white !important;
}
.breadcrumb div a:hover:after {
    border-left-color: #D46C75 !important;
}
a {
    color: #D46C75;
}
a:hover , a:focus, a.active, li.active a { 
    color: #BE1E2D;
    text-decoration: none;
}
div.p.p
{
    margin: 16px 15px auto auto;
}
.t1
{
    margin: -5px 6px 7px 8px;
}
#toTop{
    position: fixed;
    bottom: 47px;
    right: 13px;
    cursor: pointer;
    display: none;
    z-index: 3;
    background-color: #FE6222;
    border-color: #FE6222;
}

.navbar-toggle {
    border: 1px solid #BE1E2D;
}
.navbar-toggle .icon-bar {
    background: #BE1E2D;
}


/*------------------- Header section styling -------------------- */
#pos-hbottom{
    background-color: white;
    margin-bottom: 5px;
}
#pos-hmiddle{
    background-color: white;
    z-index: 2;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    position: relative;
}
#pos-htop{
    background-color: #bf2331;
    padding: 5px 0 3px 0;
}
#pos-ctop{
    padding: 0px;
}
#pos-htop .col-md-12 > div{
    /* float: left; */
    /* margin: 5px; */
    /* color: white; */
}
#pos-htop div.generic-languagebutton {
    float: right;
}
#pos-htop div.generic-socialbuttons {
    float: left;
}
#pos-htop div.generic-socialbuttons a{
    color:white;
}
div.social-buttons .social>li>a {
    position: relative;
    display: block;
    padding: 2px 5px 0px 5px;
}
#pb_83 ul.social{
    margin: 0px;
    padding: 0px;
}
#pb_83 ul.social li a{
    color : white;
}

@media(min-width:768px){
    #pos-hmiddle div.generic-menu {
        /* float: right; */
        /* margin-top: 7px; */
    }
}

/* - Logo - */
#header div.logo{

padding: 10px 0 0 0;

width: 12%;

margin: 0 auto;
}

@media(max-width:992px){
    #header div.logo{
        width: 150px;
        text-align: center;
    }
}
#header div.logo img{
    display: inline-block;
    width: 100%;
    padding: 0px;
}

/* - Navbar - */
#header .navbar{
    margin-bottom: 0px;
    /* margin-right: 372px; */
}


/* - Vertical carousel - */
#pos-sidebar{
    position: fixed;
    background-color: white;
    height: 100vh;
}
@media (max-width: 991px) { 
    #pos-sidebar{
        display: none;
    }
}

/*------------------- Body section styling -------------------- */
#content{
    color: #6F6F6F;
}
#pos-cmiddle{
    padding: 20px 0 20px 0;
    z-index: 1;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3), 0px -1px 5px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(35, 35, 35, 0.5);
    /* border-bottom: 1px solid rgba(35, 35, 35, 0.5); */
}
#pos-cmiddle.container-fluid{
    background-color: white;
}
#pos-cmiddle div.body-container{
    /* padding: 15px 0; */
    /* overflow: hidden; */
} 
#pos-cmiddle #pb_84 {
    padding: 45px 0 85px 0;
}

#pos-cbottom{
    color: white;
    /* padding: 150px 0; */
    background: url(https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-369636.jpg) 50% 0 no-repeat fixed;
    width: 100%;
    height: auto;
    margin: 0;
    /* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); */
}

#pos-cbottom .darker-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 100px 0;
}
.categ-title{
    display: none;
}

#article-list .caption .title{
    font-weight:bold;
}
#article-list .caption .content{
    font-size: 14px;

}

#home-page-widgets aside {
    background: rgb(255, 255, 255);
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    margin: 15px 0;
}

/* intro icons */
.introicons {
    padding: 15px;
    position: relative;
    background-color: rgba(30, 30, 34, 0.85);
    border-radius:5px;
    cursor:pointer;
}

.introicons i {
    position: absolute;
    height: 100px;
    width: 100px;
    font-size: 50px;
    line-height: 80px;
    padding: 10px !important;
    color: rgb(102, 102, 102);
    top: 0px;
    left: 50%;
    margin: -50px 0px 0px -50px !important;
    padding: 0px !important;
    border-radius: 50%;
    border: 10px solid #ECECEC;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgb(255, 254, 254);
}

.introicons:hover > i {
    border: 10px solid #ffffff;
    -webkit-animation: spinAround 1.5s linear infinite;
    -moz-animation: spinAround 1.5s linear infinite;
    animation: spinAround 1.5s linear infinite;
}

.introicons h6 {
    font-weight: 400;
    font-size: 20px;
    margin: 50px 0px 20px 0px;
}

.introicons p{
    line-height:22px;
    font-size:14px;
    font-weight:400;
    margin: 20px 0px 50px 0px;
    color: #D9D9D9;
}
.title-ristorante{
    padding: 10px;
    text-align: center;
}
.menu-title{
    color: #B33D3D;
    font-weight: bold; 
    padding-left: 40px
}
.menu-lista{
    font-size: 20px;
    color: #6F6C6C;
}
.cls-menu{
    border-radius: 10px;
}

/*------------------- Footer section styling -------------------- */

#pos-fmiddle{
    background-color: white;
}
#pos-fbottom{
    background-color: #2E2E2E;
    color: white;
    padding: 5px;
}
.poweredby{
    float: right;
    font-size: 0.9em;
}
.poweredby a{
    font-weight: bold;
}
.news-title{
    font-weight: bold;
    font-size: 19px;
}
.news-title a:hover{
    text-decoration: none;
}
.btn-primary, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #B33D3D;
    color: white;
    border-color: #B33D3D ;
}
#pos-ftop {
    padding: 20px 0;
    z-index: 1;
    position: relative;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0), 0px -1px 5px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(35, 35, 35, 0.5);
    background-color: white;
}
#pos-ftop h4 {
    font-weight: bold;
    color: #4E4E4E;
}
#pos-ftop p, #pos-ftop li {font-size: 12px;color: #666;}
#pos-fbottom .generic-static-block{
    float: left;
}
#pb_73 p{
    font-size: 11px;
}

.btn-warning {
    width: 8.6%;
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.content-head span {
    font-size: 14px;
    margin-right: 10px;
    /* display: inline-block; */
    display: none;
}
.content-head span {
    font-size: 14px;
    margin-right: 10px;
    display: none;
}
.article-date {
    /* float: right; */
    display: none;
}


    /* Upload & Input file */
    .upload-btn {
        max-width: 100%;
        padding: 0px;
        -o-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;/* Make padding go inside the element, instead of expanding */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0px;
        padding-bottom: 0px;
    }

    /* Container for 2 child elements (button & filename) */
    .fileUpload {
        background: #fff;
        color: white;
        border: 0;
        display: block;
        margin: 0px;
        width: 100%;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }
    /* The button */
    .fileUpload .fileBtn {
        background: #ec1c24;
        /* cursor: pointer; */
        /* float: left; */
        font-size: 1em;
        font-weight: bold;
        padding: 6px;
        text-align: center;
        width: 33%;
        -o-border-radius: 6px 0 0 6px;
        -moz-border-radius: 6px 0 0 6px;
        -webkit-border-radius: 6px 0 0 6px;
        border-radius: 0px;
        transition: 0.5s;
    }
    .fileUpload .fileBtn:hover{
        background: #be1e2d;
    }
    /* Where the input-name will be filled in */
    .fileUpload .fileName {
        float: right;
        overflow: hidden;
        white-space: nowrap;
        width: 67%;
        text-align: center;
        color: #000;
        margin: -25px 0;
    }
    .form-control:focus {
        border-color: #B75151;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(183, 81, 81);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(183, 81, 81);
    }

.btn-red {
    color: #fff;
    background-color: #ec1c24;
    border-color: #be1e2d;
    transition: 0.5s;
}

.btn-red:hover {
    color: #fff;
    background-color: #be1e2d;
    border-color: #ec1c24;
}