/* Theme Name:   Twenty Seventeen Child
Theme URI:        https://b2bvalutazioni.it/twenty-seventeen-child/
Description:  Twenty Seventeen Theme
Template:         twentyseventeen
Version:          1.0.0
Text Domain:  twentyseventeen
  */



.custom-header {
    position: relative;
    background: linear-gradient(90deg, rgba(40, 58, 78, 1) 0%, rgba(31, 43, 57, 1) 50%) !important;
}

strong {
    font-weight: 600;
}

body.colors-dark,
.colors-dark .site-content-contain {
    background: rgb(40, 58, 78);
    background: linear-gradient(90deg, rgba(40, 58, 78, 1) 0%, rgba(31, 43, 57, 1) 50%) !important;
}

/* body {
    background: rgb(40, 58, 78);
    background: linear-gradient(90deg, rgba(40, 58, 78, 1) 0%, rgba(31, 43, 57, 1) 50%) !important;
} */

.colors-dark .navigation-top {
    /* background: rgb(40, 58, 78) !important; */
    background: linear-gradient(90deg, rgba(40, 58, 78, 1) 0%, rgba(31, 43, 57, 1) 50%) !important;
}

.colors-dark .main-navigation #top-menu {
    background: transparent !important;
}

.sub-menu {
    background: rgb(40, 58, 78) !important;
}

.colors-dark .single-featured-image-header,
.colors-dark .navigation-top,
.colors-dark .main-navigation li,
.colors-dark .entry-footer,
.colors-dark #comments {
    border-bottom-color: transparent !important;
}

.colors-dark .navigation-top,
.colors-dark .main-navigation>div>ul,
.colors-dark .pagination,
.colors-dark .comment-navigation,
.colors-dark .entry-footer,
.colors-dark .site-footer {
    border-top-color: #334b66 !important;
}

/* body.colors-dark,
.colors-dark .site-content-contain,
.colors-dark .navigation-top,
.colors-dark .main-navigation ul {
    background: #003b46 !important;
} */

.main-navigation a {
    padding: 1em 1.25em;
    color: #fff !important;
}



.colors-dark button.secondary,
.colors-dark input[type="reset"],
.colors-dark input[type="button"].secondary,
.colors-dark input[type="reset"].secondary,
.colors-dark input[type="submit"].secondary,
.colors-dark a,
.colors-dark .site-title,
.colors-dark .site-title a,
.colors-dark .navigation-top a,
.colors-dark .dropdown-toggle,
.colors-dark .menu-toggle,
.colors-dark .page .panel-content .entry-title,
.colors-dark .page-title,
.colors-dark.page:not(.twentyseventeen-front-page) .entry-title,
.colors-dark .page-links a .page-number,
.colors-dark .comment-metadata a.comment-edit-link,
.colors-dark .comment-reply-link .icon,
.colors-dark h2.widget-title,
.colors-dark mark,
.colors-dark .post-navigation a:focus .icon,
.colors-dark .post-navigation a:hover .icon,
.colors-dark.blog .entry-meta a.post-edit-link,
.colors-dark.archive .entry-meta a.post-edit-link,
.colors-dark.search .entry-meta a.post-edit-link,
.colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link {
    color: #c4dfe6 !important;
}

.colors-dark .cli-bar-btn_container>a.medium.cli_settings_button {
    color: rgb(51, 51, 51) !important;
}

.colors-dark .cli-bar-btn_container>a.wt-cli-accept-all-btn {
    color: #fff !important;
}

.colors-dark .main-navigation ul ul {
    border-color: #334b66 !important;
    background: #222;
}


.colors-dark .main-navigation ul.sub-menu{
    max-height: 300px;
    overflow-y: scroll;
}


.colors-dark .main-navigation ul.sub-menu::-webkit-scrollbar-track {
	background: #F1F7F4;

}

.colors-dark .main-navigation ul.sub-menu::-webkit-scrollbar-thumb {
	background-color: #334b66;
}

.colors-dark .main-navigation ul.sub-menu::-webkit-scrollbar {
	width: 7px;
}


.site-description {

    color: #c4dfe6 !important;
    ;
}


.colors-dark .main-navigation ul li.menu-item-has-children:before,
.colors-dark .main-navigation ul li.page_item_has_children:before {
    border-bottom-color: #334b66 !important;

}

.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
    border-bottom-color: #334b66 !important;
}

.colors-dark .main-navigation li li:hover,
.colors-dark .main-navigation li li.focus {
    background: #334b66 !important;
}

.site-branding {
    padding: 1em 0;
}


.colors-dark .single-featured-image-header,
.colors-dark .navigation-top,
.colors-dark .main-navigation li,
.colors-dark .entry-footer,
.colors-dark #comments {
    border-bottom-color: #334b66 !important;
}


.colors-dark :not(.mejs-button)>button:hover,
.colors-dark :not(.mejs-button)>button:focus,
.colors-dark input[type="button"]:hover,
.colors-dark input[type="button"]:focus,
.colors-dark input[type="submit"]:hover,
.colors-dark input[type="submit"]:focus,
.colors-dark .prev.page-numbers:focus,
.colors-dark .prev.page-numbers:hover,
.colors-dark .next.page-numbers:focus,
.colors-dark .next.page-numbers:hover,
.colors-dark .entry-footer .edit-link a.post-edit-link:focus,
.colors-dark .entry-footer .edit-link a.post-edit-link:hover {
    background: #334b66 !important;
}

