
/* Global */
/* Blog Single */
/* Blog Archive Page */
/* Responsive */
/* Akamaster */


/* Global
-------------------------------------------------------- */

.g-title {
    color: var(--blue-color);
    font-size: 34px;
    font-weight: 600;
}

@media (min-width: 1200px) { 
    .container {
        max-width: 1200px !important;
    }
}

/* Header
-------------------------------------------------------- */
@media (max-width: 767px) {
    .header_section {
        height: 110px !important;
    }
    .home_logo img {
        height: 75px !important;
    }
}

/* Home Page
-------------------------------------------------------- */

img.call {
    height: 85px;
    width: 85px;
    margin: 23px 0;
}

@media (max-width: 767px) {
   img.call {
        height: 65px;
        width: 65px;
        margin: 23px 0 10px 0;
    }
}

/* Blog Single
-------------------------------------------------------- */
.single-post article {
    border-bottom: 2px solid #e6e6e6;
}
.single-post .entry-footer {
    display: none;
}
.single-post header.entry-header.alignwide {
    padding-bottom: 1px !important;
}
.single-post {
    background: #fff !important;
}
figcaption.wp-caption-text {
    display: none;
}
.singular .entry-title {
    font-size: 35px !important;
    margin: 57px 0 -7px 0 !important;
    text-align: center;
}
h2#reply-title {
    font-size: 30px;
    margin-top: 75px;
}

@media (max-width: 767px) {
    .singular .entry-title {
        text-align: left !important;
        font-size: 26px !important;
        margin: 34px 0 -29px 0 !important;
        text-align: center;
        font-weight: 500;
    }
    h2#reply-title {
        font-size: 30px;
        margin-top: 55px;
    }
}
/* Blog Archive Page
-------------------------------------------------------- */

.blog-post .page-header h3 {
    color: var(--blue-color);
    font-size: 34px;
    font-weight: 600;
}
.blog-post .page-header {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 54px;
    padding: 35px;
    border-bottom: 3px dashed #f3744f;
}

.blog-post .archive-item {
    margin-bottom: 47px;
}

.blog-post .post-thumbnail img {
    width: 100% !important;
    height: 185px !important;
    object-fit: cover;
    margin: 0;
}
.blog-post .post-thumbnail {
    margin: 0;
}

@media (min-width: 20em) and (max-width: 62em) {
    .blog-post .post-thumbnail img {
        max-height: 124px;
        min-height: 85px;
        height: auto;
    }
}

.blog-post .post-title {
    font-weight: 600;
    font-size: 16.5px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #003656;
    text-align: left;
    padding-right: 10px;
}

.blog-post .post-content p {
    color: #003656;
    font-size: 13px;
    line-height: 1.6;
}

/* Responsivee
---------------------------------------------------------------------------------------- */

@media (max-width: 768px){
    /* .banner_header > * {
        text-align: left;
    } */
    .banner_text {
        font-size: 15px;
    }
    .banner_header {
        width: 100%;
        max-width: 1000px;
        margin: 0px auto;
    }
    .blue_content {
        padding: 7px 15px 20px 15px;
        letter-spacing: 0px !important;
    }
    .market_image {
        min-height: 63vw;
        padding: 30px;
        padding-bottom: 0;
    }
    .simple_header {
        padding: 25px 0;
    }
    .display_here {
        padding: 48px 22px;
    }
    .btn-wrap {
        margin: 30px 0 40px 0;
        text-align: center;
    }
    .img-product {
        height: 340px !important;
        width: 340px !important;
    }
    .product_name {
        width: 340px !important;
        height: auto;
    }
    .social_media {
        margin-bottom: 30px;
    }
    .footer_items {
        margin-top: 25px;
    }
}


/* Akamaster
-------------------------------------------------------------------------------------- */



/* Height
--------------------------------------------- */
.h-fill {
    height: -webkit-fill-available;
}

.h-fit {
    height: fit-content;
}

/* Display
--------------------------------------------- */
.flex {
    display: flex;
}

/* Alignment
--------------------------------------------- */

.grid-center {
    display: grid;
    place-items: center;
}

.flex-v-center {
    display: flex;
    align-items: center;
    height: 100%;
}

.flex-h-center {
    display: flex;
    justify-content: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Components Global
--------------------------------------------- */
.g-heading {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
}

/* Image
--------------------------------------------- */
.img-object {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
