/*
Theme Name: EDD Blog
Theme URI: https://niransoft.com
Author: Your Name
Author URI: https://niransoft.com
Description: A custom WordPress theme for EDD Blog
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eddblog
*/

:root {
    --edd-white: #FFFFFF;
    --edd-black: #333333;
    --edd-text: #666666;
    --edd-red: #CB4D51;
    --edd-blue: #6B9AD2;
    --edd-blue-light: #F9F9F9;
    --edd-grey: #F3F3F3;
    --edd-custom-ease: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    --edd-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
    --edd-gradient-color: linear-gradient(90deg, rgb(5 17 124) 0%, rgb(17 84 180) 100%);
    --edd-primary-font: 'Montserrat', sans-serif;
}

#html { margin-top: 0 !important; }
#html #wpadminbar { top: auto; width: auto; min-width: auto; bottom: 0; }
#html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments { display: none; }
@media (max-width:1199.98px) {
	#html #wpadminbar { display: none !important; }
}

/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
body{font-size:15px;line-height:1.5;font-weight:400;font-family: var(--edd-primary-font);color:var(--edd-black);background: linear-gradient(90deg, rgba(107, 154, 210, 1) 0%, rgba(107, 154, 210, 0) calc(50% - 680px), rgba(107, 154, 210, 0) 50%, rgba(107, 154, 210, 0) calc(50% + 680px), rgba(107, 154, 210, 1) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container {width: calc(100% - 16px);max-width: 1274px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:var(--edd-blue);text-decoration:none !important;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#000;opacity:0.5;}
::-moz-placeholder{color:#000;opacity:0.5;}
:-moz-placeholder{color:#000;opacity:0.5;}
:-ms-input-placeholder{color:#000;opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:24px;line-height:1.2;font-weight:700;color:inherit;}
h1{font-size:58px;}
h2{font-size:48px;}
h3{font-size:40px;}
h4{font-size:30px;}
h5{font-size:26px;}
h6{font-size:22px;}
p{margin:0px;padding:0px;margin-bottom:30px;}
strong{font-weight:700;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn {border-radius: 10px;font-weight: 400;padding: 10px 15px;min-width: 152px;font-size: 15px;text-transform: uppercase;line-height:1.5;box-shadow:none;transition:var(--fb-custom-ease);display: flex;align-items: center;}
.btn-arrow{width: 18px; margin-left: 8px;flex-shrink:0;position:relative; transition: var(--fb-custom-ease);display: flex;align-items: center;justify-content: center;}
.btn-arrow svg{color: currentColor;}
.btn-default,.btn-default:focus{color:currentColor;background-color:transparent;border: 2px solid currentColor;}
.btn-default:hover,.btn-default:active{color:#1E1E1E;background-color:#fff;border-color: #fff;}
.btn.btn-block{min-width:100%;}
.btn+.btn{margin-left:25px;}
/* =================core css ends here================= */
.content-container{padding: 60px 0;}

.heading{margin-bottom: 24px;border-bottom: 3px solid var(--edd-blue);}
.heading h2{font-size: 24px;color: var(--edd-text);margin-bottom: 10px;}
.heading-link{font-size: 18px;font-weight: 600;line-height: 1;color: var(--edd-blue);text-decoration: underline;}
.heading-link:hover{text-decoration: none;}
.heading-slider-btn{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--edd-blue);}
.heading-slider-btn> span{font-size: 20px;line-height: 1;color: var(--edd-white);}

.custom-slider-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--edd-blue);font-size: 24px;color: var(--edd-white);transition: var(--edd-custom-ease);}
.custom-slider-btn.slider-prev{left: 15px;}
.custom-slider-btn.slider-next{right: 15px;}

.img-hover img{transition: all 0.2s ease-in;transform: scale(1.1) translateX(0);}
.img-hover:hover img{transform: scale(1.1) translateX(4%);}

.vertical-line{border-left: 1px solid rgba(0, 0, 0, 0.1);}

.hero-container{padding: 40px 0;}
.featured-posts-slider{border-radius: 30px;overflow: hidden;}
.featured-post-item{height: auto;}
.featured-post-box{min-height: 550px;position: relative;}
.featured-post-img::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(180deg, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.7) 66.1%, #161616 100%);z-index: 8;}
.featured-post-img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.featured-post-img img{width: 100%;height: 100%;object-fit: cover;}

.fp-badge-row{width: 100%;position: absolute;top: 0;left: 0;padding: 30px;z-index: 19;}
.fp-badge{background: var(--edd-blue); border-radius: 30px;font-size: 15px;font-weight: 700;line-height: 1;color: var(--edd-white);padding: 6px 12px;}
.fp-badge:hover{color: var(--edd-white);}

.fp-date{font-size: 18px;font-weight: 600;line-height: 1;color: var(--edd-white);text-transform: uppercase;}
.featured-post-inner{position: relative;z-index: 9;padding: 60px 30px 30px;color: var(--edd-white);}
.featured-post-content {max-width: 780px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.featured-post-content h1{font-size: 56px;line-height: 1.1;}
.featured-post-content h1 a{text-decoration: none;}
.featured-post-content h1 a:hover{color: var(--edd-white);text-decoration: none;}

.hero-container .custom-slider-btn.slider-prev{left: -30px;}
.hero-container .custom-slider-btn.slider-next{right: -30px;}




.carousel-post-item:not(:last-child){position: relative;}
.carousel-post-item:not(:last-child)::after{content: '';width: 1px;height: 100%;position: absolute;top: 0;right: -15px;border-right: 1px solid rgba(0, 0, 0, 0.1);}

.cp-img-box{position: relative;border-radius: 10px;overflow: hidden;margin-bottom: 24px;}
.cp-img{position: relative;width: 100%;padding-bottom: 66%;}
.cp-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.cp-badge-row{width: 100%;position: absolute;top: 0;left: 0;padding: 10px;}
.cp-badge{background: var(--edd-blue); border-radius: 30px;font-size: 12px;font-weight: 700;line-height: 1;color: var(--edd-white);padding: 4px 8px;}
.cp-badge:hover{color: var(--edd-white);}

.cp-date{font-size: 12px;font-weight: 600;line-height: 1;color: var(--edd-text);text-transform: uppercase;margin-bottom: 12px;}
.cp-content{ display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  overflow: hidden;}
.cp-content h3{font-size: 20px;margin-bottom: 8px;}
.cp-content h3 a{text-decoration: none;}
.cp-content h3 a:hover{color: var(--edd-black);text-decoration: none;}




.post-item:not(:last-child){padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.post-img-box{position: relative;border-radius: 10px;overflow: hidden;width: 50%;flex-shrink: 0;}
.post-img{position: relative;width: 100%;padding-bottom: 65%;}
.post-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.post-badge-row{width: 100%;position: absolute;top: 0;left: 0;padding: 10px;}
.post-badge{background: var(--edd-blue); border-radius: 30px;font-size: 12px;font-weight: 700;line-height: 1;color: var(--edd-white);padding: 4px 8px;}
.post-badge:hover{color: var(--edd-white);}

.post-date{font-size: 12px;font-weight: 600;line-height: 1;color: var(--edd-text);text-transform: uppercase;margin-bottom: 12px;}
.post-content{width: 50%;flex-grow: 1;padding-left: 20px;}
.post-content{ display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;  overflow: hidden;}
.post-content h3{font-size: 20px;margin-bottom: 8px;}
.post-content h3 a{text-decoration: none;}
.post-content h3 a:hover{color: var(--edd-black);text-decoration: none;}

.post-box.big-sigle-post .post-img-box{position: relative;border-radius: 10px;overflow: hidden;width: 100%;margin-bottom: 24px;}
.post-box.big-sigle-post .post-img{padding-bottom: 75%;}
.post-box.big-sigle-post .post-content{width: 100%;padding-left: 0;flex-grow: 0;}
.post-box.big-sigle-post .post-content h3{font-size: 44px;}



.small-post-item:not(:last-child){position: relative;}
.small-post-item:not(:last-child)::after{content: '';width: 1px;height: 100%;position: absolute;top: 0;right: -15px;border-right: 1px solid rgba(0, 0, 0, 0.1);}

.sp-img-box{position: relative;border-radius: 10px;overflow: hidden;width: 45%;flex-shrink: 0;}
.sp-img{position: relative;width: 100%;padding-bottom: 66%;}
.sp-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.sp-badge-row{width: 100%;position: absolute;top: 0;left: 0;padding: 5px;z-index: 9;}
.sp-badge{background: var(--edd-blue); border-radius: 30px;font-size: 10px;font-weight: 700;line-height: 1;color: var(--edd-white);padding: 4px 8px;}
.sp-badge:hover{color: var(--edd-white);}

.spc-badge{font-size: 12px;font-weight: 700;line-height: 1;color: var(--edd-blue);margin-bottom: 8px;}
.sp-date{font-size: 12px;font-weight: 600;line-height: 1;color: var(--edd-text);text-transform: uppercase;margin-bottom: 8px;}
.sp-content{width: 55%;flex-grow: 1;padding-left: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;}
.sp-content h3{font-size: 16px;margin-bottom: 0;}
.sp-content h3 a{text-decoration: none;}
.sp-content h3 a:hover{color: var(--edd-black);text-decoration: none;}




.vertical-post-item:not(:last-child){padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.vp-img-box{position: relative;border-radius: 10px;overflow: hidden;margin-bottom: 16px;}
.vp-img{position: relative;width: 100%;padding-bottom: 66%;}
.vp-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.vp-badge-row{width: 100%;position: absolute;top: 0;left: 0;padding: 10px;}
.vp-badge{background: var(--edd-blue); border-radius: 30px;font-size: 12px;font-weight: 700;line-height: 1;color: var(--edd-white);padding: 4px 8px;}
.vp-badge:hover{color: var(--edd-white);}

.vp-date{font-size: 12px;font-weight: 600;line-height: 1;color: var(--edd-text);text-transform: uppercase;margin-bottom: 12px;}
.vp-content{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;  overflow: hidden;}
.vp-content h3{font-size: 24px;margin-bottom: 0;}
.vp-content h3 a{text-decoration: none;}
.vp-content h3 a:hover{color: var(--edd-black);text-decoration: none;}


.blog-single-hero-container{padding: 40px 0;}
.bs-hero-img{width: 100%;position: relative; border-radius: 30px;overflow: hidden;}
.bs-hero-img img{width: 100%;height: auto;}

.bsh-badge-row{width: 100%;padding: 30px;}
.bsh-badge{background: var(--edd-blue); border-radius: 30px;font-size: 15px;font-weight: 700;line-height: 1;color: var(--edd-white);padding: 6px 12px;}
.bsh-badge:hover{color: var(--edd-white);}

.bsh-date{font-size: 18px;font-weight: 600;line-height: 1;color: var(--edd-text);text-transform: uppercase;}
.bs-hero-content h1{font-size: 56px;line-height: 1.1;}
.bs-hero-content h1 a{text-decoration: none;}
.bs-hero-content h1 a:hover{color: var(--edd-white);text-decoration: none;}

.blog-share-bar h6{font-size: 18px;font-weight: 700;}
.share-btn{min-width: 160px;;padding: 12px 24px;font-size: 16px;font-weight: 700;line-height: 1;color: var(--edd-text);border: 1px solid rgba(0, 0, 0, 0.16);border-radius: 30px;}

.blog-single-content img{max-width: 100%;height: auto;display: block;margin: 0 auto 30px;border-radius: 20px;}
.blog-single-content table{width: 100% !important;}

.page-num{display: flex; gap:20px; font-size: 16px; line-height: 1; font-weight: 700; margin-top: 50px;}
.page-num a{opacity: 0.5;}
.page-num .current, .page-num a:hover{opacity: 1; color: var(--edd-blue);}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
    .featured-post-content h1{font-size: 48px;}
    .bs-hero-content h1{font-size: 48px;}

    .featured-posts-wrapper{padding-bottom: 30px;}
    .featured-post-inner{padding: 60px 30px;}
    .hero-container .custom-slider-btn{top: auto;bottom: 0;transform: none;}
    .hero-container .custom-slider-btn.slider-prev{left: 25px;}
    .hero-container .custom-slider-btn.slider-next{right: 25px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px) {
    
    .vertical-line{border: 0;}

    .featured-post-content h1{font-size: 42px;}
    .bs-hero-content h1{font-size: 42px;}

    .small-post-item{width: 50%;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px) {
    .featured-post-content h1{font-size: 36px;}
    .bs-hero-content h1{font-size: 36px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px) { 
    .featured-post-content h1{font-size: 30px;}
}

/* WordPress Core Classes */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Blog Post Styles */
.post-thumbnail img {
    max-width: 100%;
    height: auto;
}

.entry-content {
    margin: 1.5em 0;
}

.entry-meta {
    color: #666;
    font-size: 0.9em;
}

.entry-footer {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #eee;
}

/* Comments */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment-body {
    padding: 1em;
    margin-bottom: 1em;
    background: #f9f9f9;
}

/* Sidebar */
.widget {
    margin-bottom: 2em;
}

.widget-title {
    font-size: 1.2em;
    margin-bottom: 1em;
}

/* Navigation */
.navigation.pagination {
    margin: 2em 0;
    text-align: center;
}

.nav-links .page-numbers {
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
}

.nav-links .current {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}