/*
Theme Name: Kids Fashion
Description: Kids Fashion is an excellent WordPress theme built exclusively for establishing kid-related websites. It is easy to use and adaptable because it is built on the Bootstrap framework. Its design is modern, opulent, smart, and retina-ready, which will fascinate and interest your visitors. This theme is suitable for a variety of applications, including education, daycare, elementary school, music school, dance school, toy store, board games, kindergarten, babysitting, pediatrician, children's store, sports camp, summer camp, and similar websites. It is a mobile-friendly and responsive layout that looks great on any device screen size, including desktop, mobile, and tablets. Kids Fashion is translation-ready and supports RTL layout, making it accessible to a global audience. It is developed with clean, secure code and optimized for performance, resulting in speedier page load times. The theme has comprehensive modification and customisation possibilities, making it simple to tailor to your specific requirements. Kids Fashion is also SEO-friendly, allowing your website to rank higher in key search engines such as Google. Social media integration allows you to effortlessly integrate all of your social media pages to your website. The theme contains a testimonial section where users can provide feedback on your services or products.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-fashion-kids-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 5.9
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: blog, food-and-drink, e-commerce, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, flexible-header, editor-style, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: kids-fashion
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Kids Fashion WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
Kids Fashion WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #f98496;
  --second-color: #9085f9;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}

a.shop-btn:focus, p.slider_btn a:focus{
	outline: -webkit-focus-ring-color auto 1px;
}

body {
  font-family: 'Ubuntu', sans-serif;
  color: #8c8d8f;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Baloo Chettan 2', cursive;
	font-weight: 600;
	color: #3d4651;
}
a {
  color:#3d4651;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:var(--first-color);
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -30px;
}

.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
  margin-left: 0px;
}

.wp-block-button__link{
  background: var(--first-color);
  color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid #222222;
    color: #222222 !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0px!important;
}

.tag-title h3, .tag-title h1{
  overflow-wrap: anywhere;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
	border-bottom: solid 2px #ebebeb;
}
a.shop-btn,p.slider_btn a {
  background: var(--first-color);
  color: #fff;
  padding: 15px 25px;
  outline: #fff dashed 1px;
  outline-offset: -7px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
}
a.shop-btn:hover,p.slider_btn a:hover{
	background: var(--second-color);
}
a.cart-customlocation i {
  background: var(--first-color);
  padding: 15px;
  border-radius: 50%;
}
a.cart-customlocation,a.account-btn {
  position: relative;
  color: #fff !important;
  font-size: 15px;
}
a.cart-customlocation p.cart-item-box {
  background: var(--second-color);
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fff;
  text-align: center;
}

/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
    height: 70px;
    width: 70px;
}
.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #3d4651;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:var(--first-color);
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #3d4651;
}
.logo-image {
  float: left;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a,.top-header span {
  color: #3d4651;
  font-size: 16px;
  margin-top: 5px;
  margin-right: 6px;
}
.social-links a:hover{
	color: var(--first-color);
}

/**
====================================================================
  Navigation
====================================================================
*/
.top-menu-wrapper {
    padding: 10px 0;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 15px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: var(--first-color);
    font-weight: 500 !important;
}
.main-navigation ul li a{
  text-transform: uppercase;
  color: #3d4651;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 15px;
    font-weight: 500;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 15px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 14px;
    font-weight: 500;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 15px;
    color: #000;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .open-search-form i {
  font-size: 20px;
  cursor: pointer;
  color: #3d4651;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
.post-box h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: #000000;
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.post-content img,
.post-thumbnail img {
  max-height:100%;
  height:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}

/* ===============================================
   Slider
   ============================================= */

.slider {
  background-image: url('image/slider-background.png');
}
.blog_box h2 {
  font-size: 20px;
  background: #e7edfe;
  display: inline-block;
  padding: 15px;
  border-radius: 7px;
  color: #8f85f9;
}
.blog_box h3 {
  font-size: 35px;
  font-weight: 800;
}
.blog_box p {
  color: #3d4651;
  font-size: 14px;
}
.blog_inner_box img {
    object-fit: cover;
    height: 450px;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 60%;
  left: 10%;
}
.slider .owl-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.slider .owl-carousel button.owl-dot.active{
	border: solid 5px #8f85f9;
}
.slider .owl-carousel button.owl-dot{
	border: solid 5px var(--first-color);
	border-radius: 50px;
	margin-right: 5px;
}
.slider .owl-dots{
  position: absolute;
  bottom: -25px;
  right: 45%;
  left: 45%;
}

/* ===============================================
   Hot Products
   ============================================= */

.box{
  background: #454a5e;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.box img{
  width: 100%;
  height: auto;
  transition: all 0.3s ease 0s;
}
.box:hover img{ opacity: 0.2; }
.box .box-content{
  color: #fff;
  background: var(--second-color);
  text-align: center;
  width: 180px;
  padding: 12px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
  border-radius: 8px;
}
.box:hover .box-content{ opacity: 1; }
.box .box-content:before,
.box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
.box .box-content:after{
  border-left: none;
  border-top: none;
  transform-origin: bottom right;
}
.box:hover .box-content a:before,
.box:hover .box-content a:after{
    transform: scale(1);
}
.box-content a.added_to_cart.wc-forward{
	position: relative;
	float: right;
	right: 25px;
	margin-top: 10px;
	color: #fff;
	padding: 5px 20px;
	border-radius: 8px;
	border: 2px dashed #fff;
}
.box-content .fas{
	color: #fff;
}
.box-content  a.button{
  padding: 7px 35px;
  margin: 5px 0;
  color: #fff;
  transition: all 0.2s;
  text-decoration: none;
  border:2px dashed #fff;
  border-radius: 8px;
}
.featured-review__stars .fas{
	color: #ffc107;
}
.tab-product .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  color: #fdce38;
}
.tab-product .star-rating::before {
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.tab-product .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
.tab-product .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.tab-product .star-rating {
  display: inline-block;
}
.tab-product span.onsale {
  position: absolute;
  background: var(--second-color);
  padding: 3px 15px;
  top: 20px;
  left: 15px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
}
#products h3{
	color: #3d4651;
	font-size: 38px;
	font-weight: 800;
}
#products .content{
	color: #767c83;
}
#products .tab-product del span.woocommerce-Price-amount.amount bdi{
	color: #95999d;
	text-decoration: line-through;
}
#products .tab-product ins span.woocommerce-Price-amount.amount bdi{
	color: #f98596;
	font-weight: 600;
}
#products .tab-product ins {
  text-decoration: none;
  margin: 0 5px;
}
#products .price{
	color: #f98596;
}
#products .product-text a{
	color: #3d4651;
	font-weight: 500;
}
#products .product-text a:hover{
	color: #f98596;
}
#products  a.button2{
  display: inline-block;
  padding:  10px 35px;
  background: #eceffe;
  color: var(--second-color);
  font-size: 18px;
  font-weight: 500;
  border: 2px dashed var(--second-color);
  border-radius: 30px;
  transition: all 0.2s;
  text-decoration: none;
}
#products a.button2:hover {
  background: #fef3f4;
  border: 2px dashed #f98596;
  color: #f98596;
}
#products a.button2,
#products a.button2::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#products a.button2::before,
#products a.button2::after {
  background: #eceffe;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 30px;
}
#products a.button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#products a.button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#products .box{
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}

