/* Custom Stappaly CSS */



/*

#FAFAFA	White

#212331	Raisin Black

#981F23	Ruby Red

#de9151	Persian Orange

*/



@font-face {

    font-family: 'Belianty Elesha';

    src: url('Belianty-Elesha.ttf');

}



body

{

    font-family: 'Poppins', sans-serif;

    overflow-x: hidden;

}



.menu-logo

{

    margin-top: 20px;

    margin-bottom: 20px;

}



.menu-logo-write

{

    font-family: 'Belianty Elesha';

    letter-spacing: 2px;

    font-size: 44px;

}



.mobile-toggle-icon

{

    color: #212331;

    font-weight: bold;

    align-self: center;

}

.mobile-menu-logo

{

    font-family: 'Belianty Elesha';

    letter-spacing: 2px;

    color: #212331;

    font-weight: 800;

    font-size: 30px;

    align-self:  center;

}

.mobile-menu-logo img

{

    max-height: 50px;

    margin-right: 5px;

}



/* OVERRIDES */

.bg-menu-theme .menu-text

{

    color: #212331;

}



.bg-menu-theme .menu-inner > .menu-item.active > .menu-link

{

    color: #981F23;

    background-color: rgba(152, 31, 35, 0.16) !important;

}

.bg-menu-theme .menu-inner > .menu-item.active:before

{

    background: #981F23;

}

.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next

{

    color: #212331

}

.menu-vertical .menu-header

{

    margin:0;

    margin-top:5px;

}

.app-brand .layout-menu-toggle

{

    background-color: #981F23;

    left: 15.5rem;

    border: 2px solid #f5f5f9;

}



.accordion-button

{

    cursor:pointer;

}



.alert-success

{

    background-color: #7dab66;

    border-color: #7dab66;

    color: #ffffff;

}

.alert-danger 

{

    background-color: #e15a42;

    border-color: #e15a42;

    color: white;

}



.red-link, .red-link:hover

{

    color: #981F23;

}





/* Design System */

.s-panel

{

    background-color: #fff;

    border-radius: 10px;

    color: #212331;

    font-size: 16px;

}

.s-panel h1, .s-panel .h1 

{

    color: #212331;

    font-family: 'Belianty Elesha';

    font-size: 40px;

    font-weight: 800;

    letter-spacing: 3px;

}



.s-bg-red

{

    background-color: #981F23;

    color:#fff;

}

.s-bg-red h1, .s-bg-red .h1

{

    color:#fff;

}



.s-bg-orange

{

    background-color: #de9151;

    color:#212331;

}

.s-bg-orange h1

{

    color:#212331;

}



.s-bg-dark

{

    background-color: #212331;

    color:#fff;

}

.s-bg-dark h1

{

    color:#fff;

}



.stappaly_on_tour-color

{

    color:#b14815 !important;

}



.stappaly_e_bevily-color

{

    color:#bd1919 !important;

}





/* Home */

.claim-box

{

    font-size: 25px;

    font-weight: 800;

    letter-spacing: 3px;

    font-family: 'Belianty Elesha';

}



.home-title

{

    color:#212331;

    font-family: 'Belianty Elesha';

    font-size: 28px;

    font-weight: 800;

    letter-spacing: 1px;

}

.home-title .title-icon

{

    font-size: 50px;

    color:#981F23;

}



.home-image

{

    max-width: 100%;

}



.s_embed_video

{

    width: 100%;

    min-height: 16em;

}

.home-video-date

{

    color: #fff;

    font-size: 1.1em;

}

.home-btn, .btn-stappaly

{

    color:#fff;

    background-color:#981F23;

}

.home-btn:hover, .btn-stappaly:hover

{

    color:white;

    background-color:red;

}

.text-align-right

{

    text-align: right;

}



/* Metodo */

.method-points

{

    font-size: 45px;

    font-weight: 600;

}



/* Vini */



/* Filtri */

.filter-title

{

    font-size: 20px;

    font-weight: 600;

}



.no-results-icon

{

    font-size: 100px;

}



.no-results-title

{

    font-size: 40px;

    font-weight: 600;

}



.no-results-subtitle

{

    font-size:24px;

}



/**/



.wc-link, .wc-link:hover

{

    color:#697a8d

}

.wine-card

{

    background-color: #fff;

    border-radius:10px;

    height: 100%;

}

.wc-image

{

    position: relative;

}

.wc-image img

{

    vertical-align: middle;

    max-height: 380px;

    width: 100%;

    object-fit: cover;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}

.wc-image .wp-vendor-logo

{

    position: absolute;

    width: 70px;

    top: 0;

    left: 10px;

    z-index: 100;

}

.wc-image .wp-series-logo

