/*
Theme Name:  New Good Morning Msg Light 2k25
Version: 1.0
Author: Warm Greeting Hub Theme
Description: Wishes Theme by Warm Greeting Hub
*/
:root {
  /* Color Variables: */
--primarycolor:#000000;
--secondarycolor:#f32a3d;
--tertiarycolor:#6D60C9;
--light-shade:#fff6e4;	
--gradient: linear-gradient(90deg, var(--secondarycolor), #FDAF9D);
  /* Font Variables: */
--primaryfont:"Poppins", sans-serif;
--secondaryfont:"Poppins", sans-serif;
--sectionspace:4rem;
}

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: var(--secondaryfont);-webkit-font-smoothing: antialiased;color:var(--primarycolor);font-weight: 400;font-size: 1rem;line-height: 1.8;text-rendering: optimizeLegibility;}
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: 1px solid #ddd;margin: 0 0 1.2rem 0;padding: 20px 0 0 0;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 30px;}
.aligncenter{display:block;margin:0 auto;}

.right-img{width: 340px; max-width: 100%; border: 3px solid var(--tertiarycolor);padding: 4px;}

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

.header_area {background: var(--light-shade);border-top: 6px solid var(--secondarycolor);border-bottom: 1px solid #ccc;}

.header_area .row{align-items:center}

.site-menu-toggle .menu-bar{text-align: left;width: 32px;display:flex;flex-direction:column;gap:0.3rem;margin-left: 0.8rem;}
.site-menu-toggle span {height:3px;background:var(--secondarycolor);display:block;}
.site-menu-toggle span:nth-child(1) {width:100%}
.site-menu-toggle span:nth-child(2) {width:80%}
.site-menu-toggle span:nth-child(3) {width:100%}
.owl-dots{display: none !important;}

#top-bar .logo{width: 375px;padding: 2rem 0;}
#top-bar .row{justify-content: space-between; align-items: center;}
.social-icons{display: flex;gap: 0.5rem; -webkit-gap: 0.5rem;}
.social-icons img{width: 25px;}

.mobile-search{ display:flex;  justify-content: center;}
.mobile-search label{width: 19rem;max-width: 100%;}
.mobile-search button{ cursor:pointer;border-radius: 0px 5px 5px 0px;margin-left:-3.5rem;transition:0.5s ease;  border:none;padding:0px 15px; color: #fff;font-size: 14px;background: transparent;}
.mobile-search button img{width: 23px; transition:0.5s ease; }
.mobile-search button:hover img{transform: scale(1.09)}
.mobile-search input{width:100%;border:none;border-radius: 12px;font-size:15px;padding: 12px 15px; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px;}
.mobile-search input:focus{border: none; outline: none}

.dsk-hamicon{display: flex ; gap:0.4rem; -webkit-gap:0.4rem; width:  50px;cursor: pointer; height: 50px;position:relative; border-radius:50%; border:none;overflow:hidden; z-index: 1;flex-direction: column; justify-content:center; align-items:center; padding: 0 12px; }
.dsk-hamicon span{display:block; width: 100%; border-bottom: 2px solid #fff; }
.dsk-hamicon:before{content:""; transition:0.5s ease-in-out;  position: absolute ; top: 0 ;bottom: 0 ;left: 0; right: 0;background: var(--gradient);  z-index: -1}
.dsk-hamicon:hover:before{transform:rotate(180deg); }
.bar-wrap .forDsk{display: flex ; align-items: center ; gap: 1.5rem; -webkit-gap: 1.5rem; } 

#section_1 .grid{display: grid; grid-template-columns: 66% auto; gap:1.8rem; -webkit-gap:1.8rem; margin-bottom:4rem;margin-top: 2.5rem;}

.search-form{ display:flex;  justify-content: center;margin: 1.5rem 0 3rem;}
.search-form label{width: 48rem}
.search-form button{ cursor:pointer;border-radius: 10px;margin-left:-1.2rem;transition:0.5s ease; background: var(--secondarycolor); border:none;padding:0px 35px; font-weight: 500;letter-spacing: 1px;color: #fff;font-size: 21px; text-transform: uppercase}
.search-form button:hover{background: var(--tertiarycolor)}
.search-form input{width:100%;letter-spacing: 1px;border:none;border-radius: 10px;border:1px solid #C1452E;font-size:21px;padding: 15px 30px; }
.search-form input:focus{outline: none}
.fa-plus::before {content: "\f067";}
.fa-minus::before {content: "\f068";}

.cate-btn{display: flex; flex-wrap: wrap; gap: 0.8rem; -webkit-gap: 0.8rem; }
.cate-btn a{background:var(--tertiarycolor); color: #fff; font-weight:400; padding:3px 15px;border-radius: 5px;font-size:14px}

#hero-slider{position: relative;}
#hero-slider p{margin-bottom: 1.8rem;}
#hero-slider .slide-post{position: relative;border-radius: 20px;overflow: hidden;}
#hero-slider .image img{aspect-ratio:6/4; -webkit-aspect-ratio:6/4;  object-fit: cover; width:100%}
#hero-slider .content{  padding:1rem 3.9rem;position: relative;z-index: 999;margin-bottom: 4px;display: flow-root;position: relative;position: absolute;bottom: 0;left: 0;right: 0;}
#hero-slider .content h1{font-size: 28px;color: #fff;margin-bottom: 0;}
#hero-slider .content .date{font-size: 19px;   color:#ccc;font-weight: 500;padding-bottom: 8px; width: fit-content;} 
#hero-slider .owl-nav{display: flex; width:fit-content;  gap:1rem; -webkit-gap:1rem; float: right;margin-right: -25px;margin-bottom: 0px;margin-top: -2.5rem;}
#hero-slider .owl-carousel .owl-stage-outer+.owl-nav{display:none !important}
#hero-slider .owl-nav img{width: 17px;transition:0.5s ease;}
#hero-slider .owl-nav :where(.customeNext , .customePrev ){transition:0.5s ease;border:1px solid var(--secondarycolor);background: #fff; height: 40px; width: 40px; border-radius: 50%; display: flex;align-items: center; justify-content: center} 
#hero-slider .owl-nav .customePrev img{transform: scaleX(-1)}
.owl-nav .customePrev:hover , .owl-nav .customeNext:hover{background: var(--secondarycolor) !important;}
.owl-nav .customePrev:hover img, .owl-nav .customeNext:hover img{filter: invert(1)}
#hero-slider .js-post{position: sticky; top: 1rem;}

#cat-section{background: var(--light-shade);padding: 4rem 0 2.5rem;margin-bottom: 3.4rem;}
#post-section{margin-bottom: 2.5rem}
#bottom-posts{background: var(--light-shade);padding: 3.5rem 10px;margin-bottom: 4rem;}
#home-posts {margin-bottom: 1.5rem;}
#home-posts .grid{display: grid; grid-template-columns: 69% auto; gap:3rem 2rem; -webkit-gap:3rem 2rem;}

#last-section{margin-bottom: 3.5rem; }

.post-row{gap:2rem 1.8rem; -webkit-gap:2rem 1.8rem; border: 1px solid #0004;padding: 2.5rem 2.5rem 2.5rem;border-radius: 23px;}
.post-items4{flex: 1 0 100px;max-width: 100%;}
.post-items4 .post-items3{border-bottom: 2px solid #ccc;padding-bottom: 1.6rem; margin-bottom: 1.8rem}

.post-items3 .image img{transition: 0.5s ease;width:100% }
.post-items3:hover .image img{ transform: scale(1.10)}

.archive .post-items3 , .search .post-items3{flex: 1 0 380px; border: 1px solid #0004; padding: 15px; border-radius: 25px; max-width: 430px;}
.archive .content > .row, .search .content > .row{gap: 2rem 1.8rem; -webkit-gap: 2rem 1.8rem;}

p:empty{display: none}

.post-items3 .share-btns{ border-top:1px solid #ccc; padding-top:1rem;margin-top: 1.4rem;justify-content: center;display: flex;}

.post-items3 *, .post-items4 *,  .post-items4 :before, .post-items3 :after , .post-items3 :before, .post-items4 :after{transition: 0.5s ease} 

.post-items-v{border-bottom:1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 25px}
.post-items-v a{display: flex; align-items: center ; gap: 1.5rem; -webkit-gap: 1.5rem; }
.post-items-v .image{width: 10px; min-width: 140px;border-radius: 10px; overflow: hidden}
.post-items-v .post-title{font-weight: 500; font-size: 18px; line-height: 1.5; margin-bottom: 0.5rem }
.post-items-v .image img{width: 100%}
.post-items-v .date{color: #606060}
.post-items-v:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}

.post-items3 .image{border-radius:20px; overflow:hidden;margin-bottom: 18px;}
.post-items3 .info-bar{display: flex; align-items: center; gap: 1rem; -webkit-gap: 1rem;  font-size: 15px; margin-bottom:15px;  color:#505050; }
.post-items3 .author{display: flex;align-items: center;gap: 1rem; -webkit-gap: 1rem; }
.post-items3 .author p{margin-bottom: 0 !important;}
.post-items3 .author img{width: 40px !important;border-radius: 50%;}
.post-items3 .date{border-left: 3px solid  #606060; padding-left:1rem; line-height:1; margin-bottom: 0;}
.post-items3 .post-title{font-size: 21px; line-height:1.5; margin-bottom: 0;text-decoration: 1px underline transparent !important;}

.post-title{transition: 0.2s ease-in; color: #000}
.post-title:hover{color: var(--secondarycolor) !important;text-decoration: 1px underline var(--secondarycolor) !important;}

.catitem .images{border-radius: 50%;  position: relative;  overflow: hidden;border:1px solid transparent; transition: 0.2s linear}
.catitem:hover .images{border-color: var(--secondarycolor)}
.catitem .images:before{content:""; position: absolute;z-index: 1;border-radius: 50%;  top: 0 ;bottom:  0; left: 0; right:0 ; border: 0 solid #fff5; transition: 0.5s ease ; }
.catitem:hover .images:before{border:4px solid #fff; }
.catitem .images img{transition:0.5s ease; width: 100%;}
.catitem:hover .images img{transform: scale(1.1)}
.catitem h3{text-align: center; font-size: 19px; margin-top: 1rem; color: #404040;}


#bottom-posts .post-items{width: calc(100%/4 - 1rem)}

#logo{display:flex;}
#logo img{width:250px;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.3;font-family: var(--primaryfont);font-weight: 500;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
img{vertical-align: middle;border-style: none;display: block;height: auto;max-width: 100%;}

.list li {list-style :none;padding: 1px 0px 8px;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative;}

.social-list li{list-style: none; font-size:16px !important; margin-bottom:1.5rem}
.social-list li a{display:flex; align-items:center;gap:0.6rem; -webkit-gap:0.6rem}
.social-list img{width: 30px}

.heading {display:flex; align-items: center;gap:1rem ; -webkit-gap:1rem ; font-weight: 500;margin-bottom: 2.5rem;}
.heading img{width: 10px ; min-width:  60px;}

.posts-section{position: relative;}
.posts-section .more-btn{position: absolute;  right: 0; top:  3px; }

.more-btn{display: table; font-weight:400 !important;  padding: 5px 25px; border-radius:10px; overflow: hidden;  z-index:1;  color: var(--secondarycolor);font-size: 20px;box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px;}
.more-btn:before{content:""; opacity:0; transition:0.5s ease; position: absolute ; top: 0 ; left: 0; right: 0 ;bottom:  0; z-index:-1; background: var(--gradient);border-radius: 10px; }
.more-btn:hover:before{opacity: 1;  }
.more-btn:hover{ color:#fff !important;}

.line{width:150px ; height:3px ; background: var(--secondarycolor); margin:10px 0 20px;}

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

.search-btn{display:flex; align-items:center ;  font-size:20px; gap:0.5rem; -webkit-gap:0.5rem; cursor: pointer;color: #353535;}
.search-btn:hover{color: #000}
.search-btn img{width: 25px}

#bottom #S2top {position: fixed;right: 15px;bottom: 15px;cursor: pointer;width: 40px;height: 40px;background-color: var(--light-shade);text-indent: -9999px;display: none;z-index: 99999;border: 1px solid var(--primarycolor);color: #000 !important;border-radius: 50%;}
#bottom #S2top span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: var(--primaryfont);}
#bottom #S2top:hover {background-color:var(--tertiarycolor);opacity: 1;border-color: var(--tertiarycolor);}
#bottom #S2top:hover span{border-bottom-color: #fff}

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

.post-typography , .blog-typography{padding: 3.4rem 5px;}
.post-typography :where(h1, h2 ,h3 , h4 , h5){margin-bottom: 0.5rem}
.post-typography .uline{border-bottom:1px dashed #ccc; padding:5px 0;}
.post-typography .post-content > h2{margin-top:0.5rem;display: table;position:relative;padding-bottom: 18px ;margin-bottom:2.3rem; line-height:40px;}
.post-typography .post-content > h2:after{content:""; position:absolute; bottom:0; left: 0; width: 170px ;max-width: 40%; height: 3px ; background: var(--secondarycolor)}
.post-typography p ,  .blog-typography p{margin-bottom: 1.5rem}
.post-typography p+u,  .blog-typography p+u{margin-top: -11px;}
.post-typography ul,  .blog-typography ul{margin: 0.8rem 0 1.4rem;}
.post-typography img,  .blog-typography img{max-width: 100%;height: auto;}

#about-box{background: var(--light-shade);padding: 3rem;border: 1px solid #f32a3d33;border-radius: 20px;display: grid;grid-template-columns: 24% auto;align-items: center;gap: 3rem; -webkit-gap: 3rem; margin-bottom: 2rem;}
#about-box .image{border-radius: 50%; overflow: hidden; }
#about-box .founder-box{display: flex; align-items: center; gap:1.5rem; -webkit-gap:1.5rem; margin-bottom: 1.5rem;}
#about-box .founder-box p, #about-box .founder-box h2{margin-bottom: 0; margin-top: 0;}
#about-box p{font-size: 20px; margin-bottom: 1.2rem;}
#about-box h2{color:var(--secondarycolor); }
#about-box .box{background: #fff; border: 1px solid #ccc; padding: 5px 30px; font-size:16px !important;}
#about-box  .content p:last-child{margin-bottom: 0 !important;}
#about-box .about-icons{justify-content: start; margin-bottom: 2rem;width:fit-content; }

.primary-btn{position:relative; color: #fff !important;padding: 10px 25px; border-radius: 10px; color:#fff;display: flex;width: fit-content; justify-content: center ;align-items:center; margin-top: 1rem;overflow:hidden ;z-index:1;font-weight: 600;font-size: 17px;}
.primary-btn:before{content: ""; position: absolute;top: 0; left: 0; bottom: 0 ; right: 0; background:var(--gradient);z-index: -1;  border-radius: 10px; transition:0.5s ease}
.primary-btn:hover:before{transform:scale(5);}

#contact-info{width:70rem; margin:0 auto 0; max-width:100%;}
#contact-info .row{gap:3rem 1.5rem; -webkit-gap:3rem 1.5rem;  margin-bottom:3rem ; }
.info-box{display: flex; justify-items: center;border-radius: 15px;  align-items: center; gap: 1.2rem; -webkit-gap: 1.2rem; flex: 1 0 200px; border:1px solid #ccc; padding:15px 20px }
.info-box .icon img{width: 60px; min-width: 60px;}
.info-box p{margin-bottom: 0}
.info-box  h3{margin-bottom: 0.2rem; color:var(--secondarycolor); margin-bottom:0 }

.blog-typography .post-content h2{font-size: 32px;   line-height: 1.4; position: relative; padding-bottom:1.1rem;font-weight: 600;margin-bottom: 1.3rem;text-transform: capitalize;}
.blog-typography .post-content h2:before{content:""; position: absolute; bottom: 0 ; left: 0; width: 142px; height: 5px; background: var(--secondarycolor);  }
.blog-typography .post-content ul li {list-style :none;padding: 0 0px 10px 1.5rem;list-style-position: inside;
align-items: baseline;position:relative;}
.blog-typography .post-content ul li:before{color:var(--secondarycolor);content: "\f101";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:2px; font-size:15px }
.blog-typography .post-content h3{border-bottom:1px dashed #655656; padding-bottom:14px; margin-bottom: 1.6rem; font-size: 29px;text-transform: capitalize;width: 100%;}
.blog-typography .post-content p+h3{margin-top: 2rem}
.blog-typography .post-content .F-images img{width: 100%;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; border-radius: 20px; margin-bottom:1rem }

#single-post .post-typography .post-columns{margin-bottom: 0.5rem;}
#single-post .post-typography .post-columns .wp-caption{margin-bottom: 0 }
#single-post .post-typography .post-content > p{border:1px solid #00000017; padding: 15px 20px;border-radius: 6px;background: #fff3ed;font-size: 20px;line-height: 36px;color: #000;display: flow-root;}
#single-post .post-typography .post-content p+.post-columns{margin-top:3rem;}
#single-post .post-typography .post-content .wp-caption+p{margin-top:2.4rem}
#single-post .post-share-btns{border-top: 1px solid #ccc; padding-top:20px}

#single-post .side-items:last-child{position:sticky; top: 1rem;}

.contact-form{display: flex; width: 48rem; margin: 0 auto; background:var(--light-shade); border-radius: 25px; padding: 1rem 1.4rem 1rem;border:1px solid #ccc;  }

#contactform{margin: 1rem 0 20px 0;line-height: 20px;}
#contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)}
#contactform h3{font-size:26px;text-align: center;}
#contactform i{font-size:26px;}
#contactform p{margin: 0;padding: 0 0 0px 0;line-height: 20px; margin-bottom:0 !important}
#contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;}
#contactform :where(input , select , textarea){width: 100%;padding: 10px 14px;background: #fff;border: 1px solid #ccc; margin:8px 0;transition: 0.5s ease-in-out;border-radius: 8px;-webkit-border-radius:8px;height: 45px;font-size: 15px;}
#contactform select{color:#595966;}
#contactform textarea{width: 100%;height: 125px;padding: 13px 14px;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none;
	border: 1px solid var(--tertiarycolor);color:#000}

::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;}

#contactform input.wpcf7-submit{background: var(--gradient);padding: 12px 20px !important;color: #fff;text-transform: uppercase;cursor: pointer;margin: 18px auto 0 ;display: flex;width: 200px;transition: 0.6s ease-in-out;height: 50px;-webkit-border-radius: 0rem;border: none;align-items: center;font-size: 18px;border-radius: 50px;line-height: 18px;justify-content: center;min-width: fit-content;}
#contactform input.wpcf7-submit:hover{filter: brightness(1.2);color: #fff;}
#contactform .wpcf7-spinner{display: none}


textarea, iframe{max-width: 100%;}
.wpcf7-response-output{color:#595959 !important;background:transparent !important;border:0px !important}
#contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important; color: #fff !important;}


.list li {list-style :none;padding: 0 0px 10px 1.3rem;list-style-position: inside;
align-items: baseline;position:relative;}
.list li:before{color:var(--secondarycolor);content: "-";font-weight:800 ; margin-right:0.6rem; position:absolute;left:0rem;top:2px; font-size:15px }

.copy{margin-top:0.5rem;display: flex; align-items: center; width: fit-content;border: 1px solid #e7e7e7; background: #fff; font-size: 14px;padding: 10px 12px;float: right;border-radius: 10px;text-transform: capitalize;color: #202020;cursor: pointer;transition:0.5s ease;position: relative;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.copy > input:nth-child(1)[disabled]{color: #000;border: none;background:transparent; overflow: hidden; width: 0px; margin-right:0.0rem;transition: 0.2s ease-in-out}
.copy:hover input:nth-child(1)[disabled]{width: 36px;margin-right:0.4rem;}
.copy img{width: 20px;}
.copy .copy-status{color: #000; font-size: 12px; padding: 5px 5px;border-radius: 10px;position: absolute; top:-30%;opacity:0;transform: scalex(0);z-index: 0; background: #fff;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;transition: 0.2s ease;width: 50px;border: none;text-align: center;font-size: 14px;width: 80px;right: 5px;}

p:empty{display: none !important;}
.post-columns{column-count: 2;column-gap: 1.8rem;}

.side-post{display: flex;gap:1rem ; margin-bottom:0.8rem;align-items:center;width:100%;border-bottom: 1px solid #ccc;padding-bottom: 12px;}
.side-post .image{ min-width:115px;width:115px;max-width:115px; }
.side-items.sub_cat .side-post .image{ min-width:80px;width:80px;max-width:80px; }
.side-post .image img{aspect-ratio: 1/1; -webkit-aspect-ratio: 1/1;  object-fit: cover}
.side-post .post-title{margin-bottom: 0; font-size: 19px; font-weight: 400;line-height:30px;color:#353535}
.side-items.sub_cat .side-post .post-title{font-size: 19px; transition:0.5s ease}
.side-items.sub_cat .side-post .post-title:hover{text-indent:10px}
.side-post .date{margin-bottom: 0; color: #D58D7E}
.side-post:last-child{border: 0; margin-bottom: 0; padding: 0}

.catbox{background: #f5f5f5;  position:relative;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;margin-bottom: 0.9rem;}
.catbox img{aspect-ratio: 1/1; -webkit-aspect-ratio: 1/1; object-fit: cover;width: 100%;}
.catbox .hover-box h3{color: #000; font-size:16px;text-transform:capitalize;text-align: center; padding:  0.6rem 0 !important;margin-bottom: 0; color: var(--tertiarycolor);font-weight: 600;}

.post-items, .post-items :where( .post-title ,  img , h1, .view-btn) {transition: 0.4s ease-in-out}
.post-items{margin: 0 auto 2rem;background: #fff;width: calc(100%/3 - 1.4rem);box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;border-radius: 15px;overflow: hidden;}
.post-items .image{overflow: hidden}
.post-items .image:hover img{transform:scale(1.03);}
.post-items .post-title{color: #454545; font-weight: 500;font-size: 18px;line-height:28px;font-family: var(--primaryfont);}
.post-items:hover {background: var(--light-shade)}
.post-items img{aspect-ratio: 1/1;  -webkit-aspect-ratio: 1/1;   object-fit: cover;width:100%;} 
.category-1 .post-items img{aspect-ratio: 8/4 ; -webkit-aspect-ratio: 8/4 ;  object-fit: cover;width:100%;} 
.post-items .content {position:relative; padding:15px 20px 15px} 
.post-items .content img{width: 16px; position:absolute; top: 20px; left:8px}
.post-items .content .view-btn{border: 2px solid var(--tertiarycolor); font-weight: 500; width: 75%; margin: 0 auto;  display:flex; justify-content:center; margin-top:0.8rem;border-radius: 30px;}
.post-items:hover .content .view-btn{background: var(--secondarycolor);border-color:var(--secondarycolor); color: #fff}

.wp-caption{position: relative;overflow: hidden;max-width: 100%; background:var(--light-shade);box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;text-align: center;margin-bottom:1.2rem;display:flex;flex-direction:column; align-items:center}
.wp-caption .btn-primary {position: absolute;cursor: pointer;opacity:0;z-index: 99;transform: translate(100px, 0);transition:0.5s ease; width: 45px; background:#fff;border-radius:50%;right:20px; padding:12px;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.wp-caption .btn-primary{top:30px;}
.wp-caption:hover .btn-primary{opacity: 1;transform: translate(0, 0);}
.wp-caption .btn-primary:hover {transform: scale(1.08)}

#single-post .wp-caption-text{padding: 15px 10px 15px 10px;position:relative; width: fit-content;color: #000; margin: 0; text-transform: capitalize}
#single-post p+.wp-caption{margin-top:2.5rem;}
#single-post .wp-caption+h2{margin-top:2.5rem;}
#single-post blockquote a{color: var(--tertiarycolor);}
#single-post blockquote a:hover{color: var(--secondarycolor)}
#single-post .tags{ padding-top:1.5rem;border-top: 1px dashed #000;margin-top: 2rem;display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem;}
#single-post .tags b{text-transform: uppercase; color: var(--primarycolor);font-size:18px}
#single-post .tags a{background: #fff3ed; padding: 5px 10px;border-radius:5px; border:1px solid #00000017; }

#single-post .grid{display: grid; grid-template-columns: 64% auto;gap:2.5rem; -webkit-gap:2.5rem; }
#single-post p{font-size:18px;line-height: 30px;}
#page-sidebar .grid{display: grid; grid-template-columns: 65% auto;gap:3rem 2rem; -webkit-gap:3rem 2rem;}
#page-sidebar .post-items{width: calc(100%/2 - 2rem);text-align: center;margin-bottom:3rem}
#page-sidebar .post-items .content{padding: 1.1rem 1.2rem 1.5rem;}
#page-sidebar .post-items .post-title{font-size: 21px;}
#page-sidebar .post-items .view-btn{width: fit-content; padding: 0 68px; border-color:#BECFDA}

#popularwishes h2{background: var(--tertiarycolor); color: #fff; padding:8px 12px ; font-size: 23px ; border-radius: 6px;align-items:center;display: flex; justify-content: center;text-transform: uppercase;}
#popularwishes h2 i{font-size:16px;background:#fff;color:var(--tertiarycolor); padding: 6px; border-radius: 50%;}
#popularwishes{background: #f5f5f5; border-radius:6px;margin-bottom:2rem; height: fit-content;position: sticky;top: 1rem;}
#popularwishes ul{padding: 1rem 2rem; list-style: none}
#popularwishes ul li a{color:#444; font-weight: 500 ;}
#popularwishes ul li a:hover{color:var(--primarycolor); }
#popularwishes ul li{position: relative;padding-left:5px;line-height: 24px; margin-bottom:8px}
#popularwishes ul li:before{content: "\f101";color:#999;font-family: 'Font Awesome 5 Free';font-weight: 900; position:absolute; left:-1rem}


.about-box{padding: 35px 25px; margin-bottom: 3rem; text-align: center; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px; border-radius: 15px;}
.about-box .image{border-radius: 50%; overflow: hidden; width: 170px; margin: 0 auto 1.3rem}
.about-icons{display: flex; justify-content: center; align-items: center; gap: 0.8rem; -webkit-gap: 0.8rem; margin-top: 1rem;  }
.about-icons a{width: 27px; transition:0.2s linear; }
.about-icons a:hover{transform: scale(1.1)}
.normal-btn{text-align: center; display: table; width: fit-content; margin: 1rem auto 0; font-size: 18px; font-weight: 500}

.side-items{background:#fff;  padding: 30px 25px 30px; margin-bottom: 2rem;box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px;border-radius: 15px;}
.side-bar h2{margin-bottom: 1.5rem;font-size: 18px; width: fit-content; display: table; margin: 0 auto 1.8rem; background: var(--gradient); color: #fff; padding: 12px 40px;border-radius: 18px; }
.side-bar .side-items h2{margin-bottom: 0 }
.side-bar .side-items.sub_cat h2{margin-bottom: 1.4rem}

.home .side-items .line{margin-bottom: 1.8rem}
.home .side-items.side-tab{padding: 35px 30px;border-radius: 15px;}

#tabs .tab-title{display: flex;gap: 1rem;margin-bottom: 0.5rem;}
#tabs .tab-title .teb{background: transparent;transition: 0.5s ease; cursor: pointer;flex: 1 0 50px; max-width:100%;text-align: center; padding: 15px 10px;border: 1px solid #0005;border-radius: 20px;}
#tabs .tab-title h2{color:#000;margin-bottom:0;font-size:19px;}
#tabs .tab-title .teb:hover{background:var(--light-shade);}
#tabs .tab-title .teb.active{background:var(--gradient);border-color: transparent;}
#tabs .tab-title .teb.active h2{color: #fff}
#tabs .tab-body .result{display:none; transform: scaley(0); opacity: 0; transform-origin: top; }
#tabs .tab-body .result.active{display:block;transform: scaley(1); opacity: 1;}

.side-items li{font-weight:500; font-size:21px;}
.side-items .sidebar-title{background: var(--tertiarycolor); margin-bottom: 1rem;color: #fff; display: flex;align-items: center; justify-content: space-between;text-transform: uppercase; padding:8px 15px;letter-spacing: 1px; font-size: 16px}
.side-items .sidebar-title .icone{width: 35px;padding: 8px; background:#483805; display:flex; align-items:center; }
.side-items .sidebar-title img{filter: invert(1)}

.round-post{display: flex; align-items:center; gap:1.5rem; -webkit-gap:1.5rem; }
.round-post .image{width: 100px; min-width: 100px; border-radius: 50%; overflow: hidden; }
.round-post .content{padding: 1.6rem 0;border-bottom: 1px solid #ccc;}

.round-post:last-child .content{border-bottom: 0; padding-bottom: 0}
.round-post .post-title{font-weight: 500; font-size: 18px; line-height:1.4; margin-bottom:0.5rem;}

.round-post .post-title span{position: relative; transition: 0.2s ease-in; text-decoration:1px underline transparent; }
.round-post .post-title:hover span{color: var(--secondarycolor); text-decoration:1px underline var(--secondarycolor);}


.round-post .date{color: #707070;margin-bottom: 0 !important;}

.page-template-FullWidthTemplate #pagetitle h1 {font-weight: 600;font-size: 35px;}
#pagetitle {padding:1.4rem 0;width: 100%;text-align: center;background:#f1f1f1;color:#fff;background-size:cover;width: 100%;border-bottom: 1px solid #e5e5e5;}
#pagetitle h1 {color:#000;text-align: center;font-weight: 300;font-size: 28px;margin-bottom: 6px;}
#pagetitle p {text-align: center;font-size: 20px;}
#pagetitle :where( p , .breadcrumb  , .breadcrumb a ){color: #454545;}
.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 16px;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}

#single-post .heateor_sss_sharing_ul{margin-bottom: 1.5rem !important;}

.footer-widget {padding: 0 1.5rem !important;}
.footer-widget .flogo{width: 250px; margin-bottom: 1.5rem}
.footer-widget ul li {display:flex;list-style-type:none;border-bottom: 1px dashed var(--primarycolor);margin: 0 0 0.9rem 0;padding: 0 0 0.5rem;color: #454545;}

.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 2rem 0 3.5rem;display: flex;align-items: center;justify-content: center;gap: 10px; -webkit-gap: 10px;}
.wp-pagenavi a {display:inline-block;margin: 2px;border: 1px solid #ccc; border-radius: 50%; color: var(--primarycolor);background: #fff;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.5rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;display: none;}
.wp-pagenavi span.current {margin: 3px;font-weight: 500 !important;;border: 0px solid transparent !important; border-radius: 50%; background: var(--gradient);color: #fff;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 0px solid #000;color: #fff;background: #000;display: none;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;color:#000;background: #fff;border: 0 !important;font-size: 22px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #ccc !important;}
.wp-pagenavi a.nextpostslink:hover{background: var(--secondarycolor);border-color: transparent !important;}
.wp-pagenavi .last{display: none}
.wp-pagenavi a:hover{border-color:  transparent !important;}

#bottom{background:#db2a3b; color: #fff;}
#bottom .rights-section{margin: 0rem auto; padding: 0.8rem 10px; display: flex;flex-wrap: wrap; justify-content: center;align-items: center; width: fit-content}
#bottom a{color: #fff !important;}
.other-link{width: fit-content}
.other-link a{border-left:3px solid #fff; margin-left: 15px; padding-left: 15px;}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.inner {width: calc(100% - 2rem);padding: 0;}
.site-navbar{display: none;}

#logo{display:flex;align-items:center;justify-content:space-between}
#logo .site-title{margin: 10px 0;}
#logo img{width: 200px;height: auto;float:left;}
.fleft, .fright {float: none;}
	#top-bar .grid{grid-template-columns: 70% 30% !important;gap:0; -webkit-gap:0}
	#top-bar .grid .menu-btn{order: 1}
	#top-bar .menu-btn{justify-content: end; border: none}
	#top-bar .other-items{display: none}
	
	.grid{ grid-template-columns: 100% !important;; }
  .post-items{width: calc(100%/2 - 1rem) !important;}
	.header_area{border-top: 0;border-bottom: 0;}
	#bottom .rights-section{font-size: 14px}
	.forDsk{display:none !important}
	#single-post .wp-caption-text{font-size: 16px}
	#single-post  .wp-caption .btn-primary{opacity: 1;transform: translate(0, 0);width: 42px;top: 15px;right: 10px;}
	#section_1 .grid{margin-top: 0.5rem; margin-bottom: 2rem; }
	.contact-form{width: 100%; padding: 1.5rem 0.8rem}
	.mobile-search{ margin: 1.5rem 0 0;}
	
	.post-items-v .post-title{font-size: 16px}
	
	.posts-section .more-btn{position: relative; margin: 1.5rem auto 0rem;}
	
	#home-posts .posts-section .more-btn{margin-top:0;font-size: 17px;}
	
	.heading{justify-content: center;margin-bottom: 2rem;}
	.round-post .content {padding: 1.2rem 0;}
	.round-post .post-title{font-size: 16px}
	
	.mobile-search label{width: 18rem;max-width: 100%;}
	#about-box{ grid-template-columns: 35% auto; gap: 1rem 2rem; -webkit-gap: 1rem 2rem}
	#about-box p{font-size: 16px}
}

.site-mobile-menu .social-icons.forMob{display: flex !important;}
.site-mobile-menu .popular.forMob{display: block !important}

@media (min-width: 981px) {
	.forMob{display:none !important;}
	.archive .post-typography{padding-bottom: 0 }
	.site-menu-toggle{display: none;}
	.home .side-items.side-tab{margin-bottom:0}
}


@media (min-width: 800px) and (max-width: 1000px) {
	.side-items ul{column-count: 3}
	#bottom .col-md-4{width: 33%}
	#bottom img{margin: 0 auto 1rem;}
	#bottom .footer-title{text-align: center}
	#bottom .Fsocial-btn{justify-content: center}
}

@media screen and (max-width: 800px) {
.post-items{width: calc(100%/2 - 1rem) !important; border-radius: 10px;}
.inner {width: calc(100% - 15px);}
	#top-bar .grid{grid-template-columns: auto auto !important;padding: 10px 8px 10px; }
	#top-bar {padding-top:5px;}
	#top-bar .logo{width: 260px;padding: 1.4rem 0;}
	#section_1 .grid{gap:2.7rem; -webkit-gap:2.7rem;}
	.wp-caption :where(.btn-primary , .copy){opacity: 1; transform: translate(0 , 0 ); width:40px ; right:15px}
	
}

@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: 20px;margin-bottom: 1rem;}
	.page-template-FullWidthTemplate #pagetitle h1{font-size: 28px;margin-bottom: 0.5rem;}
	.search-results #pagetitle h1{font-size: 25px; margin-bottom: 0}
	#pagetitle .breadcrumb{font-size: 14px !important;;}
	.widget{padding: 0 !important;}
	h1 , .heading h2{font-size: 18px;padding: 10px 20px;}
	h2{font-size:22px}
	#hero-slider .content{padding: 0.7rem 1rem; width: 100%; margin-top: -5rem}
	#hero-slider .owl-nav {gap:0.6rem; -webkit-gap:0.6rem; margin:0;}
	#hero-slider .owl-nav :where(.customeNext , .customePrev ){height: 34px; width: 34px}
	#hero-slider .owl-nav img{width: 15px}
	#hero-slider .content .date{font-size: 16px}
	#hero-slider .content h1{font-size: 22px;padding: 0 0 10px;}
	#top-bar .menu-btn p{display: none}
	#top-bar .menu-btn .ham-icon{margin:0; width: 28px}
	.heading h1{padding:5px 25px}
	.primary-btn{font-size: 18px; padding: 5px 28px; margin-top:0.5rem}
	#footer .grid{padding: 2rem 0}
	#bottom .rights-section{font-size: 14px;padding: 10px 0;text-align: center;}
	#bottom .rights-section .other-link{width: fit-content; }
	.footer-widget ul{margin-bottom: 2.8rem}
	#section_1 .side-post li{font-size:16px;margin: 0 0 1rem;}
	.more-btn{font-size:19px}
	.side-items .list{column-count:2}
	.side-items .list li{font-size: 16px; padding-bottom: 10px; }
	#bottom .rights-section .other-link a{padding: 0 15px 0 0; border-left-width: 0px ;  border-right: 2px solid #454545}
	#home-posts{margin-bottom: 1.5rem;}
	.side-post .image{width: 90px ; min-width: 90px; max-width: 90px}
	.side-post .post-title{font-size: 16px !important;line-height:26px !important}
	.side-post .date{font-size: 12px !important;}
	.side-items.sub_cat .side-post  .post-title{font-size: 16px} 
	.post-columns{column-count:1;column-gap: 1.8rem;}
	#single-post .content p{font-size: 16px}
	.side-items, .home .side-items.side-tab{padding:30px 15px 25px;}
	#single-post .post-typography .post-content > p{font-size: 17px; line-height: 1.7;padding: 15px;}
	.post-typography .post-content > h2{line-height: normal; font-size: 22px;}
	.blog-typography .post-content h2{font-size:26px}
	.blog-typography .post-content h3{font-size:25px}
	.copy{padding: 10px;}
	.copy img{width:18px;}
	#hero-slider .slide-post .image:before{background: linear-gradient(0deg, #000 , #000c , transparent 62%);}
	.catbox .hover-box h3{font-size: 14px}
	#tabs .tab-title h2{font-size: 18px}
	.right-img{margin-bottom: 1rem}
	
	#page-sidebar .post-items{margin-bottom: 2rem }
	#page-sidebar .post-items .post-title{margin-bottom: 0; font-size:13px;}
	.post-items{width:  cals(100%/2) !important;}
	.category-1 .post-items{width: 100% !important;}
	.category-1 .post-items .post-title{font-size: 18px !important;; line-height: 1.6 }
	.category-1 .post-items .content .view-btn{font-size: 15px !important;}
	.post-items .post-title{font-size: 13px; line-height: 1.6 }
	.post-items .content .view-btn{font-size: 13px;padding: 0 17px !important;}
	.post-items .content{padding: 15px 10px !important;}
	
		#hero-slider h1{text-align:center; font-size:25px; margin-bottom:0.8rem;padding: 0 0;}
	#hero-slider .line{margin: 0.2rem auto 0.8rem; width: 120px}
	#hero-slider p{margin-bottom:1.4rem; text-align: center}
	
	#contact-info .row{gap:1.8rem 0rem; -webkit-gap:1.8rem 0rem;  }
	.info-box h3{font-size: 21px}
	
	#cat-section{padding: 3rem 0 2rem;margin-bottom: 3.5rem;margin-top: 2rem;}
	.about-box {padding: 30px 15px;}
	
	#bottom-posts{background: var(--light-shade);padding: 3rem 10px 3rem;margin-bottom: 3.5rem;}
	.heading img{min-width: 55px}
	.post-row {padding: 1.2rem 15px}
	
	#tabs .tab-title .teb{padding: 12px 0; }
	#tabs .tab-title .teb h2{font-size: 17px}
	
	.post-items-v {padding-bottom: 12px;margin-bottom: 12px;}
	.post-items-v .image{min-width: 120px}
	.post-items-v .post-title{font-size: 16px}
	
	.post-items3 .post-title{font-size: 18px;}
	
	.post-items3 .author img{width: 35px !important;border-radius: 50%;}
	
	.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span{width: 28px !important; height: 28px !important;}
	.post-items3 .share-btns{padding-top: 1rem; margin-top: 1rem}
	
	.post-typography , .blog-typography{padding: 3rem 5px;}
	.wp-pagenavi{padding-bottom: 0 !important;flex-wrap: wrap;}
	
	.archive .post-items3, .search .post-items3{padding: 12px; max-width: 100%;}
	
	.info-box .icon img{width: 55px; min-width: 55px;}
	
	#about-box{ grid-template-columns: 100%; gap: 1.5rem 2rem; -webkit-gap: 1.5rem 2rem;  padding: 2rem 20px}
	#about-box p{font-size: 16px}
	#about-box .founder-box{flex-wrap: wrap; gap: 10px 1rem; -webkit-gap: 10px 1rem}
}

@media (min-width: 1400px) {
	.inner{width:1380px;max-width: 100%}
}

@media (min-width: 1800px) {
	.inner{width:1380px;max-width: 100%}
}