/*!
* Theme Name: 		   OceanWP Child
* Text Domain: 	   oceanwp
* Author:             BluLink
* Template: oceanwp
*/

body {
    font-family: Comfortaa;
}

#site-header.transparent-header {
    background-color: rgba(0, 0, 0, 0.35);
}

/* Padding header menu items */
#site-header.center-header #site-navigation-wrap .dropdown-menu > li > a { padding: 0 28px; }

/* Blog entries */
.blog-entry.grid-entry .blog-entry-header { margin: 20px 0 20px; }
.blog-entry.grid-entry .blog-entry-inner { text-align: center; }

/* Single post title */
.single-post h2.entry-title { text-align: center; margin: 0; }

body:not(.home) #site-navigation-wrap .dropdown-menu >li >a {
    color: #444 !important;
}

body:not(.home) .mobile-menu .hamburger-inner, body:not(.home) .mobile-menu .hamburger-inner::before, body:not(.home) .mobile-menu .hamburger-inner::after {
    background-color: #444 !important;
}

.home #site-logo #site-logo-inner a img {
    filter: grayscale(1) brightness(10);
}

.page-header-title {
    line-height: 2.7em !important;
}

.page-header {
    background-color: #002249 !important;
}

#text-5 a:hover {
    color: #6EC1E4 !important;
}

.custom-menu-widget .oceanwp-custom-menu>ul>li,
#footer-widgets .social-widget li a {
    border-color: rgba(255,255,255,0.1);
}

.footer-widget #menu-menu a:hover {
    color: #6EC1E4 !important;
}

.page-header {
    display: none !important;
}

.elementor-widget-heading .elementor-heading-title {
    color: #E6007E;
}

.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor {
    font-family: Comfortaa !important;
}

body.page {
    font-size: 16px;
}

#footer-widgets {
    padding: 60px 0 50px;
}

.sidr-class-close-text {
    display: none;
}

.hamburger {
    padding-right: 20px;
}

#pojo-a11y-toolbar {
    top: 140px !important;
}

@media  all and (max-width: 960px) {
    #site-logo #site-logo-inner {
        height: 70px !important;
    }

    .oceanwp-mobile-menu-icon a {
        line-height: 70px !important;
    }

    #footer-widgets {
        text-align: center;
    }

    .footer-box img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
    }

    #site-header #site-logo #site-logo-inner a img {
        max-height: 47px !important;
    }
}

@media  all and (max-width: 768px) {
    h1, h1 span {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    h2, h2 span {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    .elementor-widget-container {
        margin-left: 2vw !important;
        margin-right: 2vw !important;
    }

    #pojo-a11y-toolbar {
        top: 100px !important;
    }

    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        transform: scale(0.7);
        transform-origin: left;
    }
}

@media  all and (max-width: 500px) {
    h1, h1 span {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    h2, h2 span,
    h3, h3 span{
        font-size: 16px !important;
    }

    #site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-height: 47px !important;
    }
}
