:root {
  --white: #ffffff;
  --black: #000000;
  --green: #5c8213;
  --lightgreen: #accd6a;
  --grey1: #cccccc;
  --black1: #1e202c;
  --black2: #111111;
  --black3: #7f8391;
  --blue11: #343c49;
  --bluenavy: #343c49;
  --black4: #474646;
  --grey2: #9b9b9b;
  --grey3: #919191;
  --offwhite: #f7f7f7;
  --grey4: #999ba3;
  --grey5: #8e929f;
  --grey6: #aaa7a8;
  --grey7: #aba8a8;
  --grey8: #777676;
  --grey9: #eeeeee;
  --grey10: #ababab;
  --faintgreen: #9cc44e;
  --grey11: #b0adad;
  --blue3: #49505c;
  --grey12: #cbccce;
 } 
 :root {
  --common-font-c: 'Caveat Brush', cursive;--common-font-r: "Roboto";--common-font-s: "Source Sans Pro";--common-font-cb: "Caveat Brush";--common-font-m: "Montserrat";
}
/* --------------------------Header---------------------------- */
.side-navigation li.current-menu-item {
  background-color: var(--blue11);
}
.side-navigation li.current_page_item {
    background-color: #343c49;
}
.stickynavbar {
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.vw-kids-pro-sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-bottom: 0 !important;
}
.nav_wrap {
  clear:both;
  margin-bottom: 0em;
  z-index: 99;
}
#kids-header .logo img{
  max-height: 123px;
  width: auto;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
#kids-header .logo h1{ 
  font-weight:700; 
  font-size:30px;  
}
.logo a.custom-logo-link{ 
  color:var(--black);
}
.logo h1 a{
  color: var(--green);
  font-size: 21px;
  font-family: var(--common-font-c);
}
.logo p{ 
  color: var(--green);
  font-size: 14px;
}
#kids-header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:var(--white);
}
#masthead.scrolled {
  background: var(--white);
}
.side-navigation {
  padding: 0;
  margin: 0;
  text-align: left 
}  
.close-sidebar {
  font-size: 26px;
  padding-right: 5px; 
  color: var(--white); 
  text-align: right;
  padding: 10px; 
 } 
.headerbar { 
  font-size: 30px;
  text-align: right; 
  font-weight:900; 
  color:var(--black); 
}
amp-sidebar#sidebar1 {
  display: none 
}
[class*="amphtml-sidebar-mask"] {
background: none;
z-index: 99;
} 
.header-nav .container {
    padding: 0;
}
.i-amphtml-sidebar-mask{
  position: static!important 
}
.side-navigation ul{
  list-style: none;
  padding-left: 0;
  max-width: 100%;
  margin-left: 0;
  margin: 0 auto;
  } 
