/*
Theme Name: Ashe Child
Theme URI: https://wp-royal.com/themes/item-ashe-free/
Template: ashe
Author: WP Royal
Author URI: https://wp-royal.com/
Description: Personal and Multi-Author Free WordPress Blog Theme. Perfect for personal, lifestyle, health & fitness, food, cooking, bakery, travel, beauty, fashion, wedding, photography, news, quotes blog, auto blog, small business website and any other kind of amazing blogs. Minimal, elegant & mobile friendly layout with WooCommerce shop (storefront) support will WOW and inspire your visitors. Well documented and very easy to use even for WordPress beginners. Clean and Modern Responsive design will perfectly showcase your content on any device, even on tablet, mobile & retina displays. Very fast, compatibility with many popular plugins & of course translation & RTL (right to left language) ready, coded with best SEO practices. The theme has features like Text & Image logo, Fullscreen Slider, Header image, Instagram slider widget support, footer menu support, GDPR compatibility plugins support and many more. Works perfectly with all major drag and drop page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi. You just need to write and be awesome! TEMPLATE DEMO: https://wp-royal.com/themes/ashe-free/demo/
Tags: blog,e-commerce,food-and-drink,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,flexible-header,full-width-template,custom-menu,custom-logo,featured-images,footer-widgets,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.198.1656237311
Updated: 2022-06-26 11:55:11

*/

*{
  margin: 0;
}

body:not(.home) .entry-header{display:none!important;
;}
body:not(.home) #main-nav{position:fixed!important;width:100vw!important;}
#main-nav{border-bottom:1px solid #4A358B!important;border-top:1px solid #4A358B!important;}
.entry-header{
	height:95vh!important;
}
body:not(.home) .main-content{padding-top:4rem!important;}

.intro{
  grid-column: 3/span 8;
  position: relative;
  z-index: 0;   /*fix!*/
/*   min-width: 1fr; */
  min-width: 60%;
  margin: 0 10%;
  height: 60vh;
/*   max-height: 500px; */
  background: white;
  
  /* grid layout*/
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 3fr 1fr;
}

ul.blog-grid .post-media{display:none!important;}
 /*h1,h2{
  text-transform: uppercase;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: .05em;
}
h1{
  font-size: 6vw;
  -webkit-text-stroke: 2px black;
}
h2{
  font-size: 2vw;
  color: #FC2B78;
}
p{
  color: #A6A6A6;
  font-style: italic;
  font-size: .8em;
  line-height: 1.5em;
}

.intro{
  padding: 5em 3em 2em 3em;
  background: white;
  grid-column: 0;
}
button{
  display: block;
  margin-top: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #F42B71;
  transition: all .3s ease;
}
button:hover{
  cursor: pointer;
  transform: scaleX(1.05) scaleY(1.05);
  box-shadow: 0 2px 3px 1px rgba(0,0,0,.1);
}
button:focus{
  outline: none;
}
button img:first-child{
  width: 80%;
  filter: invert(100%);
}
*/
body:not(.home) #top-bar {position:fixed!important;display:block!important;top:0px!important;width:100vw!important;
}
body:not(.home) #main-nav{position:fixed!important;display:block!important;top:3.1em!important;
}

nav{
position:sticky!important;
}

