/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


title {max-width: 1000px !important;}
.elenco-feature {border-bottom: 1px solid #d8d8d8 !important; padding: 5px 0 5px 0 !important;}
.elenco-feature-last {padding: 5px 0 5px 0 !important;}
.text-feature {font-size: 16px !important;}
.box-text-partner {
    font-size: .9em;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    position: relative;
    width: 100%;
}
a.is-outline {
    color: #fff !important;
}

footer.entry-meta { display: none !important;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}


/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {

    .off-canvas-center .mfp-content {
        padding-top: 0px !important;
    }
    .mfp-container:before {
        height: 0% !important;
    }
    .mobile-sidebar .html_topbar_left, .mobile-sidebar .html_topbar_right {
        width: 110% !important;
    }
    a.button-personalArea, a.button-chatNow {
        display: inline-grid !important;
    }
    a.button-login {
        width: 100% !important;
        text-align: center !important;
        display: block;
    }
    .area-personale-menu .close {
        position: absolute;
        right: 12px;
        top: -16px;
        text-transform: uppercase;
        display: block !important;
    }
    .area-personale-menu .close .material-symbols-outlined {
        position: relative;
        top: 6px;
    }
    #shelter_mobile_menu {
        display: block;
        text-align: center;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 90px;
        z-index: 99;
    }
    #shelter_mobile_menu .button-personalArea, #shelter_mobile_menu .button-chatNow {
        border-radius: 0px;
        height: 80px;
        width: 100%;
        padding-top: 12px !important;
        line-height: 18px;
    }
    #shelter_mobile_menu .button-personalArea {
        border-right: solid #fff;
    }
    .shelter-area-personale .favorites-list li {
        width: 100% !important;
    }
    #shelter-menu-area-personale {
        background: #f3f3f3;
        text-align: right;
        padding: 10px 20px;
    }
    #shelter-area-personale .close, #shelter-area-personale .open {
        color: #334862;
    }
    #shelter-menu-area-personale .material-symbols-outlined {
        position: relative;
        top: 7px;
    }
    .shelter-area-personale .website-online {
        margin-bottom:40px !important;
    }
    .chart-gauge {
        width: 100% !important;
    }
}