#products .yith-wcwl-add-button span{
  display: none;
}
#products .yith-wcwl-add-button a i:hover{
  background: #FFFFFF;
}
#products .yith-wcwl-add-button a i {
  border-radius: 10px;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 12px;
  font-family: 'FontAwesome';
  color: #d3ced2;
  border-radius: 30px;
  background: #FFFFFF;
  vertical-align: sub;
}
#products .feedback {
  display: none;
}
#products  i.yith-wcwl-icon.fa.fa-heart {
  font-weight: 100;
}
#products .yith-wcwl-wishlistaddedbrowse a {
  font-size: 0;
  position: relative;
}
#products .yith-wcwl-wishlistexistsbrowse a{
  font-size: 0px;
  position: relative;
}
#products .inner_product:hover .yith-wcwl-wishlistexistsbrowse a:after{
  opacity: 1;
}
#products .inner_product:hover .yith-wcwl-wishlistaddedbrowse a:after{
  opacity: 1;
}
#products .yith-wcwl-wishlistaddedbrowse {
  display: flex;
}
#products a.added_to_cart.wc-forward {
  margin-left: 49px;
  padding: 10px !important;
}
#products .yith-wcwl-wishlistaddedbrowse a:after,#products .yith-wcwl-wishlistexistsbrowse a:after {
  content: '\f004';
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  opacity: 1;
  width: 30px;
  height: 30px;
  font-size: 16px;
  padding: 12px 12px;
  color: #d3ced2;
  background: #ffffff;
  border-radius: 30px;
  right: 10px;
  top: 6px;
  position: relative;
}
#products span.wishlist {
  position: absolute;
  right: 10px;
  top: 20px;
}
#products a.added_to_cart.wc-forward {
  margin-left: 0px;
  display: block;
  text-align: center;
  margin-top: 16px;
}
#products .yith-wcwl-wishlistaddedbrowse {
  position: relative;
}
.yith-wcwl-add-to-wishlist{
  margin-top: 0px !important;
}
#products .inner_product:hover .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
  display: block;
}

/* ===============================================
   Feature Header Image
   ============================================= */

.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.kids-fashion-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.kids-fashion-pagination a span,
.kids-fashion-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.kids-fashion-pagination span.current,
.kids-fashion-pagination span.current:hover,
.kids-fashion-pagination span.current:focus,
.kids-fashion-pagination a span:hover,
.kids-fashion-pagination a span:focus {
	background: var(--first-color);
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #222222;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: var(--first-color);
  padding: 5px 15px;
  color: #fff;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
  float: none;
  background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
  color: #2f3235;
}
ol.wp-block-latest-comments{
  padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

   .bread_crumb a:hover{
    color:var(--first-color);
  }
  .bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
  }
  .bread_crumb span {
    color: var(--first-color) ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
  }
  .bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
  }

/*===============================================
  STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-box{
  position: relative;
}
.sticky .post-thumbnail::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    margin-top: 10px;
    z-index: 9;
    position: absolute;
    top: 27px;
    left: 27px;
    transform: rotate(312deg);
}

/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
  color: #000000;
}
footer .sidebar-area a,
footer .sidebar-area p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
  color: #ffffff;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: var(--first-color);
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: var(--first-color);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width:100%;
  padding: 5px 2%;
  border: solid 1px #000000;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text], .sidebar-area .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background: var(--first-color);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:var(--first-color);
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.footer-area h4.title{
	background: transparent !important;
}

footer {
	background: #3d4651;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}

.footer-area ul {
  padding: 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a:hover{
	background: var(--second-color);
	color:#000;
}
.scroll-up a {
	background: var(--first-color);
	color:#ffffff;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}


/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--first-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}