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



.custom-header {
    position: relative;
    background: #003b46;
}

strong{
    font-weight: 600;
}

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


.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: #07575bcf !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 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,
.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: #07575bcf !important;
    background: #222;
}

.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: #07575bcf !important;

}

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

.colors-dark .main-navigation li li:hover,
.colors-dark .main-navigation li li.focus {
    background: #07575b !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: #07575bcf !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: #07575bcf !important;
}

.panel-image {
    height: 100vh;
    max-height: 250px;
}
@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: #003b46 !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: 70px;
}

.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: 100%;
    }

    .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;
    }

    .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: calc(50% - 10px);
    }
    
}




html,
body {
    overflow-x: clip;
}