html,
body {
    /*background-color: #000000!important;*/
}

.container-md {
    /*background-color: #000000!important;*/
}

.fs-7 {
    font-size: 0.8rem !important;
}

.navbar-shadow {
    box-shadow: 0px 0px 4px #444 !important; 
}

.f-viaoda-libre {
    font-family: 'Viaoda Libre', cursive;
}

.f-alegreya-sans {
    font-family: "Alegreya Sans", sans-serif;
}

.bg-blue-mol {
    background-color: #00579d;
    opacity: 0.78;
}

.bg-blue-mol:hover {
    background-color: #003864;
    opacity: 0.78;
}

.border-blue-mol {
    border-color: #337ab7;
}

.text-blue-mol-dark {
    color: #00579d;
}

.text-blue-mol:focus,
.text-blue-mol:visited,
.text-blue-mol {
    color: #337ab7;
}

a.text-blue-mol:hover {
    color: #142d44;
}

.text-brown-mol {
    color: #805229;
}

a.text-brown-mol:hover  {
    color: #51341a;
}

.border-brown-mol {
    border-color: #805229!important;
}

.box-shadow-1px {
    box-shadow: 1px 1px 3px #C8C8C8;
}

.image-shadow-1px {
    box-shadow: 1px 1px 4px #6F6F6F;
}

#banner-logo > #banner-logo-desktop {
    max-height: 110px;
}

#banner-logo > #banner-logo-mobile {

}

#banner-logo > #banner-logo-mobile > #banner-logo-mobile-banner {
    max-height: 110px;
}

#banner-logo > #banner-logo-mobile > #banner-logo-mobile-banner {
    box-shadow: -1px -1px 1px 0 #dedede;
    background-color: #fbfbfb;
}

#banner-logo > #banner-logo-desktop > #banner-logo-desktop-banner-left > img,
#banner-logo > #banner-logo-desktop > #banner-logo-desktop-banner-right > img,
#banner-logo > #banner-logo-mobile > #banner-logo-mobile-banner > header-mobile-banner-left > img,
#banner-logo > #banner-logo-mobile > #banner-logo-movile-banner > header-mobile-banner-right > img {
    cursor: pointer;
}

#banner-logo > #banner-logo-desktop > #banner-logo-desktop-banner-left > img {
    float:left;
}

#banner-logo > #banner-logo-desktop > #banner-logo-desktop-banner-right > img {
    float:right;
}

#menutop > nav > div > button.navbar-toggler {
    box-shadow:0 0 0 0;
    background-color: #ffffff;
}

#menutop > nav > div > button.navbar-toggler:focus,
#menutop > nav > div > button.navbar-toggler:active,
#menutop > nav > div > button.navbar-toggler:hover {
    box-shadow:0 0 0 0;
    background-color: #00579d;
}

#menutop > nav > div > button.navbar-toggler > .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 87, 157, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#menutop > nav > div > button.navbar-toggler:focus > .navbar-toggler-icon,
#menutop > nav > div > button.navbar-toggler:active > .navbar-toggler-icon,
#menutop > nav > div > button.navbar-toggler:hover > .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#menutop > nav > div > div > ul > li {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

#menutop > nav > div > div > ul > li > a {
    font-family: 'Viaoda Libre', cursive;
    color: #337ab7;
    text-transform: uppercase;
    font-size: 1.25rem !important;
    white-space: nowrap;
}

#menutop > nav > div > div > ul > li > a:hover {
    color: #142d44;
}

#menutop > nav > div > #navbarPrimaryMenu > ul#menu-right > li > a.right-categories {
    background-color: #00579d;
    font-family: "Alegreya Sans", sans-serif;
}

#menutop > nav > div > #navbarPrimaryMenu > ul#menu-right > li > ul#menu-categories {
        max-height: none !important; 
        overflow: visible !important; 
        column-count: 3;
        column-gap: 20px; 
        min-width: 500px;
    	margin-left: -450px;
    	margin-top: 15px;
    	box-shadow: 0px 0px 8px #777;
}

#menutop > nav > div > #navbarPrimaryMenu > ul#menu-right > li > ul#menu-categories > li {
        break-inside: avoid-column;
    }

#top-news > #top-news-left > .row > #blogdescription > h1 {
    font-family: 'Viaoda Libre', cursive;
}

#top-news > #top-news-right > .row > .rigth-news > p.title {
    font-family: 'Viaoda Libre', cursive;
    font-size: 13px;
    padding: 3px 0 0 0;
}

#top-news > #top-news-right > .row > .rigth-news > p.text {
    font-family: "Alegreya Sans", sans-serif;
    font-size: 13px;
    padding: 3px 0 0 0;
}

