/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
 */



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

button.carousel-control-prev:hover,button.carousel-control-next:hover,button.carousel-control-next:focus,button.carousel-control-prev:focus {
    background: none !important;
}

.page-template-template-blog .container {
    padding: 0px 4%;
}

.blog_carosuel img {
    height: 600px;
    object-fit: cover;
    position: relative;
    border-radius: 30px;
}

.blog_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    display: flex;
    border-radius: 30px;
}

.carousel-item {
    border-radius: 30px;
}


.carousel-caption {
    top: 30%;
    left: 12% !important;
    text-align: left;
    width: 68%;
}

.carousel-caption h3 {
    font-family: "Poppins", serif;
    text-align: left;
    font-size: 52px;
    font-weight: 700;
}

.carousel-caption p {
    font-family: "Poppins", serif;
    text-align: left;
    font-size: 1rem;
    line-height: 24.8px;
    margin-top: 6px;

}


a.button_u {
    text-align: left;
    width: fit-content;
    display: block;
    background-color: inherit;
    border-radius: 30px;
    border: 1px solid #C9A66D;
    color: #C9A66D;
    padding: 4px 30px;
    text-decoration: none;
    font-family: "Poppins", serif;
    font-size: 13px;
}


.cs-entry__post-meta {
    /* display: flex; */
    display: inline;
margin-bottom:6px;
}
.cs-entry__post-meta .cs-meta-author, .cs-entry__post-meta .cs-meta-date{display: inline;font-size: 12px;}
span.cs-meta-author-name,
.cs-meta-date-on,
.cs-meta-date {
    margin-right: 6px;
    font-family: "Poppins", serif !important;
    font-weight: 500 !important;;
}

span.cs-meta-author-name {
    font-size: 12px;
    font-weight: 600 !important;;
    line-height: 18px;
    text-decoration: none;
}

.cs-meta-author-link {
    text-decoration: none;
    color: #C9A66D;
}

.cs-categories-list__heading {
    font-size: 12px;
    font-size: 800;
    letter-spacing: 1.2px;
    line-height: 14.4px;
    font-family: "Poppins", serif !important;
    text-transform: uppercase;
    color: #696981;
    text-align: center;

}

.category_blog_news {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
}

.category_blog_news a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    width: max-content;
    background-color: white;
    box-shadow: 0px 5px 25px 0px rgba(114, 114, 255, .12);
    padding: .75rem 1.25rem .75rem 1.125rem;
    transition: .25s;
    border-radius: 100px;
    position: relative;
    color: #03294A;
    font-size: 16px;
    font-weight: 600 !important;;
    font-family: "Poppins", serif !important;
    line-height: 24.8px;
    text-decoration: none;
}

.cs-entry__thumbnail {
    display: grid;
    grid-template-columns: 400px calc(100% - 400px - 1.25rem);
    column-gap: 1.25rem;
    row-gap: 1rem;
}


.cs-entry__title {
    font-family: "Poppins", serif !important;
    letter-spacing: -0.96px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 600 !important;;
    text-decoration: none;
    color: #03294A;

}

.cs-entry__title a {
    text-decoration: none;
    color: #03294A;
    text-transform: capitalize;
}

.cs-entry__excerpt {
    font-family: "Poppins", serif !important;
    letter-spacing: normal;
    line-height: 24.8px;
    font-size: 16px;
    font-weight: 400 !important;;
    text-decoration: none;
    color: #696981;
}

.cs-overlay-background {
    position: relative;
    width: 100%;

}


.cs-overlay-background img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}


.cs-overlay-background .blog_overlay {
    border-radius: 20px;
height: 260px;
}

.cs-overlay-background img {
    border-radius: 20px;
    position: relative;
}



.cs-entry__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}


.cs-entry__discover-more {
    margin-top: auto;
    padding-top: 1rem;
}



.cs-entry__outer {
    border-bottom: 1px solid #e1e1e8;
    margin-bottom: 40px;
    padding-bottom: 40px;
}


.cs-overlay-post-meta.cs-meta-overlay-background {
    position: absolute;
    top: 19px;
    right: 25px;
}


.cs-overlay-post-meta.cs-meta-overlay-background .cs-meta-reading-time {
    background: rgba(41, 41, 75, .15);
    padding: .28125rem 1rem;
    letter-spacing: -.02em;
    color: white;
    border-radius: 20px;
    font-family: "Poppins", serif !important;
    letter-spacing: normal;
    line-height: 24.8px;
    font-size: 13px;
}

.destination_side {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}


.siderbar_top {
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0px 5px 20px 0px rgba(114, 114, 255, .12);
}