.side-navigation li {
  position: relative;
  padding:14px 30px;
  display: inline-block;
  border-left:1px solid var(--lightgreen);
} 
.side-navigation a{
  text-decoration: none;
  text-transform: none;
  padding: 0;
  letter-spacing: 1px;
  color: var(--white);
  font: 400 16px var(--common-font-c);
}
.side-navigation ul ul{
  position: absolute;
  left: 0;
  top: 100% ;
  background: var(--faintgreen);
  min-width: 215px;
  z-index: 9999;
}
.side-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.side-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
} 
.menu-item.menu-item-has-children:after{
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: var(--white);
}
.side-navigation ul ul li{
  padding: 16px 0 16px 15px;
  margin-left: 0;
}
.side-navigation ul ul li,.menubar.scrolled .side-navigation ul ul li{
  float: none;
  text-align: left;
  border-bottom: 1px solid var(--grey1);
}
.side-navigation ul ul li:last-child{
  border-bottom: 0;
}
.side-navigation li ul li{
  border-left: none;
}
.side-navigation li ul li:last-child{
  border-right: none;
}
.side-navigation li:last-child{
  border-right:1px solid var(--lightgreen);
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#topbar-search .topbar-contact span,#topbar-search .topbar-text span{
  color: #fff;
}
/*-------------Footer Menu ------------*/
.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  padding: 0 15px;
  letter-spacing: 1px;
  font: 600 16px var(--common-font-s);
}
#footer .footer-links{
  background-color: var(--white);
}
/*---------------- Custom Footer ----------------------*/
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  display: table;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid var(--white);
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  background-color: var(--black1);
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: var(--white);
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--white);
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: var(--white);
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: var(--white);
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: var(--white);
  padding: 15px;
}
/*---------------- Footer Section ----------------------*/
#footer_box{
  padding: 60px 0 10px 0;
}
#footer{
  background-color: var(--black2);
  background-repeat: no-repeat;
  background-size: cover;
}
.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.footer-social .socialbox a {
  border-right: none;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%; 
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border:none;
  margin: 9px 2px;
  border-radius: 40px;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
  color: var(--black3);
  font-size: 11px !important;
}
.main_sociobox {
  padding: 20px 0;
}
#footer{ 
  text-align:left;
  background-color: var(--bluenavy);
}
#footer h3 {
  letter-spacing: 2px;
  color: var(--offwhite);
  font: 700 26px var(--common-font-c);
  padding:10px 0 17px 0;
}
#footer h3:after{
  content: "";
  width: 40px;
  height: 3px;
  margin-top: 15px;
}
#footer .copyright p{
  font-size: 18px;
  letter-spacing: 1px;
  color: var(--grey4);
  font-family: var(--common-font-c);
}
#footer .copyright a {
  cursor: pointer;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
  position: relative;
}
#footer ul li:hover a, #footer .widget.widget_nav_menu ul li:hover a:before{
  color: var(--white);
}
#footer ul li a,#footer .about_me table p{
  color: var(--grey3);
  font: 600 15px var(--common-font-r);
}
#footer .widget.widget_nav_menu ul li a:before{
  content: '\f30b';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: var(--grey3);
  position: absolute;
  left: 0px;
  top: 8px;
}
#footer .widget.widget_nav_menu ul li a{
  padding-left: 20px;
}
.widget_recent_entries img {
  width: 50px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
  margin-bottom: 20px !important;
}
.copyright{
  padding: 30px 0;
}
.copyright p{
  letter-spacing: 1px;
  font: 400 16px var(--common-font-cb);
  color: var(--white);
}
.copyright input[type="email"]{
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom:1px solid var(--white);
   max-width: 70%;
}
.copyright input[type="email"]::placeholder{
  letter-spacing: 1px;
  font-family: 500 15px var(--common-font-m);
}
.copyright input[type="submit"]{
  letter-spacing: 1px;
  font: 400 18px var(--common-font-cb);
  border:2px solid var(--white);
  padding: 10px 15px;
  position: absolute;
  right: 83px;
  top: -5px;
}
.copyright .copy-text {
  display: block;
  padding-top: 16px;
  text-align: right;
}
#footer .textwidget input[type="email"]{
  border-radius: 40px;
  border:2px solid var(--grey2);
}
#footer .textwidget input[type="submit"]{
  background-color: transparent;
  border-radius: 40px;
  padding: 10px 20px;
  border:2px solid var(--grey2);
  display: inline-block;
  margin-top: 10px;
  color: var(--grey2);
  font-family: var(--common-font-c); 
}
#footer .about_me i{
  font-size: 20px;
  color:#8b8b8b;
}
#footer .vw-kids-pro-widget td#today {
  padding:0px !important;
}
.footer-logo-box{
  display: flex;
  align-items: center;
  padding: 10px;
}
#footer .textwidget p{
  font-size: 14px;
  line-height: 30px;
  color: var(--grey5);
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 0;
}
#footer .footer-cols{
  padding-bottom: 30px;
}
#footer .post-content a{
  font-size: 17px;
  letter-spacing: 1px;
  color: var(--grey6);
  font-family: var(--common-font-c);
}
#footer ul{
  margin-left: 0;
}
#footer .widget_products ul li a{
  font-size: 17px;
  letter-spacing: 1px;
  color: var(--grey6);
  font-family: var(--common-font-c);
}
#footer .widget_products ins{
  letter-spacing: 1px;
  color: var(--grey7);
  font: 400 19px var(--common-font-cb);
  text-decoration: none;
}
#footer .widget_products del{
  letter-spacing: 1px;
  text-decoration: line-through;
  color: var(--grey8);
  font: 400 15px var(--common-font-cb);
}
/* --------------- Topbar --------------- */
.topbar_svg, .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -7px;
  z-index: 9;
}
.topbar_svg.for_top_pos {
  bottom: unset;
  top: -9px;
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  width: 100%;
}