#content-left > article > .article_title,
#content-left > article > .article_title > a {
    font-family: 'Viaoda Libre', cursive;
}

#content-left > article > .text > p {
    font-family: "Alegreya Sans", sans-serif;
    color: #777;
    text-align: justify;
}

#content-left > article > .text > h2 {
    font-family: 'Viaoda Libre', cursive;
    color: #337ab7;
    text-transform: uppercase;
    font-size: 1.4rem;
}

#content-left > .mini-articles > article > h5 > a {
    font-family: "Alegreya Sans", sans-serif;
}

#content-left > .mini-articles > article > p {
    font-family: "Alegreya Sans", sans-serif;
    color: #777
}

#content-left > article > div.children-pages > ul.children-pages-list,
#content-left > div.suggestedcategories > ul.category {
    list-style: none;
    padding: 0px;
}

#content-left > article > div.children-pages > ul.children-pages-list > li > a {

}

#content-left > article > div.children-pages > ul.children-pages-list > li > a:focus,
#content-left > article > div.children-pages > ul.children-pages-list > li > a:visited,
#content-left > article > div.children-pages > ul.children-pages-list > li > a {
    font-family: "Alegreya Sans", sans-serif;
    color: #337ab7;
    text-decoration:none;
    font-size: 1.25rem;
    line-height: 3rem;
}

#content-left > article > div.children-pages > ul.children-pages-list > li > a:hover {
    color: #142d44;
}

#content-left > #pagination > #mol_paging_nav > div > .prev,
#content-left > #pagination > #mol_paging_nav > div > .page-numbers,
#content-left > #pagination > #mol_paging_nav > div > .next {
    font-family: "Alegreya Sans", sans-serif;
    font-size: 1.2rem;
    padding: 2px 4px 2px 4px;
    color: #337ab7;
    text-decoration: none;
    padding: 8px;
}

#content-left > #pagination > #mol_paging_nav > div > .prev:hover,
#content-left > #pagination > #mol_paging_nav > div > .page-numbers:hover,
#content-left > #pagination > #mol_paging_nav > div > .next:hover {
    color: #142d44;
}

#col1col2 > #col1col2-large > .row > .category {
    background-repeat: no-repeat;
    background-color: #fbfbfb;
    background-size: contain;
    height: 200px;
}

#col1col2 > #col1col2-large > .row > .category  > .row > .title {
    opacity: 0.78;
}

#col1col2 > #col1col2-large > .row > .category  > .row > .title > span {
    text-shadow: 1px 1px 1px #333;
}

#col1col2 > #col1col2-large > .row > .category  > .row > .title > span,
#col1col2 > #col1col2-large > .row > #videomare-quanto-bello > .title,
#col1col2 > #col1col2-large > .row > #vacanze-in-barca > .title,
#col1col2 > #col1col2-large > .row > #hotel-resort > .title,
#col1col2 > #col1col2-large > .row > #mi-manda-mareonline > .title,
#col1col2 > #col1col2-large > .row > #mi-manda-mareonline > .row > .text-title,
#col1col2 > #col1col2-large > .row > #il-guardaroba  > .title,
#col1col2 > #col1col2-large > .row > #la-cambusa  > .title,
#col1col2 > #col1col2-large > .row > #la-vacanza > .title,
#col1col2 > #col1col2-large > .row > #idee-per-stupire > .title,
#col1col2 > #col1col2-large > .row > #idee-per-stupire > .row > .text-title {
    font-family: 'Viaoda Libre', cursive;
}

#col1col2 > #col1col2-large > .row > .category  > .row > .mini-link {
    height: 50px;
}

#col1col2 > #col1col2-large > .row > #videomare-quanto-bello > .title-background,
#col1col2 > #col1col2-large > .row > #vacanze-in-barca > .title-background,
#col1col2 > #col1col2-large > .row > #hotel-resort > .title-background,
#col1col2 > #col1col2-large > .row > #la-cambusa,
#col1col2 > #col1col2-large > .row > #il-guardaroba,
#col1col2 > #col1col2-large > .row > #la-vacanza {
    background:
        radial-gradient(
        circle,
        rgba(152, 102, 14, 0.5) 0%,
        rgba(120, 80, 10, 0.6) 30%,
        rgba(100, 60, 5, 0.7) 60%,
        rgba(90, 50, 2, 0.8) 100%
        ),
        url(/wp-content/themes/mareonline4.0/assets/img/col1col2/wood-background.jpg);
    opacity: 0.9;
}