nav a{
  font-size: .8em;
  font-weight: 700;
  letter-spacing: .05em;
  color: 	#707070;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'PT Sans', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}
nav a:hover{
  
}
.circle{
  position: absolute;
}
.orbitPathCentered{
  display: grid;
  align-items: center;
  justify-items: center;
}
/******************************************************/
/*Chakra Bleu Azur*/
.circle01{
  right: 8%;
  top: 3vh;
  width: 100%;
	max-width:18%;
  padding-top: 18vw;
  transform-origin: 40% 50%;
  background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1chakra@4x.png);
  animation: rotate 50s linear infinite; background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
/*Chakra Violet*/
.orbiting-circle01{
  width: 5vw;
  padding-top: 5vw;
  margin-top: 4vw;
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1ch4@3x.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

/******************************************************/
/*.border-blue{
    border: 1px solid #4FE3FF; 
    z-index: -1;
}*/
.orbitPath01-border{
  top: 70vh;
  left: 45%;
  width: 24vw;
  height: 24vw;
  animation: rotatePathInside 50s linear infinite;
}

.orbitPath01{
  top: 70vh;
  left: 45%;
  z-index: 10;
  width: 24vw;
  height: 24vw;
  animation: rotatePath 50s linear infinite;
}
/*Chakra Vert*/
.orbitPath01:before{
  position: absolute;
  border-radius: 50%;
  z-index: 10;
  content: "";
  width: 4.5vw;
  padding-top: 4.5vw;
  left: 0;
  transform: translateX(-50%);
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1Fichier-5@3x.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.orbitPath02-border{
  top: calc(70vh + 12vw);
  left: calc(45% + 12vw);
  width: 18vw;
  height: 18vw;
  animation: rotatePathInside 30s linear infinite;
}
.orbitPath02{
  top: calc(70vh + 12vw);
  left: calc(45% + 12vw);
  z-index: 10;
  width: 18vw;
  height: 18vw;
  animation: rotatePathInside 10s linear infinite;
}
/*Chakra Vert*/
.orbitPath02:before{
  position: absolute;
  border-radius: 50%;
  z-index: 10;
  width: 2vw;
  padding-top: 2vw;
  bottom: 0;
  transform: translateY(50%);
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1Fichier-6.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
/*Chakra Orange*/
.circle02{
  top: calc(53vh + 12vw);
  left: calc(45% + 12vw);
  width: 12vw;
  padding-top: 12vw;
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1ch2@4x.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  
  transform-origin: 48% 48%;
  animation: rotatePathInside 30s linear infinite;
}
/******************************************************/
/*Chakra Bleu*/
.circle03{
  top: 5%;
  left: 33%;
  width: 32vw;
  height: 32vw;
  transform-origin: 50% 50%;
  animation: rotatePath 25s linear infinite;
}

.circle03:after{
  position: absolute;
  z-index: 10;
  content: "";
  width: 8vw;
  padding-top: 6vw;
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1ch3@3x.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

/*Chakra Rouge*/
.circle04{
  right: 20%;
  top: 20%;
  width: 10vw;
  padding-top: 10vw;
  transform-origin: 10% 30%;
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1Fichier-9@3x.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  animation: rotateBob 35s linear infinite;
}
/******************************************************/
/*Chakra Jaune*/
.circle05{
  right: 80%;
  top: 20%;
  width: 2.5vw;
  padding-top: 2.5vw;
  transform-origin: 70% 20%;
 background-image:url(http://zenyogaco.fr/wp-content/uploads/2022/07/1Fichier-6.png); background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  animation: rotatePathInside 9s linear infinite;
}
@keyframes rotate{
  0%{
    transform: rotateZ(0deg);
  }
  100%{
    transform: rotateZ(360deg);
  }
}
@keyframes rotatePath{
  0%{
    transform: rotateZ(0deg);
  }
  100%{
    transform: rotateZ(360deg);
  }
}
@keyframes rotatePathInside{
  0%{
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100%{
    transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
  }
}
@keyframes rotateBob{
  0%{
    transform: translateY(0) rotateZ(0deg);
  }
  50%{
    transform: translateY(-3vh) rotateZ(180deg);
  }
  100%{
    transform: translateY(0) rotateZ(360deg);
  }
}
.main-container{width:100%!important;}
.sidebar-right{display:none!important;}
@media only screen and (max-width: 600px){
  .content{
    margin: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 5fr 30px 6fr;

    min-height: 80vh;
    max-height: 100vh;
  }
  .content .intro{
    grid-row: 3;
  }
  .content .image{
    grid-row: 1; 
    background-position: 0% 20%;
  }
  .content nav{
    grid-row: 2;
  }
  body{
    grid-auto-rows: 1fr;
    align-items: start;
  }
}