#topbar-search .section-seperator-top{
  position: absolute;
  bottom: -2px;
  width: 100%;
  left: 0;
}
#topbar-search{
  background-color: var(--bluenavy);
  padding: 18px 0 18px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
#topbar-search .topbar-text .free-shipping{ 
  font-weight: bold;
  font-size: 14px;
  line-height: 25px;
  color: var(--white);
}
#topbar-search .topbar-text span{
  letter-spacing: 0px;
  font: 600 14px var(--common-font-m);
  margin-bottom: 0;
}
#topbar-search .topbar-contact{
  text-align: right;
}
#topbar-search .topbar-contact span{
  letter-spacing: 1px;
  font: 600 14px var(--common-font-m);
  margin-right: 20px;
  border-right: 2px solid var(--grey12);
}
.topbar-email {
  margin-right: 0 !important;
  border-right: none !important;
}
/* -------------- Product Search ------------- */
#product-search{
  padding: 20px 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.searchprod{
 padding-top: 10px;
}
.woocommerce-product-search {
  margin-bottom: 0;
  position: relative;
}
#product-search input[type="search"]{
  border-radius: 40px;
  padding: 17px 20px;
  width: 100%;
  border:2px solid var(--grey9);
  color: var(--black);
  font-style: italic;
  outline: none !important;
}
#product-search input[type="search"]::-webkit-input-placeholder, #product-search input[type="search"]:-ms-input-placeholder, #product-search input[type="search"]::placeholder  {
  color: var(--grey12);
}
#product-search button {
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  color: var( --grey9);
  border: none;
  background-color: transparent;
  font-size: 18px;
  outline: none;
  cursor: pointer;
}
#product-search .my-account{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.my-account .my-account-text {
  color: var(--grey10);
  font: 600 16px var(--common-font-m);
  padding: 15px;
}
#product-search .cart-basket{
  border:1px solid var(--bluenavy);
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  color: var(--bluenavy);
  padding: 16px 15px;
}
#product-search .cart-basket .cart-value{
  color: var(--white);
  display: inline-block;
  padding: 1px 8px;
  border-radius: 50%;
  position: relative;
  top: -43px;
  left: 10px;
  width: 30px;
  height: 30px;
  padding: 7px 11px;
  font-size: 12px;
}
#footer,#footer .copyright a,.copyright input[type="submit"],.copyright input[type="email"]::placeholder,.vw-credit, .vw-credit a,.footer_form .section-heading h3,.footer_menu ul li a,.footer_form .section-heading p,.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea,.footer_form input[type="submit"],.footer-social .socialbox a i {
  color: var(--grey12);
}
.header-wrap,#footer h3:after,.copyright,#product-search .cart-basket .cart-value{
  background-color: var(--faintgreen);
}
.toggle-nav, a.closebtn,#sticky-onoff,.headerbar,.side-navigation ul ul,.footer_hide{
  display: none;
}
.side-navigation ul li:hover > ul,.side-navigation a,.side-navigation ul ul li,.menubar.scrolled .side-navigation ul ul li,#footer h3:after,#product-search .cart-basket{
  display: block;
}
.footer_form .section-heading,.footer_form .section-heading h3,#footer .copyright p,#footer #vw-kids-pro-site-navigation {
  text-align: center;
}
.my-account i{
  margin-right: 5px;
}
/* ----------- Home Page Contact ------------ */
#home-contact{
  border-bottom: 1px solid var(--blue3);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#home-contact .home-contact i{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 18px 18px;
  border:2px solid var(--white);
  font-size: 20px;
}
#home-contact .home-contact p:first-child{
  letter-spacing: 1px;
  color: var(--white);
  font: 800 15px var(--common-font-m);
  margin-bottom: 5px;
}
#home-contact .home-contact p:last-child{
  letter-spacing: 1px;
  color: var(--grey11);
  font: 500 14px var(--common-font-m);
}
#home-contact .con-box:hover p:first-child{
  color:var(--faintgreen); 
}
.custom-social-icons a {
  display: block;
  padding: 10px 0;
  color: var(--grey3);
  border-radius: 0;
}
.custom-social-icons a span{
  font: 600 15px var(--common-font-r);
  padding-left: 12px;
}
.custom-social-icons a:hover, .custom-social-icons a:hover span{
  color: var(--white);
}
/* -----------------Superfish Menu------------------ */
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 0px;
  margin: 0;
}
.newsletter {
  position: relative;
}