.panel-image {
    height: 100vh;
    max-height: 250px;
}


.my-custom-header .custom-wrap {
    flex-wrap: wrap !important;
}


@media(min-width: 1600px) {
    .panel-image {

        max-height: 450px;
    }

}

.panel-content .wrap {
    padding-bottom: 3em;
    padding-top: 3em;
}


#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
    color: #f0f0f1 !important;
}


.colors-dark .site-header,
.colors-dark .single-featured-image-header {
    background-color: #334b66 !important;
}


.wrap.footer-wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 70px;
    align-items: start;
    padding-bottom: 50px !important;
}


.wrap.footer-wrap .footer-logo img {
    width: 150px;
    /* height: auto;
    aspect-ratio: 1 / 1; */
    max-height: max-content;
    object-fit: contain;
}

.wrap.footer-wrap .footer-logo a {
    padding: 0;
}

.wrap.footer-wrap .widget-area {
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    gap: 0px;
}

.wrap.footer-wrap .widget-area::before {
    content: none !important;
}

.wrap.footer-wrap .widget-area::after {
    content: none !important;
}




.single-featured-image-header img {
    max-height: 350px;
    object-fit: cover;
}

.footer-menu.mobile-menu {
    display: none;
}




@media(max-width: 768px) {
    .panel-image {
        height: 100vh;
        max-height: 200px;
    }

    .single-featured-image-header img {
        max-height: 200px;
        object-fit: cover;
    }

    .wrap.footer-wrap {
        gap: 20px;
        padding-bottom: 30px !important;
    }

    .wrap.footer-wrap .widget-area {
        /* gap: 20px; */
        width: calc(50% - 10px);
    }

    .panel-content .entry-header {
        margin-bottom: 3em;
    }



    .my-custom-header .site-branding-text {
        max-width: 75% !important;
    }

    .custom-wrap {
        display: flex;
    }


    .wrap {

        padding-left: 1em;
        padding-right: 1em;
    }

    .custom-logo-link img {
        display: inline-block;
        max-height: 70px;
        width: auto;
    }

.wrap.footer-wrap .footer-logo img{
    width: 140px;
}

    .panel-image {

        background-position: top;
    }

    .footer-menu.deskstop-menu {
        display: none;
    }

    .footer-logo {
        width: calc(50% - 10px);
    }

    .footer-menu.mobile-menu {
        display: block;
        width: calc(50% - 10px);
    }

    .widget-column {
        max-width: 100%;
    }

}


@media(max-width: 567px) {
    .wrap.footer-wrap {
        gap: 20px;
        justify-content: space-between;
    }

    .wrap.footer-wrap .footer-logo img {
    width: 120px;
}
.colors-dark .main-navigation ul.sub-menu {
    padding: 10px 15px;
}
}



html,
body {
    overflow-x: clip;
}



.archive-comments.in-archive article {
    width: 100% !important;
    padding-bottom: 1em;
}

.archive-comments.in-archive article .reply a {
    font-size: 18px;
    position: relative;
    animation: glow 1.5s infinite alternate;
    box-shadow: none;
}



.comment-block
.colors-dark input[type="text"]:focus,
.colors-dark input[type="email"]:focus,
.colors-dark input[type="url"]:focus,
.colors-dark input[type="password"]:focus,
.colors-dark input[type="search"]:focus,
.colors-dark input[type="number"]:focus,
.colors-dark input[type="tel"]:focus,
.colors-dark input[type="range"]:focus,
.colors-dark input[type="date"]:focus,
.colors-dark input[type="month"]:focus,
.colors-dark input[type="week"]:focus,
.colors-dark input[type="time"]:focus,
.colors-dark input[type="datetime"]:focus,
.colors-dark input[type="datetime-local"]:focus,
.colors-dark input[type="color"]:focus,
.colors-dark textarea:focus {
    color: #000 !important;
}

#comment {
    background: #cfdee1 !important;
    color: #000 !important;
}


@keyframes glow {
    0% {
        filter: drop-shadow(0px 0px 5px rgba(0, 180, 216, 0.3));
    }

    50% {
        filter: drop-shadow(0px 0px 10px rgba(0, 180, 216, 0.5));
    }

    100% {
        filter: drop-shadow(0px 0px 5px rgba(0, 180, 216, 0.3));
    }
}


.open-comments {
    margin-bottom: 40px;
    padding: 10px 15px;
}

.open-comments:hover {
    color: #fff;
}

.comment-body {
margin-bottom: 20px !important;
}

dialog {
    background: #334b66 ;
    border: none;
    padding: 30px;
}

dialog>button {
    padding: 0;
    background: none !important;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0;
}

dialog>button:hover {
    background: none !important;
}

dialog .comment-notes{
    color: #fff;
}

dialog .logged-in-as{
    color: #fff;
}
dialog::backdrop {
    backdrop-filter: blur(2px);
    background: #cfdee12e;
}

@media(max-width: 998px) {
    .archive-comments.in-archive article .comment-content p {
        max-width: 80%;
    }

}