/*
Theme Name:  Glitters 123
Author URI: https://www.thegeminigeeks.com/
Version: 2.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/

@font-face {
  font-family: 'KGPrimaryItalics';
  font-style: normal;
  font-display: swap;
  src: url(https://www.glitters123.com/wp-content/themes/Glitters123/KGPrimaryItalics.woff2) format('woff2');
}

:root {
  /* Color Variables: */
--primarycolor:#20282d;
--secondarycolor:#4dc6d6;
--tertiarycolor:#1BC47D;
--fourthcolor:#8D51E7;
  /* Font Variables: */
--primaryfont:'KGPrimaryItalics', sans-serif;
--secondaryfont:'Roboto', sans-serif;
--sectionspace:4rem 0;
}

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #f1f1f1;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%;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: 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 10px;}
.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)";}

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

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

#search-box{  padding: 6rem 0px 0;background: linear-gradient(208deg,rgb(244,250,243) 0%,rgba(141, 81, 231, 0.5) 35%,rgb(77,198,214,0.3) 69%,rgb(235,255,235) 100%);position:relative;overflow:hidden}
#search-box :where(h1 , p){color: var(--primarycolor);margin-bottom: 1.5rem;}
#search-box .text-box{width: 45rem; max-width: 100%;}
#search-box .text-box span{text-transform: uppercase;letter-spacing: 2px;display: block;}
#search-box h1{text-transform: capitalize;font-size: 40px;}
.search-form{ display:flex;  /*! justify-content: center; */margin: 1.5rem 0 0;}
.search-form label{width: 24rem; max-width:100%}
.search-form button{ cursor:pointer;margin-left:-1.2rem;transition:0.5s ease; background: var(--fourthcolor); border:none;padding:0px 24px; color: #fff;font-size: 17px;}
.search-form button:hover{background: var(--tertiarycolor)}
.search-form input{width:100%;border:none;font-size:15px;padding: 10px 20px; }
.search-form input:focus{border: none; outline: none}

#imgsection{position: relative;overflow:hidden;height:341px;;transition:0.6s ease-in-out}
.mimage{width:200px;height: 300px;transition:0.3s ease-in-out}
.mimage img{width: 100%;height: 100%;object-fit: cover}
.mimage:nth-child(1){transform: rotate(-30deg);position: absolute;bottom: -4rem;left: 5rem;}
.mimage:nth-child(2){transform: rotate(0deg);position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.mimage:nth-child(3){transform: rotate(30deg);position: absolute;bottom: -5rem;right: 6rem;}
.mimage:hover{/*! z-index: 99; */}
.mimage:nth-child(1):hover{bottom:1rem;transform:rotate(-30deg)translateX(-1rem)}
.mimage:nth-child(2):hover{bottom:2rem;transform:rotate(0deg);z-index: 1}
.mimage:nth-child(3):hover{bottom:1rem;transform:rotate(30deg)translateX(1rem)}

#logo{display:flex;}
#logo img{/*! width:250px; */}
.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: 42px;text-transform: uppercase;}
h2 {font-size: 38px;border-bottom:2px solid var(--fourthcolor);line-height: 1.2}
h3 {font-size: 26px;}
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 :square;padding: 0 0px 8px 0rem;/*! display: flex; */list-style-position: inside;align-items: baseline;position:relative;}
.list li::marker{color:var(--tertiarycolor)}
.line{width:200px ; height:4px ; margin:0 auto;}

