/*
Theme Name:  Punjab Today TV
Author URI: https://www.thegeminigeeks.com/
Version: 2.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
:root {
  /* Color Variables: */
--primarycolor:#050505;
--secondarycolor:#FF0000;
--tertiarycolor:#0098DA;
  /* Font Variables: */
--primaryfont:"Merriweather", serif;
--secondaryfont:"Roboto Slab", serif;
--tertiaryfont:"Roboto", system-ui;
--sectionspace:4rem;
}

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: var(--secondaryfont);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--primarycolor);font-weight: 400;font-size: 1rem;line-height: 1.8;text-rendering: optimizeLegibility;}
img {height: auto;vertical-align: middle;  border-style: none;  display: block;  max-width: 100%;}
a img {border: none;}
a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}
.clear {clear: both;}
.divider {clear: both;border-bottom:3px solid var(--secondarycolor);margin: 0 0 1.2rem 0;padding:0; max-width:74px;}
.alignleft{float:left;margin:0 25px 0 0;max-width: 350px;}
.alignright{float:right;margin:0 0 0 25px;max-width: 410px;}
.aligncenter{display:block;margin:0 auto;}



/* bootstarp of some column */
*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}.container {width: 100%;margin-right: auto;margin-left: auto;padding-left: 0px;padding-right: 0px }@media (min-width: 576px) {.container {max-width: 540px;}}@media (min-width: 768px) {.container {max-width: 720px;}}@media (min-width: 992px) {.container {max-width: 960px;}}@media (min-width: 1200px) {.container {max-width: 1170px;}}.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {position: relative;width: 100%;min-height: 1px;padding-right: 10px;padding-left: 10px;float: left;z-index:99;}@media (min-width: 981px) {.col-md-1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.33333%;max-width: 8.33333%;}.col-md-2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.66667%;max-width: 16.66667%;}.col-md-3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;max-width: 25%;}.col-md-4 {-webkit-box-flex: 0;-ms-flex: 0 0 33.33333%;max-width: 33.33333%;}.col-md-5 {-webkit-box-flex: 0;-ms-flex: 0 0 41.66667%;max-width: 41.66667%;}.col-md-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;max-width: 50%;}.col-md-7 {-webkit-box-flex: 0;-ms-flex: 0 0 58.33333%;max-width: 58.33333%;}.col-md-8 {-webkit-box-flex: 0;-ms-flex: 0 0 66.66667%;max-width: 66.66667%;}.col-md-9 {-webkit-box-flex: 0;max-width: 75%;}.col-md-10 {-webkit-box-flex: 0;-ms-flex: 0 0 83.33333%;max-width: 83.33333%;}.col-md-11 {-webkit-box-flex: 0;-ms-flex: 0 0 91.66667%;max-width: 91.66667%;}.col-md-12 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;max-width: 100%;}} .text-center{text-align: center !important;} .text-right{text-align: right !important;} .text-left{text-align: left !important;}
/* ----end------- */

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 40px;height: 40px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:var(--tertiarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.js-search{position: relative;display: flex;flex-direction: column; justify-content: center;align-items: center;}
.js-search:hove i{color:var(--secondarycolor)}
.search-box{position: absolute;bottom:-6.1rem; transform: scaley(0); transform-origin: top; transition: 0.5s ease-in-out; width:350px; background:#f5f5f5; padding:1.5rem 1rem 1.5rem; border-radius: 0 0 10px 10px}
.js-search:hover .search-box, .search-box:hover{transform: scaley(1);}

.search-form{ display:flex;  justify-content: center;margin: 0rem 0 0;}
.search-form label{width: 25rem}
.search-form button{ cursor:pointer;border-radius: 0px 5px 5px 0px;margin-left:-5.2rem;transition:0.5s ease; background: var(--secondarycolor); border:none;padding:0px 24px; color: #fff;font-size: 17px;}
.search-form button:hover{background: var(--tertiarycolor)}
.search-form input{width:100%;border:none;border-radius: 5px;background:#fff;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;font-size:15px;padding: 10px 20px; }
.search-form input:focus{border: none; outline: none}


.inner {width: 1170px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #5C2AB5CF;}

.side-btns{display: flex;gap: 1.5rem; align-items: center; justify-content: center;}
.side-btns .js-search{line-height: 0; cursor: pointer}
.side-btns .js-search:hover i{color:var(--secondarycolor)}
.side-btns i{font-size:23px; color: #fff}
.header-btn{display: table; background: var(--secondarycolor); color:#fff; padding:0.4rem 1.32rem; border-radius: 30px}
.header-btn:hover{background: #54595F; color: #fff}

.header_area {position:relative;top: 0;left: 0;width: 100%;z-index: 999;}
.header_area .row{align-items:center}

.header_area .nav-container{background: var(--primarycolor)}

.header_area .social-icons{display: flex;gap: 0.5rem;margin-top: 1.2rem;}
.header_area .social-icons img{width: 28px;}
.header_area .social-icons span{margin-right:0.5rem}

#top-bar{border-bottom:1px solid #e5e5e5; padding:2px 0; }
#top-bar .row{align-items: center}
#top-bar p , #top-bar i{color: #454545; font-size: 14px}
#top-bar i{margin-right: 0.5rem; font-weight:400}
#top-bar .pull-right{display: flex; justify-content: end;}
#top-bar .pull-right ul{list-style: none; display: flex;gap:0.5rem }
#top-bar .pull-right ul img{width:28.8px; }
#top-bar .pull-right ul li{transition: 0.5s ease-in-out}
/* #top-bar .pull-right ul li:hover{transform: translateY(0.8rem); filter:brightness(1.3)}
 */
#logo{display:flex;width: 100%;padding: 2rem 12px;justify-content: center;}
#logo img{width:310px;}
.site-menu-toggle{display: none;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.2;font-family: var(--primaryfont);}
h1 {font-size: 34px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
.menu-bar {text-align: left;width: 30px;}
.menu-bar span {height:2px;background:var(--secondarycolor);display:block;margin-bottom:6px}
.menu-bar span:nth-child(1) {width:17px}
.menu-bar span:nth-child(2) {width:30px}
.menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0}
img{height:auto;max-width:100%}

.list li {list-style :none;padding: 0 0px 10px 1.5rem;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative;}
.list li:before{color:var(--tertiarycolor);content: "";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:3px; font-size:12px }

.line{width:200px ; height:4px ; margin:0 auto;}



#home-section1{ margin: 2rem 10px 2rem;}
#home-section1 .slider-items{display: grid; grid-template-columns: 50% auto; gap:0.7rem}
#home-section1 .slider-nav {z-index: 1;padding: 0;left: unset;}
#home-section1 .slider-nav.slider-nav-next{right: 1.6rem;}
#home-section1 .slider-nav:before , #home-section2 .slider-nav:after{width: 30px; height: 40px; font-size:15px;background: #fff; color: #000 !important;font-family:'Font Awesome 5 Free';font-weight:900 ; display: flex;align-items: center;justify-content: center;} 
#home-section1 .slider-nav:before{content: "\f053" ;}
#home-section1 .slider-nav:after{display: none}
#home-section1 .slider-nav.slider-nav-next:before{content: "\f054" ;}
#home-section1 .slider-nav.slider-nav-next:after{content: "\f053" ;}

.slide-post{position: relative; height: fit-content; overflow: hidden;}
.slide-post .content:after{content:"";position: absolute; bottom: 0;left: 0;right: 0;top: 0;z-index:-1 ;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgb(0, 0, 0) 65%,rgb(0, 0, 0) 100%);opacity: .6;}
.slide-post .content{position: absolute; bottom: 0;left: 0;right: 0;top: 0;display:flex;z-index: 1; gap:0.2rem;transform: translate(0, 2rem); flex-direction:column; justify-content:end; padding: 1.5rem;transition: .4s ease;}
.slide-post:hover .content{transform: translate(0, 0rem);gap:0rem;}
.slide-post .post-title{color: #fff;font-size:26px; font-weight:600; line-height:1.3;letter-spacing:-.02em; margin-bottom: 0.4rem; }
.slide-post .time-text{color:#fff; font-size:11px;transition:0.5s ease; opacity:0}
.slide-post:hover .time-text{opacity: 1}
.slide-post .time-text:before{content: "\f017";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.4rem}
.slide-post img{width: 100%; transition: .4s ease; object-fit: cover}
.slide-post:hover img{transform: scale(1.1);}

#home-section2{margin-bottom: 5rem;padding: 0 10px;}
#home-section2 .row{gap: 0.7rem;}
.post-type-1{flex: 1 0 300px; border: 1px solid #E8E8E8;padding: 15px;position: relative;max-width: 382px;}
.post-type-1 .post-title{font-weight: 700; font-size: 17px; margin-top:0.5rem; color:#000;font-family: var(--primaryfont);margin-bottom: 0px;}
.post-type-1 .image{overflow: hidden; }
.post-type-1 .image img , .post-type-1 span{transition: 0.5s ease;}
.post-type-1 .image img{margin-bottom: 0 !important;object-fit: cover;aspect-ratio: 6/4;}
.post-type-1:hover .image img{transform:scale(1.2)}
.post-type-1 span{color: #000}
.post-type-1 .floating-cat{position: absolute; top: 1.8rem; left: 1.2rem;display:flex; align-items:center; gap:0.6rem}
.post-type-1 .floating-cat .cat-items{border-radius: 35px;padding:1px 15px;font-size:15px; background:var(--secondarycolor); color:#fff; font-family: var(--tertiaryfont);}
.post-type-1 .floating-cat .cat-items:nth-child(3){background: #404040}
.post-type-1 .post-date{color: #717171; font-size: 12px; margin-top:0.8rem; margin-bottom: 0rem;}
.post-type-1 .post-date:before{content: "\f017";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.4rem}

.right-side .row{gap: 0.8rem}
.slide-post.small{flex: 1 0 150px;}

.slide-post.big img{height: 493px}
.slide-post.mid {margin-bottom: 0.8rem}
.slide-post.mid img{height: 265px; }
.slide-post.small img{height: 215px}
.slide-post.small .post-title, .slide-post.mid .post-title{font-size: 18px}

.htitle{background: var(--secondarycolor); color: #fff; font-size: 20px; text-transform:uppercase; padding:0.4rem 1.5rem; margin-bottom: 2.2rem; width:fit-content;}

#home-section3 .post-grid{display: grid; grid-template-columns: 70% auto; gap:3rem;}
#popular-posts .row{gap: 2rem 0.8rem}

#home-section4{background: #ECECEC; padding:4rem 0;margin-bottom: 5rem;}
#home-section4 .row{gap:2.2rem 1.8rem}
.post-type-5{flex: 1 0 300px}
.post-type-5 .image{overflow: hidden;}
.post-type-5 .image img{height:252px; object-fit:cover}
.post-type-5 .image img{transition: 0.5s ease-in-out}
.post-type-5:hover .image img{transform: scale(1.1)}
.post-type-5 .content{background: #ffffff; padding: 15px 20px; margin: -3rem auto 0; position: relative; width: 90%}
.post-type-5 .post-title{ line-height:1.6;font-weight: 600; margin-bottom:0.6rem}
.post-type-5 .post-date{color: #717171; font-size: 12px}
.post-type-5 .post-date:before{content: "\f017";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.4rem}

.image-box{margin-bottom: 4rem;}
.social-media{list-style: none; display: flex; gap:0.9rem; margin-bottom: 4rem;}
.side-widgte{margin-bottom: 4rem;}
.side-widgte img{width: 100%; margin-bottom: 1.7rem;}
.side-widgte:last-child{position: sticky;top:2rem }
aside{height: 100%}

.post-type-2{flex:1 0 250px}
.post-type-2 img{object-fit: cover; }
.post-type-2 .post-title{letter-spacing: -0.6px; line-height:1.6; margin-top:0.5rem;font-weight: 600;}
.post-type-2 .image{overflow: hidden; }
.post-type-2 .image img {transition: 0.5s ease;aspect-ratio: 6/4;}
.post-type-2:hover .image img{transform:scale(1.2)}

#popular-posts{margin-bottom: 4rem}
#gray-section{background: #f7f7f7;padding-top: 2rem;margin-bottom: 5rem;}
#gray-section .row{gap: 1.8rem 1.25rem; padding:0 2.2rem 2.2rem;}
.post-type-3{flex: 1 0 200px;max-width: 364px;}
.post-type-3 ul{list-style: none}
.post-type-3 .post-title{letter-spacing: -0.5px; line-height:1.6; margin-top:0.5rem; margin-bottom: 1.5rem;font-weight: 600;}
.post-type-3  li {border-bottom:1px solid #ccc; padding-bottom: 1rem;margin-bottom: 1rem;}
.post-type-3  li:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.post-type-3  li a{display: flex; align-items: center; gap:1rem}
.post-type-3  li .image, .post-type-3  li img{min-width: 120px; width: 150px !important; height:100px !important; object-fit:cover;min-width: 150px;}
.post-type-3  li .post-title{margin-bottom: 0; margin-top: 0;}
.post-type-3 .image{overflow: hidden}
.post-type-3 .image img {transition: 0.5s ease;object-fit: cover;aspect-ratio: 6/4;}
.post-type-3 a:hover .image img{transform:scale(1.2)}

#dark-section{background: #1B1B1B;padding-top: 2.5rem;margin-bottom: 5rem;}
#dark-section .row{gap: 0 1.25rem; padding:0 1.5rem 2.2rem;}
#dark-section h2{margin-bottom: 0}
#dark-section .post-title{color: #fff}
.heading-wrap{margin-bottom: 1.2rem; display: flex; justify-content: space-between;align-items:center;padding-right:1.2rem}
.heading-wrap a{color: #fff}
.heading-wrap a:hover{color: var(--secondarycolor)}

.post-type-4{flex:1 0 320px;border-bottom: 1px solid #353535;padding: 0.8rem 0;}
.post-type-4 a{display: flex; align-items: center; gap:1rem}
.post-type-4 .image, .post-type-4 img{min-width: 120px; width: 150px;  object-fit:cover;aspect-ratio: 6/4;height: 80px;}
.post-type-4 .post-title{color: #101010; line-height:1.6;margin-bottom: 5px;font-weight: 600;}
.post-type-4 .post-date{color: #717171; font-size:12px;margin-bottom: 0;}

#home-section5 {margin-bottom: 3rem}
#home-section5 .row{padding: 0}
#home-section5 .col-md-4{padding: 0 15px}
#home-section5 #gray-section{padding: 1.6rem 1rem;margin-bottom: 2rem;}
#gray-section h2{margin-bottom: 1.5rem}

#home-section6{background: #ECECEC; padding:4rem 0;margin-bottom: 5rem;}

#scrolleffect {padding-top: 6.25rem; margin-top: -6.25rem;}
.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}

.btn-primary{background: transparent;justify-content:center;padding: 0.5rem 3rem;margin: 2rem auto 0;border: 1px solid var(--primarycolor);color: var(--primarycolor);transition: .6s ease-in-out;display: flex;width: fit-content;}
.btn-primary:hover{background:var(--primarycolor);color:#fff;}

.more-btn{margin:0.1rem 0 0;display:flex;width: fit-content;align-items: center;justify-content: center;font-size: 15px;text-transform: uppercase;font-family: var(--tertiaryfont);}
.more-btn:after{content:""; margin-left:1rem;content: "\f30b";font-family:'Font Awesome 5 Free';font-weight:900 ; }
.more-btn:hover{transform: skew(-10deg); color: var(--secondarycolor) }

#about{padding: 4rem 0;float: left;width: 100%;text-align: center;}
#about p{margin: 15px 0;}

.column{column-count: 2; }
.column3{column-count: 3;}

.post-typography{padding: 3rem 10px;}
.post-typography .uline{border-bottom:1px dashed #ccc; padding:5px 0;}
.post-typography p{margin-bottom: 1.5rem; font-size:18px; line-height: 1.6em; color: #101010;}
.post-typography em{color: #6b6969;}
.post-typography p+ul{margin-top: -12px;}
.post-typography .grid > .content ul{margin: 0.8rem 0 0.5rem}
.post-typography .grid > .content img{height: auto;margin-bottom: 1rem; display: inline;vertical-align: middle;}
.post-typography .featured-image img{border-radius: 20px; margin: 1rem 0 2rem !important;width: 100% !important;} 
.post-typography .Kicker{color: var(--secondarycolor); font-family: var(--tertiaryfont); font-size:18px ; margin-bottom:1rem; font-weight: 500}
#single-post .post-disclaim{ color: #B4B4B4; font-size:12px}
.post-typography .sub-heading{font-size: 24px; color: #505050}

.roboto-10 , .roboto-12 , .roboto-14, .roboto-16 , .roboto-18 , .roboto-20 , .roboto-22 , .roboto-24 , .roboto-26{font-family: var(--tertiaryfont)}    
.roboto-slab-10 , .roboto-slab-12 , .roboto-slab-14 , .roboto-slab-16 , .roboto-slab-18 , .roboto-slab-20 , .roboto-slab-22 , .roboto-slab-24 , .roboto-slab-26{font-family: var(--secondaryfont)}    
.merriweather-10 , .merriweather-12 , .merriweather-14 , .merriweather-16 , .merriweather-18 , .merriweather-20 , .merriweather-22 , .merriweather-24 , .merriweather-26{font-family: var(--primaryfont)}    

.roboto-slab-10{font-size: 10px !important;}
.roboto-slab-12{font-size: 12px !important;}
.roboto-slab-14{font-size: 14px !important;}
.roboto-slab-16{font-size: 16px !important;}
.roboto-slab-18{font-size: 18px !important;}
.roboto-slab-20{font-size: 20px !important;}
.roboto-slab-22{font-size: 22px !important;}
.roboto-slab-24{font-size: 24px !important;}
.roboto-slab-26{font-size: 26px !important;}

.roboto-10{font-size: 10px !important;}
.roboto-12{font-size: 12px !important;}
.roboto-14{font-size: 14px !important;}
.roboto-16{font-size: 16px !important;}
.roboto-18{font-size: 18px !important;}
.roboto-20{font-size: 20px !important;}
.roboto-22{font-size: 22px !important;}
.roboto-24{font-size: 24px !important;}
.roboto-26{font-size: 26px !important;}

.merriweather-10{font-size: 10px !important;}
.merriweather-12{font-size: 12px !important;}
.merriweather-14{font-size: 14px !important;}
.merriweather-16{font-size: 16px !important;}
.merriweather-18{font-size: 18px !important;}
.merriweather-20{font-size: 20px !important;}
.merriweather-22{font-size: 22px !important;}
.merriweather-24{font-size: 24px !important;}
.merriweather-26{font-size: 26px !important;}


.archive .grid > .content > .row , .search .grid > .content > .row{gap: 1.5rem 1rem;}

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

.user-profile{display: flex; align-items: center;  border:1px solid #e5e5e5; gap:2rem; padding:20px;border-radius: 15px;margin-top: 2.5rem;margin-bottom: 10px;}
.user-profile .user-avatar img{min-width: 110px !important;;width: 110px !important; height; 200px !important;object-fit:cover; border-radius:50%;overflow:hidden;border: 1px solid #e9e9e96e;height: 110px !important;}
.user-profile img{margin-bottom: 0 !important;}
.user-profile p{margin-bottom: 0 !important; font-family:var(--tertiaryfont); font-size:13px !important;color: #707070;}
.user-profile h2{font-size:18px; text-transform: capitalize; color: var(--secondarycolor); }

#single-post .grid{display: grid; grid-template-columns: 70% auto;gap:3.5rem;}
#single-post .post-header h1{margin-bottom: 1rem;}
#single-post .post-info{display:flex; align-items: center; flex-wrap:wrap; gap:1rem 1.6rem; font-size: 12px;padding-bottom: 1rem;}
#single-post .post-info p{margin-bottom: 0}
#single-post .subheading{font-size: 18px; text-align: center; color: #cc3737;}

#single-post .wp-caption{max-width: 320px !important;margin-bottom: 0.4rem;}
#single-post .wp-caption p{font-size:14px; text-align:center;margin-bottom: 0; padding:7px 5px;color: #505050;}
#single-post .wp-caption img{margin-bottom: 0}
#single-post blockquote p, #single-post blockquote{font-size: 16px; line-height: 1.8}
#single-post blockquote{background: #f5f5f5; padding: 15px 15px; border-radius:5px; margin: 0 0 1.8rem}
#single-post blockquote p{margin-bottom: 0}

.post-info .post-cat{display: flex; align-items: center; gap: 0.2rem;}
.post-info .post-cat a{display: table;padding:0.2rem 1rem; background:var(--secondarycolor); color:#fff;border-radius:50px }
.post-info .post-cat a:nth-child(2){background: #303030}
.post-info .post-date{color: #717171; margin-top:0rem; margin-bottom: 0rem;font-size: 12px !important;}
.post-info .post-date:before{content: "\f017";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.4rem}
.post-info .post-auther{display: flex;align-items: center; gap:0.5rem; font-size:16px;color: var(--secondarycolor);}
.post-info .post-auther img{width: 41px !important; min-width: 41px !important; height: 41px !important; object-fit:cover; border-radius:50%;margin-bottom:   0 !important;border: 1px solid #e6e6e6;}

#page-sidebar .grid{display: grid; grid-template-columns: 72% auto;gap:2.5rem;}

#pagetitle {padding:2rem 0;width: 100%;text-align: center;background:#f1f1f1;color:#fff;background-size:cover;width: 100%;}
#pagetitle h1 {color:#000;text-align: center;font-weight: 800;}
#pagetitle p {text-align: center;font-size: 20px;}
#pagetitle :where( p , .breadcrumb  , .breadcrumb a ){color: #252525;}
.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 14px;text-transform: uppercase;font-weight: 300;}
.breadcrumb a:hover{color:var(--tertiarycolor);}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff;font-family:'Font Awesome 5 Free';font-weight:900}

.widget {padding: 0 1.5rem;margin-bottom: 1rem;}
.widget ul li {display:flex;list-style-type:none;border-bottom: 1px dashed var(--primarycolor);margin: 0 0 10px 0;padding: 0 0 0.3rem;}

.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 1.5rem 0;}
.wp-pagenavi a {display:inline-block;padding: 0.1rem 1.2rem !important;margin: 2px;border: 1px solid #ccc;color: var(--primarycolor);background: #fff;border-radius: 3px;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.3rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;}
.wp-pagenavi span.current {padding: 0.7rem 1rem;margin: 3px;font-weight: 700;border: 1px solid #ccc;background: var(--secondarycolor);border-radius: 3px;color: #fff;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;padding: 0.2rem 1rem !important;color: var(--secondarycolor);}


#bottom {background:#EAEAEA;color:var(--primarycolor);font-size: 15px;padding: 4rem 0 2rem;}
#bottom a {color:var(--primarycolor);}
#bottom a:hover {color:var(--secondarycolor);}
#bottom i {color:var(--primarycolor);margin-right: 0px;}
#bottom .widget h3 {border: none;text-align: left;font-weight: 700;color:var(--primarycolor);font-size: 25px;}
#bottom .widget li {border: none;text-decoration: none;color:#fff ;list-style: none;}
#bottom .main-widget img{width: 300px; margin:0 auto 3rem;max-width: 75%;}

#bottom .footer-contact li{line-height:24px;display:flex; color:var(--primarycolor);}
#bottom .footer-contact ul{margin-bottom: 0;}
#bottom .footer-contact li:before{font-family:'Font Awesome 5 Free';font-weight:900;font-size: 18px;}
#bottom .footer-contact .address:before {content: "\f3c5"; margin-right: 10px;}
#bottom .footer-contact .phone:before {content: "\f879"; margin-right: 10px;transform: rotate(80deg);}
#bottom .footer-contact .email:before {content: "\f0e0"; margin-right: 10px;}
#bottom .social-media{display: flex;align-items: center; gap: 0.5rem; font-size: 20px; margin-top:1.5rem}
#bottom .social-media img{width: 35px}

.info li{line-height:30px;display:flex;font-weight:300;}
.info .address:before {content: "\f3c5"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .phone:before {content: "\f095"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}

#footer {clear: both;background:#000;color: #fff;padding:0.5rem 0;text-align: center;font-size:14px; }
#footer a {color: #fff;}
#footer a:hover {color:var(--secondarycolor);}
.fleft {float: left;}
.fright {float: right;}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {margin: 10px 8px ;max-width: 100% !important;}
.site-menu-toggle{display: block;color: var(--secondarycolor);}
.site-navbar{display: none;}
	.dskonly{display:none !important}
	
#logo{display:flex;align-items:center;justify-content:space-between}
#logo .site-title{margin: 10px 0;}
#logo img{width: 320px;height: auto;float:left;}
.fleft, .fright {float: none;}
#top-bar{display: none;}
.grid, #home-section1 .slider-items, #home-section3 .post-grid{ grid-template-columns: 100% !important;; }

	.header_area{background: var(--primarycolor);}
	#home-section1 .slider-nav{visibility: unset; opacity: 1; }
	
	#home-section1 .slider-nav:before , #home-section2 .slider-nav:after{height: 50px; width: 30px}
	.image-box , .social-media{padding:  0 10px; margin-bottom:3rem; }
	.image-box img{border: 1px solid #e6e6e6}
	.side-widgte img{width: 92%; margin-left: auto; margin-right: auto; border: 1px solid #e6e6e6}
	
	#gray-section{padding-bottom: 2rem}
}

@media screen and (min-width: 981px) {
.site-menu-toggle{display:none;}
	.mobonly{display:none !important;}
	#bottom .col-md-4{padding-left: 5rem;}
	.post-typography .grid > .content img{margin-bottom:5px}
}

@media screen and (max-width: 800px) {
.post-items{width: calc(100%/2 - 1rem) !important; }
}

@media screen and (max-width: 600px) {
.wp-pagenavi span.pages, .wp-pagenavi a , .wp-pagenavi a.nextpostslink  {padding: 0.3rem 0.6rem !important;}
.wp-pagenavi span.current{padding:0.8rem}
.column, .column3, .column4{column-count:1}
	#pagetitle h1{font-size: 32px;margin-bottom: 0.2rem;}
	#pagetitle .breadcrumb{font-size: 12px}
	#logo img{width: 170px}
	#home-section3 .row , #home-section4 .row, #home-section5 .col-md-4{padding: 0 15px;}
	
	.slide-post.big img{height: 300px}
	.slide-post.big .post-title{font-size: 19px ; line-height: 1.4}
	.slide-post.small .post-title, .post-type-1 .floating-cat{font-size: 14px}
	.slide-post.small .content{padding: 1rem}
	
	#home-section2{margin-top: 3rem ; margin-bottom: 4rem}
	.heading-wrap h2{font-size: 18px}
	.post-type-1 .post-title {font-size: 16px; margin-bottom: 0.6rem; line-height: 1.7}
	
	#dark-section{padding-bottom: 2.5rem}
	.post-type-3 li .post-title{font-size: 14px}
	
	h1{font-size: 30px; line-height: 1.4}
	
	.social-media img{width: 60px}
	#pagetitle{padding: 1.6rem 0;}
	.search-items{padding: 2rem 0  0!important;}

	.user-profile{align-items: start; gap: 20px; padding: 30px 20px}
	.user-profile .user-avatar img{width: 95px !important; min-width: 95px !important;height:95px !important}
	
	.post-typography .Kicker{font-size: 16px; margin-bottom: 0.6rem}
	#single-post .wp-caption{max-width: 100% !important; margin-left:auto; margin-right:auto}
	#single-post .wp-caption p{font-size: 12px}
	.post-typography .sub-heading{ color: #505050;font-size: 21px;}
}