/************************ FONT FAMILIES USED IN WEBSITE *********************
font-family: "Roboto", sans-serif;
****************************************************************************/

/****************** CUSTOM CSS FOR SITE STARTS HERE ****************/
body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

header{
    z-index: 999;
}

body.products-template-default.single #et-main-area, body.author #et-main-area {
    margin: 110px 0 0;
}

body.products-template-default.single #main-content > .container, body.author #main-content > .container {
    padding-top: 0 !important;
}
/****************** CUSTOM INNER SINGLE PAGE CSS STARTS HERE ****************/
.banner-image {
    position: relative;
    height: auto;
    width: 100%;
    background-image: url('https://www.amberlife.net/wp-content/uploads/2024/05/MANUFACTURING.jpg');
    background-size: cover;
    background-position: center;
    min-height: 200px;
}

.banner-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15,15,15,0.47); 
}

.banner-image_inner{
    padding: 45px 70px;
    position: relative;
    z-index: 9;
}

.banner_inner_content{
    font-size: 18px;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
    border: 0;
    border-left: 2px solid #FFFFFF;
    padding: 0 20px !important;
}

.banner-image .banner_inner_content h1{ 
    font-size: 40px;
    line-height: 50px;
    color: #FFFFFF !important;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.51);
}

.banner-image .banner_inner_content p {
    color: #fff;
    font-weight: 400;
}

.custom-social-icons {
    position: relative;
    z-index: 1;
}

.banner-image_inner {
    z-index: 1;
}

/****************** CUSTOM INNER SINGLE PAGE CSS ENDS HERE ****************/

body.author.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 33px;
}

body.author #main-header .logo_container a:before ,
body.category #main-header .logo_container a:before{
    content: 'Life Sciences';
    width: 100px;
    text-align: right;
    top: 35px;
    right: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #ed2690!important;
    left: 70px!important;
    top: 50px!important;
    right: auto!important;
    float: left!important;
    text-shadow: none;
}
body.author #main-header .logo_container a #logo,
body.category #main-header .logo_container a #logo{
    max-width: 60px;
    content: url('https://www.amberlife.net/wp-content/uploads/2024/03/logo.png');
}
body.author #main-header .logo_container a:after,
body.category #main-header .logo_container a:after{
    content: 'Amber';
    width: 120px;
    float: right;
    clear: both;
    right: 2px;
    font-size: 30px;
    font-weight: 600;
    top: 15px;
    background: linear-gradient(to right,#eb0085,#ed2690,#794e9f,#ed2690)!important;
    -webkit-background: linear-gradient(to right,#f47a26,#ed2224,#eb0686)!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    color: transparent!important;
    background-size: 300%!important;
    background-position: -100%!important;
    animation: animatedText 90s infinite!important;
    text-shadow: none;
}

body.archive #top-menu li:not(.menu-api)>a{
    color: #000000!important;
    text-shadow: none;
}


.amber-mobile-menu-shortcode{
    display:none
}

.author-title {
    font-size: 35px;
    margin-bottom: 5px;
    margin-top: 40px;
    color: #000;
}

.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-gap: 50px;
}

.post-card {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}
.post-thumbnail img {
    width: 100%;
    height: 200px;
}

.post-content-author {
    padding: 15px;
}

.post-card:hover{
    background-color: #eef7ff;
    border: 1px solid #005fb9;
}

.post-card > a{
    display: block;
}

.post-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.post-title a {
    text-decoration: none;
    font-weight: 500;
    color: #6e389e !important;
    line-height: 1.2em;

}

.read-more-wrapper{
    text-align: right;
}

