/*!
Theme Name: pastarummo
Version: 1.0.0
Author: Antonio Riviezzo || SUD.agency
Author URI: https://sud.agency/
*/

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

    header.site-header,
    div#page {
        width: 1140px;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

    header.site-header,
    div#page {
        width: 960px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    body {
        padding-top: 100px;
    }

    header.site-header,
    div#page,
    .SectionRummo.SectionMetodo {
        width: 100% !important;
    }

    header.site-header {
        left: 0px;
    }

    .site-branding img {
        max-width: 140px;
    }

    header.site-header.affix .site-branding img {
        max-width: 100px;
    }

    #responsive-menu-container {
        background-size: contain !important;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fbf8e9;
    }

    ul#responsive-menu > li {
        border-bottom: 1px solid #4f3c2d;
    }

    button.menu-toggle,
    .WrapSwitch {
        right: 10px;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        line-height: 35px !important;
        height: 35px !important;
        font-size: 26px !important;
    }

    ul.responsive-menu-submenu > li > a {
        font-size: 20px !important;
    }

    div#page {
        padding: 0 20px;
    }

    .wp-block-column {
        margin: 0 0 25px 0 !important;
        width: 100%;
        padding: 30px 20px;
    }

    .wp-block-column:last-child {
        margin-bottom: 0 !important;
    }

    .SectionRummo h2.SectionTitle {
        font-size: 1.6em;
    }

    .SectionRummo h3,
    .site-footer h3 {
        font-size: 1.4em;
    }

    .SectionRummo.SectionFirst,
    .SectionRummo.SectionLast {
        margin-bottom: 85px;
    }

    .SectionRummo.SectionFirst:after,
    .SectionRummo.SectionLast:after {
        width: 150px;
        margin-top: 37px;
        margin-left: -75px;
    }

    .SectionRummo.SectionPage {
        padding: 30px !important;
    }

    .SectionRummo p {
        margin-top: 0;
    }

    .SectionRummo p,
    .SectionRummo ul {
        font-size: 14px;
    }


    .wp-block-button__link {
        font-size: 1.2em;
    }

    .SectionRummo.SectionVideo .uagb-section__inner-wrap {
        background: #fef8ec;
        padding: 15px !important;
    }

    /*FOOTER*/

    #menu-footer > li > a {
        font-size: 22px;
    }

    .socials-list ul > li > a > svg {
        width: 40px;
        height: 40px;
    }

    .site-footer p {
        font-size: 14px;
    }

    /*HOME*/
    .wp-image-2603 {
        width: 220px;
        margin-top: 20px;
    }

    #slide_home .owl-item .sa_hover_container {
        min-height: 350px !important;
    }


    .SectionRummo.SectionHome.SectionSlide .SectionRummo h3 {
        font-size: 1.3em;
        padding: 0 10px;
    }

    .SectionRummo.SectionHome.SectionSlide .SectionRummo h3::after {
       display: none;
    }

    .SectionRummo.SectionHome.SectionSlide .SectionRummo p {
        display: none;
    }

    .SectionRummo.SectionHome.SectionSlide .wp-block-button {
        font-size: 1em; 
        bottom: 20px;
    }
    
    .SectionRummo.SectionHome.SectionSlide .owl-dots {
         bottom: 5px;
    }

    /*PAGE*/
    .IntroSection {
        top: 15px;
    }

    h1.PageTitle {
        font-size: 35px;
        letter-spacing: 1.5px;
        line-height: 1.1em;
        margin-top: 0px;
    }

    h4.SubTitle {
        font-size: 18px;
        letter-spacing: 0.6px;
        padding-top: 12px;
        margin: 0
    }

    h4.SubTitle p {
        margin: 0;
    }

    .IntroSection h1.PageTitle,
    .IntroSection h4.SubTitle {
        /*text-shadow: 1px 1px #4f3c2d;*/
    }

    /*MODAL*/
    .modal-content {
        width: 85%;
    }

    /*PAGINA METODO*/
    .post-235 .entry-content,
    .post-4065 .entry-content {
        overflow: hidden;
    }

    .SectionRummo.SectionMetodo {
        padding: 30px 20px !important;
    }

    .SectionRummo.SectionMetodo:after {
        margin-left: 0;
    }

    .WrapFaseMetodo h3 {
        font-size: 1em;
    }

    .WrapFaseMetodo h4 {
        margin: 18px 0 0;
        font-size: 16px;
    }

    .WrapFaseMetodo figure img {
        max-width: 100%;
        max-height: 100%;
        margin-top: 20px;
    }

    .SectionRummo.SectionMetodo.SectionLast .WrapFaseMetodo h2 {
        font-size: 32px;
    }

    /*STORIA*/
    .SectionRummo.SectionStoria.SectionFirst h2,
    .SectionRummo.SectionStoria.SectionFirst h2 p {
        font-size: 35.2px;

    }

    .SectionRummo.SectionStoria .wp-block-column h3 {
        padding-top: 20px;
        margin-bottom: 30px;
    }

    .SectionRummo.SectionStoria .wp-block-column h3:after {
        margin-top: 20px;
    }

    .SectionRummo.SectionStoria .wp-block-column p {
        padding: 0 20px 20px;
        font-size: 14px;
    }

    /*PASTE*/
    .SectionRummo.SectionStoria.SectionFirst {
        margin-bottom: 85px;
    }

    .ListSubCategories li {
        flex-basis: 100%;
    }

    .cat-item a {
        padding-top: 75%;
    }

    .WrapSubCategory .white,
    .SliderSubCategory {
        display: none !important;
    }

    .WrapIntroSubCategory {
        background: #fef8ec !important;
        min-height: auto !important;
        padding: 30px 20px;
    }

    .IntroSubCategory {
        width: 100%;
    }

    .IntroSubCategory h1.PageTitle {
        font-size: 35.2px;
    }

    .IntroSubCategory h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .IntroSubCategory h4 p {
        margin-bottom: 0;
    }

    .WrapSubCategory .has-3-columns .ItemsRicetta {
        flex-basis: 100% !important;
    }

    .WrapItemPasta {
        position: relative;
        padding-top: 430px;
    }

    .WrapItemPasta .wp-block-columns {
        flex-flow: column-reverse;
    }

    .WrapItemPasta .wp-block-column {
        padding: 30px 0 20px;
        margin-bottom: 0 !important;
    }

    .WrapItemPasta h1 {
        font-size: 35.2px;
    }

    .WrapItemPasta .entry-content {
        font-size: 16px;
    }

    .WrapItemPasta .entry-content p {
        margin-bottom: 60px;
    }

    .TimeCottura h4 {
        font-size: 18px;
    }

    .TimeCottura h4 strong {
        font-size: 40px;
    }

    .InfoPasta {
        font-size: 18px;
        padding: 0 10px;
    }

    .BlockImg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px 0;
        background: #fff9ed;
    }

    .BlockRicette {
        padding: 20px 0 0;
    }

    .BlockRicette .wp-block-button__link {
        font-size: 18px;
    }

    ul.wpc-filters-ul-list {
        flex-flow: column;
        justify-content: center;
        padding: 20px 20px 10px !important
    }

    ul.wpc-filters-ul-list li.wpc-radio-item {
        font-size: 1em;
        width: 100%;
        padding: 0 20px !important;
        border-right: none !important;
        border-bottom: 1px solid #4f3c2d;
    }

    ul.wpc-filters-ul-list li.wpc-radio-item:first-child {
        padding: 0 20px !important;
    }

    ul.wpc-filters-ul-list li.wpc-radio-item label {
        padding: 0;
        justify-content: center;
        width: 100%;
    }

    .wpc-term-item-content-wrapper {
        padding-bottom: 10px;
    }

    /*RICETTA*/
    .ItemsRicetta {
        padding-top: 20px;
        flex: 0 0 100% !important;
    }

    .ThumbRicetta,
    .InfoRicetta {
        padding: 0 !important;
    }

    .wp-block-embed__wrapper {
        position: relative;
        overflow: hidden;
        padding-top: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .wp-block-embed__wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .post.category-ricette h3 {
        font-size: 1.4em;
    }

    .post.category-ricette p {
        font-size: 14px;
    }

    /*STORE LOCATOR*/
    .SectionRummo.SectionStoreLocator.SectionFirst h2 {
        font-size: 35.2px;
    }

    .SectionRummo.SectionStoreLocator.SectionFirst {
        margin-bottom: 85px;
    }

    .mmp-main-wrap {
        flex-flow: column;
    }

    .maps-marker-pro .mmp-map-wrap {
        flex-basis: 100%;
        margin-left: 0;
        padding: 20px;
        margin-bottom: 20px;
    }

    .maps-marker-pro .mmp-map {
        min-height: 300px;
        height: 100% !important;
    }

    .maps-marker-pro .mmp-list-below {
        flex-basis: 100%;
        margin-right: 0;
        padding: 20px;
    }

    .mmp-list-header {
        top: -70px;
    }

    .maps-marker-pro .mmp-list-nav button {
        margin: 0 5px !important;
    }

    .maps-marker-pro .mmp-list-footer {
        font-size: 10px !important;
    }

    /*LAVORA CON NOI*/
    #post-3260 .SectionRummo.SectionContatti.SectionLast,
    #post-4063 .SectionRummo.SectionContatti.SectionLast {
        padding: 40px 25px !important;
        text-align: center;
    }

    #post-3260 .SectionRummo.SectionContatti.SectionLast a. #post-4063 .SectionRummo.SectionContatti.SectionLast a {
        font-size: 16px;
    }

    /*CONTATTI*/
    .SectionRummo.SectionContact.SectionFirst {
        margin-bottom: 85px;
    }

    .SectionRummo.SectionContact.SectionFirst h2 {
        font-size: 35.2px;
    }

    .SectionRummo.SectionContact p {
        font-size: 14px;
    }

    .page-id-2146 .site-footer,
    .page-id-4076 .site-footer {
        margin-top: -35px;
    }

    .SwitchLanguage .wp-block-columns .wp-block-column {
        flex: 1 0 100% !important;
    }

    /*FIX RUSSO*/
    #Version-ru .WrapSwitch .menu > li.menu-item > a {
        font-size: 18px;
    }

    #Version-ru h1.PageTitle {
        font-size: 28px !important;
        margin-top: 30px;
    }

    #Version-ru .SectionRummo h2.SectionTitle {
        font-size: 26px;
    }

    #Version-ru .SectionRummo p,
    #Version-ru .SectionRummo ul {
        font-size: 20px;
    }

    #Version-ru .WrapFaseMetodo h2,
    #Version-ru .SectionRummo h3,
    #Version-ru .site-footer h3 {
        font-size: 24px;
    }

    #Version-ru .site-footer ul.menu > li > a {
        font-size: 18px;
        letter-spacing: 0;
    }

    #Version-ru .SectionRummo.SectionStoria.SectionFirst h2,
    #Version-ru .SectionRummo.SectionStoria.SectionFirst h2 p,
    #Version-ru .SectionRummo.SectionContact.SectionFirst h2 {
        font-size: 22px !important;
        margin-top: 30px
    }

    #Version-ru .IntroSection {
        top: 30px;
    }

    #Version-ru.page-id-8438 #page {
        overflow: hidden;
    }

    #Version-ru .WrapItemPasta h1 {
        font-size: 28px !important;
    }

    #Version-ru .InfoPasta h5 {
        font-size: 12px
    }

    #Version-ru .SectionRummo.SectionStoria p {
        padding: 12px 30px 30px !important;
    }

    #Version-ru .WrapFree h4 {
        font-size: 18px !important;
    }

    #Version-ru .WrapFree p {
        font-size: 28px !important;
        margin: -30px 0 0 15px !important;
        width: 100%;
    }


}