#col1col2 > #col1col2-large > .row > #vacanze-in-barca > .text,
#col1col2 > #col1col2-large > .row > #hotel-resort > .text {
    background-color: #fbfbfb;
}

#col1col2 > #col1col2-large > .row > #vacanze-in-barca > .text > .description > p,
#col1col2 > #col1col2-large > .row > #hotel-resort > .text > .description > p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0px;
}

#col1col2 > #col1col2-large > .row > .category  > .row > div > .row > .categoria {
    background-color: #ffffff;
    border: 1px solid #dedede;
    box-shadow: 1px 1px 3px #C8C8C8;
    margin: 2px 1%;
    opacity: 0.90;
    width: 48%;
    padding: 4px 0 4px 0;

}

#col1col2 > #col1col2-large > .row > .category  > .row > div > .row > .categoria > a {
    color: #555;
    text-decoration:none;
}

#col1col2 > #col1col2-large > .row > .category  > .row > div > .row > .categoria > a:hover {
    color: #555;
    text-decoration:underline;
}

#col1col2 > #col1col2-large > .row > .category  > .row > div > .row > .categoria > a,
#col1col2 > #col1col2-large > .row > #vacanze-in-barca > .text > .description > p,
#col1col2 > #col1col2-large > .row > #vacanze-in-barca > .text > .description > p > a,
#col1col2 > #col1col2-large > .row > #hotel-resort > .text > .description > p ,
#col1col2 > #col1col2-large > .row > #hotel-resort > .text > .description > p > a,
#col1col2 > #col1col2-large > .row > #mi-manda-mareonline > .row > div > .text-description
#col1col2 > #col1col2-large > .row > #la-cambusa > .text > .row > div > .row > div > p.title,
#col1col2 > #col1col2-large > .row > #il-guardaroba > .text > .row > div > .row > div > p.title,
#col1col2 > #col1col2-large > .row > #la-vacanza > .text > .row > div > .row > div > p.title,
#col1col2 > #col1col2-large > .row > #idee-per-stupire > .row > div > .text-description {
    font-family: "Alegreya Sans", sans-serif;
}

#col1col2 > #col1col2-large > .row > #mi-manda-mareonline,
#col1col2 > #col1col2-large > .row > #idee-per-stupire {
    background-color: #70cedd;
}

#col1col2 > #col1col2-large > .row > #idee-per-stupire > .row > div > .faro,
#col1col2 > #col1col2-large > .row > #mi-manda-mareonline > .row > div > .faro {
    background-image: url(/wp-content/themes/mareonline4.0/assets/img/col1col2/commercialbanners/faro-h-500.png);
    background-position: center;
    height: 260px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: bottom;
}

#col1col2 > #col1col2-large > .row > #sidebar-1 > .widget {
    background-color: #fbfbfb;
    box-shadow: 1px 1px 3px #C8C8C8;
    border-radius: var(--bs-border-radius) !important;
    padding: 10px 0 10px 0;
}

#col1col2 > #col1col2-large > .row > #sidebar-1 > .widget > .widget_title {
    text-align: center;
    display: block;
    padding: 5px;
    text-transform: uppercase;
    color: #805229;
    font-family: 'Viaoda Libre', cursive;
}

#footer {
    box-shadow: -1px -1px 1px #dedede;
    background-color: #fbfbfb;
}

#footer > div#footer-menu > ul > li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

#footer > div#footer-menu > ul > li > a {
    font-family: 'Viaoda Libre', cursive;
    text-transform: uppercase;
    text-decoration: none;
    color: #337ab7;
}

#footer > div#footer-menu > ul > li > a:hover {
    color: #142d44
}

#footer > #follow-us > #text,
#footer > #follow-us > #text > a,
#footer > #footer-text > #text,
#footer > #copyright > #text {
    font-family: "Alegreya Sans", sans-serif;
    font-size:14px;
}

/*
 * Modal
 */
 
.modal-backdrop.show {
    opacity: 0.8 !important; 
    background-color: #000 !important; 
}

#searchOverlay .modal-content {
    background-color: transparent; 
    border: none;
    box-shadow: none;
}

#searchOverlay .modal-body {
    padding: 0;
}

#searchOverlay .modal-header {
    padding: 20px;
    border: none;
    display: flex;
    justify-content: flex-end;
    width: auto;
}

#searchOverlay .btn-close {
    z-index: 1060; 
    filter: invert(1); 
    opacity: 1;
    font-size: 1.5rem; 
    margin: 0;
}

#searchOverlay .btn-close:active,
#searchOverlay .btn-close:focus,
#searchOverlay .btn-close:hover {
    box-shadow: 0 0 0 !important;
}