.destination_side {
    border-bottom: 1px solid #e1e1e8;
    padding: 0.8rem 0;
}

.destination_side a {
    text-decoration: none;
}

.destination_title a {
    color: #03294A !important;
    font-size: 14px !important;
    font-family: "Poppins", serif !important !important;
    font-weight: 600 !important;}

.destination_title_link a {
    color: #C9A66D;
    font-family: "Poppins", serif !important;
  font-size: 14px !important;

}

.text-left{
    text-align: left !important;
}

.tour_side{
    display: flex;
    gap: 10px;
}

.tour_side_img{
width:30%;
}

.tour_side_text{
width:70%;
}

.tour_side_img img{
    border-radius: 10px;
    width: 100%;
    height: 50px;
    object-fit: cover;
}

.tour_side_text h4{
    color: #03294A;
     font-size: 14px !important;
    font-family: "Poppins", serif !important;
    font-weight: 600 !important;;
    text-transform: capitalize;
letter-spacing:0;
}

.tour_side_text a{
    color: #C9A66D;
    font-family: "Poppins", serif !important;
    font-size: 14px;
    text-decoration: none;
}


span.page-numbers.current {
    color: #03294A;
    background-color: white;
    box-shadow: 0px 5px 20px 0px rgba(114, 114, 255, .15);
    border-radius: 15px;
    padding: .5rem .75rem;
    margin: 0 .75rem;
}



.destination_title{
width:60%;
}

.right-sidebar {
    position: sticky;
    top: 112px;
    height: fit-content;
margin-bottom:50px;
}


a.page-numbers {
    color: #03294A;
    border-radius: 15px;
    padding: .5rem .75rem;
    margin: 0 .75rem;
    text-decoration: none;
}

.pagination {
    justify-content: center;
    margin: 40px;
}


.sidebar_top {
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0px 5px 20px 0px rgba(114, 114, 255, .12);
}
.right-sidebar{padding-left: 3rem;}
@media (max-width:1200px) {
    .page-template-template-blog .container {
        padding: 0px 0%;
    }
}
@media (max-width:575px) {
.right-sidebar {
        position: relative; /* Disable sticky behavior on smaller screens */
top:0;
margin-bottom:0;
    }

    .page-template-template-blog .container {
        padding: 0px 4%;
    }
    .carousel-caption h3{font-size: 30px;}

    .blog_list_custom .cs-entry__thumbnail{
        grid-template-columns: minmax(0, 1fr);
    }
    .cs-entry__outer {
        border-bottom: 1px solid #e1e1e8;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .carousel-caption{width: 80%;}
    .elementor-3393 .elementor-element.elementor-element-360ff8e6{padding: 20px 0px 0px 0px;}
    .elementor-social-icons-wrapper .elementor-icon svg{margin-top: 0;}
    
}
@media (max-width:480px) {
    .blog_carosuel img{ height: 100%;}
    .carousel-caption {
        top: 4%;

    }
}
@media (max-width:425px) {
   .blog_carosuel .carousel-control-next, .blog_carosuel .carousel-control-prev{width: 8%;}
   .blog_carosuel .carousel-control-next-icon, .blog_carosuel .carousel-control-prev-icon{width: 1.5rem;}
   .category_blog_news{gap: 0.5rem;}
   .category_blog_news a{padding: .35rem 1.125rem .35rem 1.125rem;    font-size: 12px;}
   .category_blog_news.mt-4.mb-5{margin-bottom: 1.5rem !important;}
}
@media (max-width:399px) {
    .blog_carosuel .carousel-control-next, .blog_carosuel .carousel-control-prev{display: none;}
    .carousel-caption {
        width: 100%;
        left: 0.5% !important;
        padding: 0 20px;
    }
    .carousel-caption h3 {
        font-size: 25px;
    }
.carousel-caption p{line-height: 20.8px;}
.cs-entry__title{line-height: 25px;
font-size: 20px;}
.cs-entry__excerpt{
    line-height: 20.8px;
font-size: 14px;
}
.blog_carosuel img{height: 300px;}
.carousel-caption {
    top: 2%;
}
}
@media (max-width:330px) {
    .carousel-caption {
        width: 100%;
        left: 2.5% !important;
    }
   .carousel-caption .cs-entry__post-meta{flex-wrap: wrap;}
   .carousel-caption .cs-entry__post-meta .cs-meta-date, .carousel-caption .cs-entry__post-meta .cs-meta-author{display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;}
   .carousel-caption p{font-size: 13px;}
   .carousel-caption h3 {
    font-size: 22px;
}
}