#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{padding: 10px 35px;justify-content:center;border: 1px solid var(--secondarycolor);margin:1rem 0;display:inline-block}
.more-btn:hover{background:var(--secondarycolor);color:#fff !important; }

#categories{padding:3rem 0 0}
.himg{width:calc(100%/5 - 1rem);margin:1rem auto 0;text-align: center;position: relative;background: #fff;border: 10px solid #fff;box-shadow: 0px 2px 5px rgb(0,0,0,0.3);transition:0.6s ease}
.himg:hover{box-shadow: unset}
#categories .himg h3{/*! margin: 0; */text-transform:uppercase;letter-spacing:2px;background: #D0EEE9;}
.himg img{object-fit: fill;aspect-ratio: 1/1}

#catrow{margin-top:3rem}
#catrow h2{display: flex;justify-content: space-between;align-items: end}
#catrow h2 a{font-size:16px;font-family: var(--secondaryfont);font-weight: 400}

#home-posts{padding:4rem 0}

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

.column{column-count: 2;margin:25px 0 !important;}
.column3{column-count: 3;}

.post-typography{padding: 0rem 10px 3rem;}
.post-typography :where(h1, h2 ,h3 , h4 , h5){margin-bottom: 0.4rem}
.post-typography .content{display: flex;flex-wrap: wrap}
.post-typography .uline{border-bottom:1px dashed #ccc; padding:5px 0;}
.post-typography p{margin-top: 0.5rem;font-weight:500;font-size: 14px;line-height: 1.3;}
.post-typography textarea{width: 100% !important;height: 50px !important;}
.post-typography p+ul{margin-top: -12px;}
.post-typography ul{margin: 0.8rem 0 0.5rem}
.post-typography img{max-width: 100%;height: auto;margin-bottom:20px;}

.post-items, .post-items :where( .post-title ,  img , h1) {transition: 0.4s ease-in-out}
.post-items{width: calc(100%/3 - 1rem);margin: 1rem auto 0;text-align: center;position: relative;background: #fff;border: 10px solid #fff;box-shadow: 0px 2px 5px rgb(0,0,0,0.3);transition: 0.6s ease;}
.post-items .image{overflow: hidden}
.post-items:hover img{transform:scale(1.1);}
.post-items .post-title{color: #000; font-weight: 500; padding: 8px 10px; line-height:26px;}
.post-items .post-title:hover{color: var(--secondarycolor)}
.post-items .p-content{font-size: 14px;font-weight: 400;}
.post-items img{aspect-ratio: 1/1; object-fit: cover;} 

.sidebtn li{border:0 !important;padding:0 !important;list-style-type: none !important;}
.sidebtn li:nth-child(even) a{background:var(--fourthcolor);}
.sidebtn li a{text-align: center;color:#fff;display: block;padding:5px;border-radius: 1rem;background:var(--tertiarycolor)}
.sidebtn li:hover a{background:#333}

#single-post .post-title{font-size:35px;color:var(--secondarycolor);font-weight:800;border-bottom: 1px solid #eee; text-transform: uppercase;display: block;margin-bottom: 1.5rem}
#single-post .grid{display: grid; grid-template-columns: 70% auto;gap:2rem ;}
#page-sidebar .grid{display: grid; grid-template-columns: 75% auto;gap:1rem ;}

#side-items ul{margin-left:1rem}
#side-items li{border-bottom:1px solid #ddd;margin-top: 10px;list-style-type: square;}
#side-items li::marker{color:var(--tertiarycolor)}
.sposts img{width:170px;margin-bottom:0.5rem !important;}
.sposts {margin:20px 0;}
.sposts ul{display:flex;flex-wrap: wrap;margin:2rem 0 0 0}
.sposts ul li {display:table;list-style-type:none;margin:0 10px 10px 0;width:calc(100%/8 * 2 - 1rem);vertical-align:top;list-style: none;background: #fff;padding: 0.5rem;margin-bottom: 0.5rem;text-align: center;line-height: 1.2;font-size: 14px;}
.sposts img{margin-bottom:0.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;text-transform:capitalize}
#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 {margin-bottom: 1.5rem;}
.widget .flogo{width: 250px; margin-bottom: 1.5rem}
.widget h3 {border-bottom: 2px solid var(--primarycolor);text-transform: uppercase;padding: 0 0 1rem 0;}

.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);}

#footer {clear: both;background:var(--primarycolor);color: #fff;padding:0.5rem 0;text-align: center;font-size:12px;}
#footer a {color: #fff;}
#footer a:hover {color:var(--tertiarycolor);}
.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 {float: none;display: block;margin: 10px auto;}
.site-menu-toggle{display: block;color: var(--secondarycolor);}
.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;}
	.himg {width: calc(100%/10 * 3 - 1rem);}
.fleft, .fright {float: none;}

.grid{ grid-template-columns: 100% !important;; }
.post-items{width: calc(100%/3 - 1rem) !important;}
	.sposts ul li{width:calc(100%/3 - 1rem);}
}

@media screen and (min-width: 981px) {
.site-menu-toggle{display:none;}
}

@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}
	#pagetitle .breadcrumb{font-size: 12px}
	.widget{padding: 0 !important;}
	.post-items{width: 100% !important;}
	 .sposts ul li { width: calc(100%/2 - 1rem);}
	.himg {width: calc(100%/10 * 4 - -2rem);}
}


#snow {
	background: none;
	background-image: url('https://www.glitters123.com/wp-content/uploads/2024/02/flake1.png'), url('https://www.glitters123.com/wp-content/uploads/2024/02/flake3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}
@-moz-keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 400px 1000px, 200px 400px, 100px 300px;
}
}
@-webkit-keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}
@-ms-keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}