{

    position: absolute;

    width: 65px;

    bottom: 10px;

    right: 15px;

    z-index: 100;

}

.wc-name

{

    text-align: center;

    color: #212331;

    font-size: 22px;

    font-weight: bold;

}

.wc-name-text

{

    align-self: center;

}

.wc-producer

{

    text-align: center;

    font-size: 18px;

    font-style: italic;

}



.wc-desc

{

    display: flex;

    font-size: 20px;

}



.wc-desc .bx

{

    vertical-align: text-top;

    font-size: 20px;

}



.wc-points

{

    color:#dc8416;

    font-weight: bold;

}



.wc-tags span

{

    width:auto;

    display: inline-block;

}

.wc-location

{

    background-color: #704c4c;

    color: white;

}



.wc-type

{

    background-color: #cf8a96;

    color:white;

}

.wc-type-Bianco

{

    background-color: #a19b1d;

    color: white;

}

.wc-type-Rosso

{

    background-color: #981F23;

    color: white;

}

.wc-type-Spumante

{

    background-color: #b99242;

    color: white;

}

.wc-type-Rosato, .wc-type-Rosè

{

    background-color: #cf8a96;

    color: white;

}

.wc-type-Liquoroso

{

    background: #e77700;

    color: white;

}



.wc-subtype

{

    color: #212331;

    border: 1px solid #212331;

}



.wc-recipes

{

    display: flex;

}

.wc-recipes span

{

    width:auto;

}

.wc-recipe img

{

    width:35px;

}



/* Vino */

.ws-name

{

    font-size: 40px;

    font-weight: bold;

    color:#212331;

}



.ws-back-button a

{

    color: #697a8d;

    font-size: 12px;

}



.ws-image

{

    text-align: center;

}

.ws-image img

{

    object-fit: cover;

    width: 100%;

    max-height: 500px;

}



.ws-text-open-image

{

    color: #302d2d;

    font-weight: bold;

}



.ws-video-title

{

    color: #212331;

    font-weight: bold;

    font-size: 22px;

    font-family: 'Belianty Elesha';

    letter-spacing: 1px;

}



.ws-video .s_embed_video

{

    min-height: 20em;

}



.ws-social-box-item .btn-social

{

    font-size: 20px;

    font-family: 'Belianty Elesha';

    letter-spacing: 1px;

    border: 0;

}



.ws-social-box-item .btn-instagram

