/*
Theme Name: Maestro Riverso
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/

/*************** ADD CUSTOM CSS HERE.***************/
/*----Generali----*/
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mt-2 { margin-top: 1.4em !important; }
.container_cta { text-align: center; }
.newCTA button { background: #dfa750; color: #000; padding: 8px 16px; }
.newCTA:hover button, .newCTA:active button { background: #c79341; color: #000; }
.back-to-top { display: none !important; }
.whatsapp_icon { position: fixed; max-width: 56px; bottom: 24px; right: 24px; z-index: 9999; background: #53cd5f; padding: 9px; border-radius: 10px; }
/*----Hero----*/
.ms_hero { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100%; margin-top: -240px; }
.ms_hero .sx { width: 50%; }
.ms_hero .sx .ms_hero_content { max-width: 614px; margin-left: auto; padding: 240px 72px 0 24px; }
.ms_hero .sx .ms_hero_content h1 { font-size: 3em; font-style: italic; color: #BC1212; }
.ms_hero .sx .ms_hero_content p { font-size: 1.2em; }
.ms_hero .sx .ms_hero_content button { background: #BC1212; color: #fff; }
.ms_hero .dx { width: 50%; height: 100%; background-position: center center; background-size: cover; }
/*----Pagina prodotto----*/
.badge-container { margin: 0; }
.onsale { font-size: .9em; font-weight: 600; background: #BC1212; color: #fff; padding: 4px 8px; border-radius: 5px; }
.next-prev-thumbs { display: none; }
.social-icons.share-icons { display: none; }
button.single_add_to_cart_button { color: #000 !important; font-weight: 400; }
.product_meta { display: none; }
#product-sidebar { display: none; }
.variations th { border-bottom: 0; }
.product-main { padding-bottom: 0; }
.shop_all_category { position: relative; }
.shop_all_category button { color: #dfa750; padding: 0px 8px; text-decoration: underline; font-size: .7em; position: absolute; top: 0; right: 0; line-height: 1; }
/*Focus*/
.ms_focus_container { max-width: 1080px; margin: 0 auto; }
.ms_focus_container .ms_focus { display: flex; justify-content: space-between; background: #f7f7f7; margin: 0 15px 40px 15px; padding: 32px; }
.ms_focus_container .ms_focus p { display: flex; gap: 24px; margin-bottom: 0; }
.ms_focus_container .ms_focus strong { display: block; }
.ms_focus_container .ms_focus svg { stroke-width: 3px; stroke: #e3ac5c; }
/*Trustpilot*/
.container_full_trustpilot { background: #222; padding: 24px 0; border-bottom: 1px solid #3e3e3e; }
.container_full_trustpilot h2 { color: #fff; }
.container_trustpilot { text-align: center; display: flex; flex-direction: column; }
.container_trustpilot .container_image_trustpilot { display: flex; }
.container_trustpilot .container_image_trustpilot .single_image_trustpilot { padding: 8px; max-width: 50%; }
.container_trustpilot .container_image_trustpilot .single_image_trustpilot img { border: 3px solid #dfa750; }
.container_trustpilot .trustpilot_badge { margin-top: 24px; margin-bottom: 24px; border: 2px solid #06b77b; border-radius: 5px; max-width: 320px; }
/*----Pagina archive----*/
.archive .shop-container { display: flex; flex-direction: column; }
.archive .shop-container .shop-container { order: 1; }
.archive .shop-container .ms_focus_container { margin-top: 0px; margin-bottom: 24px; order: 2; }
.archive .shop-container .term-description { order: 3; }
.archive .shop-title { margin-bottom: 16px; }
.archive .shop_description { margin-bottom: 24px; }
/*Mailchimp*/
.container_mailchimp { background: #dfa750; text-align: center; padding: 40px 0 16px 0; }
.container_mailchimp h2,
.container_mailchimp label { color: #fff; }
.container_mailchimp input[type="email"] { max-width: 600px; }
.container_mailchimp input[type="submit"] { border: 3px solid #fff; margin-right: 0; }
.container_mailchimp .response { display: inline-block; padding: 8px; border-radius: 5px; margin-bottom: 16px; font-size: 0.8em; font-weight: bold; }
.container_mailchimp #mce-error-response { color: red; background: white; border: 2px solid red; }
.container_mailchimp #mce-error-response a,
.container_mailchimp #mce-error-response a:hover { color: red !important; text-decoration: underline; }
.container_mailchimp #mce-success-response { color: green; background: white; border: 2px solid green; }
.container_mailchimp #mce-success-response a,
.container_mailchimp #mce-success-response a:hover { color: green !important; text-decoration: underline; }
/*Mailchimp Popup*/
.ms_popup_mailchimp { position: fixed; top: 0; bottom: 0; background: #000000a1; left: 0; right: 0; z-index: 10000; display: none; justify-content: center; align-items: center; padding: 32px; }
.ms_popup_mailchimp .ms_popup_container { max-width: 480px; position: relative; }
.ms_popup_mailchimp .ms_popup_container span { position: absolute; top: -12px; right: -12px; }
.ms_popup_mailchimp .ms_popup_container span:hover { cursor: pointer; }
.ms_popup_mailchimp .ms_popup_container span svg { stroke: #dfa751; fill: #fff; width: 40px; height: 40px; }

/*----Pagina San Valentino----*/
/*Divisore e Titolo*/
.san_valentino_divider { height: 32px; margin: 0; border-top: 0; }
.san_valentino_title { text-align: center; }
/*Countdown*/
.san_valentino_countdown { max-width: 560px; margin: 0 auto; }
.san_valentino_countdown #countdown_ended { display: none; }
.san_valentino_countdown #countdown_ended p { text-align: center; font-size: 1.1em; }
.san_valentino_countdown ul { list-style: none; padding-left: 0; display: flex; justify-content: space-between; }
.san_valentino_countdown ul li { margin-left: 0; margin-bottom: 0; text-align: center; display: flex; flex-direction: column; align-items: center; font-size: 1.8em; }
.san_valentino_countdown ul li span { height: 80px; width: 80px; border: 2px solid #e3ac5c; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.6em; }
/*Banner*/
.banner_link:hover { color: unset !important; }
/*Banner (Standard)*/
.banner_san_valentino { display: flex; justify-content: space-between; background: #f7f7f7; }
.banner_san_valentino .sx { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 60px 40px; }
.banner_san_valentino .sx h2 { font-size: 1.6em; }
.banner_san_valentino .sx p { font-size: 1.2em; max-width: 420px; margin-bottom: 16px; }
.banner_san_valentino .sx button { color: #000; background: #dfa750; }
.banner_san_valentino .dx { width: 50%; background-size: cover; background-position: center center; }
/*Banner (NO CTA)*/
.banner_san_valentino.noCTA { background: #BC1212; }
.banner_san_valentino.noCTA h2,
.banner_san_valentino.noCTA p { color: #fff; }
.banner_san_valentino.noCTA button { background: #fff !important; }
/*Banner (Immagine quadrata)*/
.banner_san_valentino.square-left { justify-content: unset; }
.banner_san_valentino.square-left .dx,
.banner_san_valentino.square-right .dx { width: 30%; min-width: 230px; }

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    /*----Generali----*/
    .newCTA button { font-size: .8em; }
    .whatsapp_icon { max-width: 52px; bottom: 18px; right: 18px; }
    /*----Hero----*/
    .ms_hero { flex-direction: column-reverse; margin-top: -108px; }
    .ms_hero .sx,
    .ms_hero .dx { background-position: unset; width: 100%; height: 50vh; display: flex; align-items: center; text-align: center; }
    .ms_hero .sx .ms_hero_content { padding: 0 24px; margin-left: unset; }
    .ms_hero .sx .ms_hero_content h1 { font-size: 2em; }
    .ms_hero .sx .ms_hero_content p { font-size: 1em; }
    /*Focus*/
    .ms_focus { flex-direction: column; gap: 32px; }
    /*Trustpilot*/
    .container_trustpilot .container_image_trustpilot { flex-direction: column; }
    .container_trustpilot .container_image_trustpilot .single_image_trustpilot { max-width: 100%; }
    .container_trustpilot .container_image_trustpilot .single_image_trustpilot img { margin-bottom: 8px; }

    /*----Pagina San Valentino----*/
    .san_valentino_divider { height: 16px; }
    /*Countdown*/
    .san_valentino_countdown { max-width: 320px; }
    .san_valentino_countdown ul li { font-size: 1.2em; }
    .san_valentino_countdown ul li span { height: 40px; width: 40px; font-size: 1em; }
    /*Banner*/
    .banner_san_valentino { position: relative; }
    .banner_san_valentino .dx { width: 100%; height: 230px; }
    .banner_san_valentino .dx:after { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .4; z-index: 0; }
    .banner_san_valentino .sx { width: 100%; padding: 16px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; }
    .banner_san_valentino .sx h2 { font-size: 1.2em; color: #fff; }
    .banner_san_valentino .sx p { font-size: 1em;  color: #fff; }
    .banner_san_valentino .sx button { font-size: .8em; }
    /*Banner (Immagine quadrata)*/
    .banner_san_valentino.square-left .dx, 
    .banner_san_valentino.square-right .dx { width: 100%; min-width: unset; }
}