/* Colori */
.lightblue { color: #2580C3; }
.purple { color: #5553A5; } 
.darkpink { color: #941B80; }


/* Bottoni */
.button.primary {
    background-image: linear-gradient(to right, #2580C3 , #5553A5, #941B80);
}
.black-wide-button {
    background: #000;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 10px;
    width: 100%;
    display: block;
    text-align: center;
}
.black-wide-button:hover {
    color: #fff;
}

/* H */
h1, h2 { 
    font-size: 40px;
    line-height: 40px;
}
h3 { 
    font-size: 32px;
    line-height: 46px;
}

p {
    font-size: 18px;
}

.nav-dropdown.nav-dropdown-default>li>a {
    font-weight: 700;
    text-transform: uppercase;
}

.has-dropdown .nav-top-link {
    cursor: default !important;
}

/* Background */
.gradient-1 {
  background-image: linear-gradient(to right, #2580C3 , #5553A5, #941B80);
}

/* Immagini */
.border-radius-20 img {
    border-radius: 20px !important;
}

/* Bottoni custom */
.button-personalArea {
    background: #2580C3;
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 5px 15px !important;
    border-radius: 10px;
    margin: 10px 0px;
}
.button-personalArea span { padding-right: 6px; }
.button-personalArea:hover { background: #1e679c; }

.button-bookCall {
    background-image: linear-gradient(to right, #2580C3 , #5553A5, #941B80);
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 5px 15px !important;
    border-radius: 10px;
    margin: 10px 0px;
}
.button-bookCall span { padding-right: 6px; }
.button-bookCall:hover { background-image: linear-gradient(to right, #941B80, #5553A5, #2580C3); }

.button-chatNow {
    background-image: linear-gradient(to right, #2580C3 , #5553A5, #941B80);
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 5px 15px !important;
    border-radius: 10px;
    margin: 10px 0px;
}
.button-chatNow span { padding-right: 6px; }
.button-chatNow:hover { background-image: linear-gradient(to right, #941B80, #5553A5, #2580C3); }

.button-login {
    background: #2580C3;
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 5px 15px !important;
    border-radius: 10px;
    margin: 10px 0px;
}
.button-login:hover { background-image: linear-gradient(to right, #941B80, #5553A5, #2580C3); }

/* Search */
.header-search-form {
    width: 100%;
}
.header-search-form .searchform .search-field, .is-form-style.is-form-style-3 input.is-search-input {
    border-radius: 99px 0px 0px 99px;
    height: 50px;
    padding: 0px 30px;
    font-size: 18px !important;
}
.header-search-form .searchform .submit-button {
    border-radius: 99px;
    height: 50px;
}
.is-form-style button.is-search-submit {
    height: 50px;
    border-radius: 0px 99px 99px 0px;
}
.is-form-id-280 .is-search-icon {
    border: solid 0px !important;
    width: 20px;
}

/* Link categorie */
.label {
    display: table-caption;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.label.mailchimp { background: #FFCC00; }

/* Articoli */
header .entry-header-text {
    text-align: left;
}
.entry-header-text.text-center {
    padding-left: 0px;
}

header .entry-category a, .shelter-last-post a {
    font-size: 14px;
    padding: 10px;
    margin-bottom: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 300;
}

header .entry-divider {
    display: none;
}
.article-inner .entry-image .post-date, .box-blog-post .post-date {
    display: none;
}
.shelter_author .name, .widget .widget-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.shelter_author .image {
    border-radius: 99px;
    width: 100px;
    margin: 20px 0px;
}
.shelter_author .description, .widget ul li a {
    font-size: 18px;
    line-height: 26px;
}
/*
.post-sidebar {
    padding-top: 206px !important;
}
*/
.box-blog-post .cat-label {
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 10px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    z-index:9;
}

.simplefavorite-button {
    margin-top: 30px;
    background: #9a9a9a;
    border-radius: 10px;
    color: #fff;
}
.simplefavorite-button.active {
    background-image: linear-gradient(to right, #2580C3 , #5553A5, #941B80);
    opacity: 1 !important;
    background-repeat: no-repeat;
}
.shelter_add_favorites, .shelter_added_favorites {
    background-image: url('images/icons/favorite.svg');
    -webkit-mask-image: url('images/icons/favorite.svg');
    mask-image: url('images/icons/favorite.svg');
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    top: 8px;
    position: relative;
    margin-right: 10px;
}
.shelter_add_favorites {
    background: #fff;
}
.shelter_added_favorites {
    background: #fff;
}

/* Area personale */
.area-personale-menu .close {
    display: none;
}
.shelter-area-personale .saluto {
    font-size: 22px;
    font-weight: bold;
}
.shelter-area-personale .saluto .nome {
    color: #2580c3;
}
.shelter-area-personale .icon-monitor-heart {
    position: relative;
    top: -12px;
}
.shelter-area-personale  .area-personale-contenuto {
    padding: 30px 0px !important;
}
.shelter-area-personale .website {
    margin: 25px 0px;
}
.shelter-area-personale .website-online {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 99px;
    background: #62C240;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px;
    margin-bottom: 20px;
}
.shelter-area-personale .website-offline {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 99px;
    background: red;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 4px;
}
.shelter-area-personale .area-personale-menu {
    background: #F3F3F3;
    font-size: 16px !important;
    padding: 30px 0px !important;
}
.shelter-area-personale .area-personale-menu img {
    width: 30px;
    margin-top: 20px;
    margin-right: 10px;
}
.shelter-area-personale .area-personale-menu .menu {
    padding: 10px 30px 14px 30px;
    margin:0px;
}
.shelter-area-personale .area-personale-menu .menu.active, .shelter-area-personale .area-personale-menu .menu:hover {
    font-weight: bold;
    background: #d5d5d5;
    cursor: pointer;
}
.shelter-area-personale .padding-contenuto {
    padding: 0px 30px !important;
}
.shelter-area-personale .padding-section {
    margin-top: 30px !important;
}
.shelter-area-personale .category-tutorial {
    display: inline-block;
    padding: 0px 10px;
}
.shelter-area-personale .category-tutorial a {
    color: #fff !important;
    text-transform: uppercase;
    padding:10px;
}
.shelter-area-personale .date {
    font-size: 14px;
}
.shelter-area-personale .favorites-list li {
    width: 33%;
    float: left;
    text-align: center;
}
.shelter-area-personale .video-preferiti .category {
    padding: 4px 10px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 10px;
}
.shelter-area-personale .favorites-list p a {
    font-weight: bold;
    color: #000;
}
.shelter-area-personale .video-preferiti .simplefavorite-button {
    margin-top: 0px !important;
}
.shelter-area-personale .shelter_thumb img {
    margin-bottom: 10px;
}
.area-personale-contenuto .shelter_icon_menu {
    font-size: 60px;
    position: relative;
    top: -8px;
}
.area-personale-contenuto .shelter_backup_link {
    margin-top: 30px;
    background-image: linear-gradient(to right, #2580C3 , #5553A5, #941B80);
    border-radius: 10px;
    color: #fff;
    padding: 10px 20px;
}
.area-personale-menu .shelter_icon_menu {
    font-size: 30px;
    margin-right: 10px;
    top: 10px;
    position: relative;
}
.diagnostica-errori {
    color: #ff0000;
}
.diagnostica-miglioramenti {
    color: #ff9900;
}
.diagnostica-marketing {
    color: #73a84f;
}


/* SEO Tester */
.chart-gauge {
  width: 400px;
  height: 200px;
  text-align: center;
  margin: 10px auto;
}
.chart-color1 {
  fill: #f44336;
}
.chart-color2 {
  fill: #ffa000;
}
.chart-color3 {
  fill: #4caf50;
}
.needle, .needle-center {
  fill: #464A4F;
}


/* Memberpress */
.mp-hide-pw .dashicons {
    top: -14px !important;
}
.no-membership {
    background: #ffc163;
    display: block;
    font-size: 16px;
    padding: 10px;
}