{

    color: #fff;

    background: #d6249f;

    background: radial-gradient(circle at -20% 80%, #fdf497 5%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}

.ws-social-box-item .btn-facebook

{

    color: #fff;

    background: #3b5998;

}



.ws-social-box-item .bx

{

    font-size: 30px;

    vertical-align: text-bottom;

}



.ws-section-title

{

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 10px;

    color:#212331 !important;

}



.ws-elements

{

    width:100%;

}



.ws-element-label

{

    width: 170px;

    font-weight: bold;

    color: #981F23;

    display: inline-block;

}

.ws-element-label .bx

{

    vertical-align: top;

}



.ws-element-value

{

    color: #212331;

    font-weight: bold;

}

.ws-element-value a

{

    color: #212331;

    text-decoration: underline;

}



.ws-vendor-logo

{

    width: 40px;

}



.ws-points

{

    color: #dc8416;

    font-weight: bold;

    font-size: 40px;

}

.ws-points .bx

{

    font-size: 30px;

    vertical-align: text-top;

    padding-top: 12px;

}



.ws-series-logo

{

    width: 80px;

    margin-left: 10px;

}



.ws-badges-logo

{

    margin-left: 20px;

}



.ws-recipe

{

    width:100%;

}

.ws-recipe-icon

{

    margin-right:20px;

    text-align: center;

}

.ws-recipe-icon img

{

    height: 40px;

}



.ws-tasting-title

{

    width: 100%;

    font-size: 20px;

    color: #981F23;

    font-weight: bold;

    text-align: center;

}

.ws-tasting-subtitle

{

    text-align: center;

    font-size: 14px;

    font-weight: bold;

}



.ws-tasting-element

{

    border-bottom: 1px solid #212121;

}



.ws-tasting-element-label

{

    width: 150px;

    font-weight: bold;

    color: #212121;

    display: inline-block;

    font-size: 14px;

}



.ws-tasting-element-value

{

    color: #212331;

    font-size: 14px;

}



/* Contatti */



.contacts-icon

{

    font-weight: bold;

    font-size: 22px;

    font-family: 'Belianty Elesha';

    letter-spacing: 4px;

}

.contacts-icon .bx

{

    font-size: 25px;

}



.contacts-text

{

    font-size: 20px;

}



.contacts-text a

{

    text-decoration: none;

    color: white;

}

.contacts-text .bx

{

    font-size: 34px;

}



/*** Classifica ***/



.position-search

{

    font-size: 20px;

    letter-spacing: 1px;

}



.position-search .bx

{

    font-size: 20px;

    color: #9a1e24;

}



.position-item

{

    background: white;

    border-radius: 20px;

}

.wp-position

{

    text-align: center;

    font-family: 'Belianty Elesha';

    font-size: 45px;

    color: #212331;

    font-weight: bold;

    align-self: center;

}

.wp-image

{

    position: relative;

}

.wp-image img

{

    width:100%;

    height: 100%;

    object-fit: contain;

}

.wp-image .wp-vendor-logo

{

    position: absolute;

    width: 50px;

    top: 0;

    left: -10px;

    z-index: 100;

}

.wp-image .wp-series-logo

{

    position: absolute;

    width: 50px;

    top: 29px;

    right: 0px;

    z-index: 100;

}

.wp-name

{

    font-family: 'Belianty Elesha';

    font-size: 30px;

    font-weight: bold;

    letter-spacing: 2px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #212331;

}

.wp-producer

{

    font-size: 20px;

}

.wp-points

{

    font-size: 37px;

    font-family: 'Belianty Elesha';

    font-weight: bold;

    color: #dc8416;

}

.wp-points .bx

{

    font-size: 35px;

    vertical-align: baseline;

}

.wp-price

{

    font-size: 18px;

}

.wp-tags

{

    display: grid;

    text-align: center;

    font-weight: bold;

}

.wp-location

{

    background-color: #704c4c;

    color: white;

}

.wp-subtype

{

    color: white;

    background-color: #388d7b;

}

.wp-recipe img

{

    width: 27px;

}



/*** Blog ***/



.pagination-section .pagination

{

    justify-content: center;

}

.pagination-section .pagination .active .page-link

{

    border-color: #981F23;

    background-color: #981F23;

}



.article-entry

{

    border-radius:10px;

}



.article-entry .article-image

{

    overflow: hidden;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}



.article-entry .article-image img

{

    width: 100%;

    height: 340px;

    object-fit: cover;

    transition: 0.8s all ease-in-out;

}



.article-entry:hover .article-image img 

{

    transform: scale(1.1);

}



.article-entry .article-title

{

    color: #212331;

    font-size: 30px;

    font-weight: 600;

    text-align: center;

    line-height: 1.1em;

}



.article-entry .article-intro

{

    color: #212331;

    text-align: justify;

    font-size: 16px;

}



.article-entry .article-readmore

{

    font-size: 16px;

}



.article-entry:hover .article-title, .article-entry:hover .article-readmore

{

    color:#981F23;

}



/*** Article ***/



.single-article .article-image img

{

    width: 100%;

}



.single-article .article-metas

{

    text-align: right;

    color:#697a8d;

}



.related-articles

{

    color: black;

    text-align: center;

    font-size: 30px;

    font-weight: 600;

}





/****** MANAGER *******/

.manager-panel-icon .bx

{

    font-size: 60px;

}



#stapTable tbody tr:hover

{

    background-color: #f0dddd !important;

    --bs-table-accent-bg: #f0dddd !important;

}



.wine-form .hr

{

    color: #878080

}



.wine-form .sommelier-textarea

{

    min-height: 410px;

}





/****** RESPONSIVE ********/



/* Extra-Small devices */

@media (max-width: 575px) { 

    .wp-image

    {

        padding-right: 0;

    }

    .wp-image img

    {

        border-top-right-radius: 20px;

    }

    .wp-image .wp-vendor-logo

    {

        width: 75px;

    }

    .wp-image .wp-series-logo

    {

        width: 60px;

        top: 65px;

        left: 0px;

    }

    .wp-name

    {

        font-size: 24px;

        letter-spacing: 1px;

        white-space: break-spaces;

        overflow: auto;

        text-align: center;

    }

    .wp-producer

    {

        text-align: center;

        font-size: 18px;

    }

    .wp-points

    {

        font-size: 30px;

    }

    .wp-points .bx 

    {

        font-size: 26px;

    }

    .wp-price

    {

        align-self: center;

    }

    .wp-tags

    {

        display: flex;

        justify-content: center;

    }

    .wp-tags>span

    {

        margin-left: 5px;

        margin-right: 5px;

    }



    .single-article .article-image img 

    {

        width: 100%;

        height: 300px;

        object-fit: cover;

    }



    .ws-element-label 

    {

        width: 140px;

    }



}



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {  }



/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {  }



/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {  }



/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

    .wc-name

    {

        height: 70px;

        display: grid;

        overflow-y: hidden;

    }

}



/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) { 



}