.read-more-wrapper .read-more {
    display: inline-block;
    margin: 0;
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.read-more:hover {
    text-decoration: underline;
}

.author-container .author-bio .image-name{
    display: flex;
    align-items: center;
    margin: 50px 0px 25px 0px;
}

.author-container .author-bio .image-name .author-name{
    padding: 0 0 0 20px;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 28px;
}

.author-container .author-bio .image-name .author-name h1{
    padding: 0;
}

.author-container .pagination,
.pagination_wrap .pagination {
    margin-top: 30px;
    width: 100%;
}

.author-container .pagination .nav-links,
.pagination_wrap .pagination .nav-links{
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-container .pagination .nav-links a.page-numbers, 
.author-container .pagination .nav-links span.page-numbers,
.pagination_wrap .pagination .nav-links a.page-numbers, 
.pagination_wrap .pagination .nav-links span.page-numbers{
    display: block;
    color: #000;
    margin: 0 2px;
    min-width: 25px;
    text-align: center;
    line-height: 25px;
}

.author-container .pagination .nav-links span.page-numbers.current,
.pagination_wrap .pagination .nav-links span.page-numbers.current{
    background: #0073aa;
    color: #fff;
}

.author-name h1{
    font-size: 25px;
    color: #000;
}

.author-name p{
    padding-bottom: 0px;
}

.author-bio p{
 color: #000;
 font-size: 15px;
 font-weight: 400;
}

.pressAvatarBlock.credentials__content .divider {
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    min-height: 20px;
    margin: 0 10px;
}

div .divider-red {
    border: 0;
    border-top: 3px solid orangered;
    width: 35px;
    margin: 0 0 30px 0;
}

.divider-red {
    height: 3px;
}

.author-name i{
    font-style: normal;
    font-family: 'FontAwesome';
    font-size: large;
    background-color: #00c0ff;
    color: white;
    padding: 4px 5px;
    border-radius: 5px;
}

.author-name span {
    font-weight: bold;
}

.author-avatar img{
    width: 170px;
    height: 170px;
}

.post-card.post-card-author {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.post-card.post-card-author .read-more-wrapper {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.post-card.post-card-author h2.post-title {
    padding-bottom: 20px;
}

.dsm_icon_list_icon {
    font-size: 24px;
    color: #000; 
}
.dsm_icon_list_icon_main{
    font-family: 'FontAwesome'!important;
}

.linkedin-btn{
    padding-top: 5px !important;
}

.custom-social-icons .social-icons{
    margin: 0;
}

.custom-social-icons .social-icons .social-icons-list{
    display: flex !important;
    padding: 0 !important;
    list-style-type: none !important;
}

.custom-social-icons .social-icons .social-icons-list li{
    margin: 0 10px 0 0 !important;
}

.custom-social-icons .social-icons .social-icons-list li a{
    display: block !important;
    width: 30px;
    height: 30px;
}

.custom-social-icons .social-icons .social-icons-list li a img{
    width: 30px;
    display: block !important;
}

.pressAvatarBlock.credentials__content {
    margin: 0 0 10px !important;  
    display: flex;
    grid-column-gap: 10px;
    align-items: center;
}

.pressAvatarBlock.credentials__content .credentials__names{
    display: flex;
    align-items: center;
}

.pressAvatarBlock.credentials__content .credentials__names img.avatar{
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    border-radius: 50%;
    margin-bottom: 0 !important;
    margin-right: 10px;
    padding: 0;
}

.pressAvatarBlock.credentials__content .credentials__names .author-name{
    word-wrap: break-word;
    color: #000;
    line-height: 1.4;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.et_pb_post .post-meta {
    margin-bottom: 0px !important; 
}

#left-area .post-meta {
    font-size: 14px !important;
    padding-bottom: 15px !important;
}

.custom-social-icons > .et_pb_row {
    margin: 0;
    padding: 0 0 20px;
}

/* press page */

.single-press #et-main-area .container, .single-stories #et-main-area .container, .single-events #et-main-area .container, .single-post #et-main-area .container {
    width: 100% !important;
    max-width: 80% !important;
}

.single-press .custom-social-icons .et_pb_row, .single-stories .custom-social-icons .et_pb_row, .single-events .custom-social-icons .et_pb_row, .single-post .custom-social-icons .et_pb_row  {
    margin: 0;
    padding: 0;
    width: auto !important;
}

.single-press .custom-social-icons, .single-stories .custom-social-icons, .single-events .custom-social-icons, .single-post .custom-social-icons {
    display: flex;
    justify-content: flex-start !important;
}

.single-press .post-social-icons, .single-stories .post-social-icons, .single-events .post-social-icons, .single-post .post-social-icons {
    padding-bottom: 20px !important;
}


#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing{
    display: flex;
    flex-wrap: wrap;
    grid-column-gap:5.5%;
    grid-row-gap:30px;
}

#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box{
    width: 29.667%;
    margin: 0;
}

#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box article.et_pb_post{
    margin: 0;
    height: 100%;
    border: 1px solid #d8d8d8;
    padding: 19px;
    background-color: #fff;
    word-wrap: break-word;
}

#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box article.et_pb_post h2.entry-title a{
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
    color: #6e389e !important;
    line-height: 1.3em;
    font-size: 18px;
}

#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box article.et_pb_post p.post-meta{
    color: #515151 !important;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box article.et_pb_post p.post-meta a{
    color: #515151 !important;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 500;
    font-family: 'Poppins' !important;
}

#unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box article.et_pb_post .post-content-inner p{
    font-family: 'Poppins' !important;
    color: #000000 !important;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 500;
}

.et_pb_css_mix_blend_mode_passthrough {
    padding-bottom: 20px;
} 

#left-area a{
    color: #0073aa;
}

.reviewed-by-name{
    color: #000;
}

.post-metadata span:not(:last-child)::after {
    content: "|"; 
    margin: 0 6px 0 6px;
    color: #515151;
    font-size: 15px;
    font-weight: 400;
}

.post-metadata {
    padding-bottom: 15px;
}

.et_pb_image_container {
    margin: -20px -19px 29px;
}

.pagination{
    padding-bottom: 20px;
}

/************* Author Grid container for posts ************/
.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
    margin-bottom: 30px;
}


.post-grid .et_pb_post {
    background-color: #f5f5f5;
    padding: 20px; 
    border-radius: 8px; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/*********Category Page************/

div#main-content.category_post-grid {
    margin: 0 0 60px;
}
.custom-post-grid {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 5.5%;
    grid-row-gap: 30px;
    margin: 30px 0 0;
}
.custom-post-grid .post-item {
    background: #fff;
    border-radius: 0;
    padding: 19px;
    text-align: left;
    border: 1px solid #d8d8d8;
    width: 29.667%;
    margin: 0;
    height: 100%;
}

.custom-post-grid .post-item .post-thumbnail {
    margin: -19px -19px 29px;
    position: relative;
}
.category.et_right_sidebar #main-content .container:before {
    /* display: none; */
}
.post-title {
    color: #0056b3;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.custom-post-grid .post-item a .post-thumbnail {
    display: block;
}
.custom-post-grid .post-item .post-thumbnail img {
    max-width: 100%;
    height: auto;
}
.custom-post-grid .post-item .post-meta {
    margin: 0;
}
.custom-post-grid .post-item .post-title {
    color: #0056b3;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    line-height: 1.3em;
    padding: 0 0 10px;
}
.custom-post-grid .post-item .post-title a {
    text-decoration: none;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 45px;
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important;
    color: #6e389e!important;
}

.read-more {
    display: block;
    margin-top: 10px;
    color: #0056b3;
    font-weight: bold;
}
.pagination {
    text-align: center;
}
.category_post-grid .pagination nav.navigation.pagination {
    margin: 0;
    padding: 0;
}
.category_post-grid .pagination .nav-links {
    width: 100%;
    margin: 0 auto;
}
.custom-post-grid .post-item .read-more {
    text-align: right;
    margin: 10px 0 0;
}

.category_post-grid .pagination {
margin-top: 30px;
}

div#main-content.category_post-grid h2.category-title::after {
    content: '';
    width: 40px;
    height: 3px;
    display: block;
    background: orangered;
    margin: 15px auto 0;
}

/****************** CUSTOM MEDIA QUERY STARTS HERE ****************/
@media (max-width: 1023px) {
    body.archive .mobile_menu_bar::before{
        color: #000;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .banner-image_inner{
        padding: 45px;
    }

    #unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box{
        width: 47.2%;
    }
    .custom-post-grid .post-item{
        width: calc(50% - 10px);
    }
    
    .custom-post-grid{
        grid-column-gap: 20px;
    }
}

@media (max-width: 767px) {
    .custom-post-grid{
        grid-column-gap: 0;
    }
    .custom-post-grid .post-item{
        width: 100%;
    }
    .post-grid {
        grid-template-columns: repeat(1, 1fr);  
        gap: 30px;
    }
    .author-container .author-bio .image-name, .pressAvatarBlock.credentials__content{
        flex-wrap: wrap;
    }
    .pressAvatarBlock.credentials__content .credentials__names{
        width: 100%;
        margin: 0 0 15px;
    }
    .author-container .author-bio .image-name .author-name {
        padding: 20px 0 0;
    }
    .author-container .author-bio .image-name .author-name h1{
        font-size: 32px;
        line-height: 40px;
    }

    .banner-image_inner{
        padding: 45px 30px;
    }

    .banner-image .banner_inner_content h1{ 
        font-size: 30px;
        line-height: 40px;
    }

    #unique-id-12345.et_pb_blog_grid .et_pb_salvattore_content.post-content-listing > .column.post-box {
        width: 100%;
    }

    .pressAvatarBlock.credentials__content .divider{
        display: none;
    }
}

.author #left-area{
    width: 100%;
    padding-right: 0;
}

.et_right_sidebar #main-content .container:before {
    right: unset !important;
    display: none;
}

/* Responsive adjustment for smaller screens */
@media (max-width: 768px) {
    .post-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 posts per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .post-grid {
        grid-template-columns: 1fr; /* 1 post per row on very small screens */
    }
}