/*
Theme Name: Mon thème
Theme URI: https://agenceaw.com
Author: Cynthia Rasamoelina
Author URI: https://www.vocazoom.com
Description: thème développé pour vocazoom.com
Version: 1.0
*/



/* GENERAL */

* {
margin:0;
padding:0;
box-sizing:border-box;
}

.bouton {
background-color:#00B9CB;
text-transform:uppercase;   
text-align:center;   
align-items: center;
text-decoration:none;    
font-size:1em;         
border-radius:6px;      
font-family:Luckiest Guy;
letter-spacing:0.02em;
height:70%;
padding-bottom:15%;
}

.bouton a {
color:#FFFFFF;
text-decoration:none;
}



/* HEADER */

.header-menu-principal1 {
margin:2% 2% 0% 2%;
}

.grid-header-logo-shop-login {
display:grid;  
grid-template-columns:70% auto auto;
list-style-type: none;
gap:2%;
}

.grid-header-shop, .grid-header-login {
padding-top:4%;
}


.logo {
width:5%;
}

.header-menu-principal2 {
margin:4% 2% 0% 2%;
}

.grid-header-menu-principal2 {
display:grid;  
grid-template-columns:auto auto auto auto auto auto auto auto;
list-style-type: none;
font-family:poppins;
text-transform:uppercase;
}

.grid-header-menu-principal2 a {
text-decoration:none;
color:#AA3AD2;
font-weight:100;
font-family:Luckiest Guy;
letter-spacing:0.06em;
font-size:1em;
}

.header-menu-principal2-mobile {
display:none;
}

.grid-une-item2-button{
padding-top:2%;
padding-bottom:2%;
}



/*ACCUEIL*/

.grid-une-container {
width:90%;
display:grid;  
grid-template-columns:40% auto;
margin:6% auto 0% auto;
}

.grid-une-item1 {
text-align:center;
}

.grid-une-item1 img { 
width:70%;
}

.grid-une-item2 {
align-self:center;
text-align:center;
}


.grid-une-item2-title {
font-family:Luckiest Guy;
color: #AA3AD2;  
font-size:2.5em;
letter-spacing:0.2em;
margin-bottom:6%;
}



.grid-une-item2-description
{
font-family:poppins;
font-size:1.2em;  
letter-spacing:0.2em;
}


.grid-une-item2-button {
width:30%;
margin:10% auto auto auto;
}



/*CATEGORY STEM*/

.grid-une-category-stem-image {
margin-top:6%;
text-align:center;
}

.grid-une-category-stem-image img {
width:60%;
}

.grid-deux-title {
color:#AA3AD2;
font-size:2.5em;
text-transform:uppercase;
text-align: center;
font-family:Luckiest Guy;
letter-spacing:0.1em;
margin-top:4%;
}

.grid-deux-category-stem-container {
display:grid;
grid-template-columns:30% 30% 30%;
width:90%;
margin:8% auto 0% auto;
grid-column-end:3;
gap:4%;
}

.grid-deux-category-stem-container div img {
width:100%;
}


.grid-deux-subtitle {
margin-top:6%;
text-transform:uppercase;
font-size:1.3em;
font-family:Luckiest Guy;
color:#00B9CB;
letter-spacing:0.1em;
}


.grid-deux-description {
font-size:1em;
margin-top:2%;
font-family :poppins;
padding-bottom:16%;
}


/*TAG*/
.grid-une-tag-panda {
text-align:center;
margin-top:6%;
}

.grid-une-tag-panda img {
width:30%;
}


.grid-articles-container{
width:90%;
margin:14% auto 6% auto;
}

.grid-articles-item1-title a{
color:#00B9CB;
font-size:2.5em;
text-decoration: none;
text-transform:uppercase;
font-family:Luckiest Guy;
letter-spacing:0.1em;
}

.grid-articles-item1-extrait {
margin-top:1%;
}


.grid-articles-item1-extrait a{
color:#000000;
text-decoration: none;
font-family:poppins;
font-size:1.4em;
}

.grid-articles-item1-thumbnail {
margin-top:4%;
margin-bottom:12%;
}

.grid-articles-item1-thumbnail img {
width:100%;
}


/*SINGLE*/
.grid-une-single-panda {
text-align:center;
margin-top:6%;
}

.grid-deux-single{
width:90%;
margin:14% auto 0% auto;
}


.grid-deux-single h1{
color:#00B9CB;
font-size:2.5em;
text-decoration: none;
text-transform:uppercase;
font-family:Luckiest Guy;
letter-spacing:0.1em;
margin-bottom:2%;
}

.grid-deux-single-thumbnail img{
width:100%;
}


.post__meta__date{
color:#999999;
text-align:right;
font-size:1em;
margin:2% 0% 8% 0%;
font-family :poppins;
font-style: italic;
}

.post__content p {
font-size:1em;
font-family :poppins;
}


.wp-block-heading{
color:#00B9CB;
font-size:2.5em;
text-decoration: none;
text-transform:uppercase;
font-family:Luckiest Guy;
letter-spacing:0.1em;
margin-top:6%;
margin-bottom:1%;
}


.auteur-container {
display:grid;
grid-template-columns:auto auto;
width:60%;
margin:10% auto 0% auto;
gap:4%;
}


.auteur-nom{
color:#FFCD02;
font-size:1em;
font-family :poppins;
font-weight: bold;
text-transform:uppercase;
}

.auteur-description{
font-size:0.9em;
font-family :poppins;
margin-top:2%;
}

.auteur-reseaux-sociaux {
display:grid;
grid-template-columns:auto auto;
width:8%;
margin:1% 0% 10% 20% ;
}

.auteur-fb a {
text-decoration:none;
color:#AA3AD2;
}

.auteur-ig a {
text-decoration:none;
color:#AA3AD2;
}


/*SHOP*/
.grid-une-shop   {
margin-top:6%;
text-align:center;
}


.grid-une-shop-title {
color:#AA3AD2;
font-size:2.5em;
text-transform:uppercase;
text-align: center;
font-family:Luckiest Guy;
letter-spacing:0.1em;
margin-top:6%;

}

.grid-deux-shop  {
display:grid;
grid-template-columns:30% 30% 30%;
width:90%;
margin:8% auto 0% auto;
gap:4%;
}

.grid-deux-shop h2 {
margin-top:6%;
margin-bottom:8%;
text-transform:uppercase;
font-size:1.3em;
font-family:Luckiest Guy;
letter-spacing:0.1em;
}

.grid-deux-shop h2 a {
text-decoration:none;
color:#00B9CB;
}

.description {
font-size:1em;
margin-top:2%;
font-family :poppins;
margin-top:8%;
margin-bottom:8%;
}

.price {
color:#EB2387;   
font-size:1.2em;
margin-top:2%;
font-family:poppins;
margin-bottom:8%;
}

.bouton-shop {
width:50%;
height:4%;
padding-bottom:8%;
padding-top:2%;

}





/*SMARTPHONE LARGE PORTRAIT*/

@media only screen and (max-width:460px) and (orientation: portrait) {

/*GENEREAL*/

.mobile-none {
display:none;
}

/*HEADER*/
.header-menu-principal2-mobile {
display:block;
} 

.grid-header-logo-shop-login{
display:grid;
grid-template-columns:45% 20% 20%;
gap:6%;
margin-top:5%;
margin-bottom:20%;
font-size:1em;
align-items:center;
}

.logo{
width:25%;
margin-left:10%;
}

.bouton {
text-align:center; 
align-items: center;
font-size:1em; 
}
 
.header-menu-principal2-item-mobile {
display:grid;
grid-template-columns:10% 60% 8%;
width:90%;
margin:8% auto 8% auto;
padding:3% 0% 3% 4%;
border: 1px solid #00B9CB;
border-radius: 10px;
align-items: center;
}
 
.icone img{
width:50%;
}

.menu-text a {
color:#AA3AD2;
text-transform:uppercase;
font-size:1em;
font-family:Luckiest Guy;
letter-spacing:0.1em;
text-decoration:none;
}

.cursor {
background-color: #00B9CB;
text-align:center;
border-radius:50%;
align-items: center;
}

.cursor a{
color: #FFFFFF;
font-size:1em;
font-family:poppins;
font-weight:bold;
}

.grid-une-container {
display:block;  
margin-top:20%;
}
 
.grid-une-item1 img {
width:90%;
}

.grid-une-item2-title {
margin-top:20%;
font-size:2em;
line-height:1.2;
}

.grid-une-item2-description {
font-size:1em;
}

.grid-une-item2-button {
width:50%;
margin-bottom:20%;
}


/*CATEGORY*/
.grid-une-category-stem-image img {
width:90%;
}

.grid-une-category-stem-image {
margin-top:20%;
margin-bottom:20%;
}

.grid-deux-category-stem-container {
display:block;  
}

.grid-deux-subtitle{
font-size:1.5em;
margin-top:8%;
}


/*SINGLE*/
.grid-une-single-panda img {
width:90%;
margin-top:20%;
margin-bottom:10%;
}
   
.post h1 {
font-size:1.5em;
line-height:1.2;
} 

.grid-deux-single-thumbnail {
margin-top:10%;
}
   
.grid-deux-single-thumbnail img{
height:90%;
} 

.post__meta__date{
font-size:0.6em;
margin-top:4%;
}

.post__content {
font-size:1em;
margin-top:10%;
}


.wp-block-heading {
font-size:1.5em;
line-height:1.2;
margin-top:20%;
margin-bottom:4%;
}

.auteur-container {
width:80%;
display:block;
margin-top:20%;
margin-bottom:10%;
}

.auteur-avatar-box {
text-align:center;
}


.auteur-nom {
font-size:1em;
margin-top:10%;
}

.auteur-description {
font-size:0.8em;
}

.auteur-reseaux-sociaux {
width:20%;
margin-left:8%;
}



/*SHOP*/
.grid-une-shop img {
width:80%;
margin-top:20%;
margin-bottom:20%;
}  

.grid-une-shop-title {
font-size:2em;
line-height:1.2;
} 
   
.grid-deux-shop {
width:90%;
display:block;
}   

.grid-deux-shop-item h2{
font-size:1.5em;
}

.grid-deux-shop-item h2{
margin-top:20%;
}

.bouton-shop{

}




/*TAG*/
.grid-une-tag-panda img {
width:80%;
}

.grid-une-tag {
margin-top:20%;
margin-bottom:20%;
}

.grid-articles-item1-title{
font-size:1em;
line-height:1.2;
margin-top:20%;
} 

.grid-articles-item1-thumbnail img{
height:90%;
} 
   
.grid-articles-item1-extrait{
font-size:1em;
margin-top:4%;
margin-bottom:8%;
}    


/*SHOP*/
.has-inter-font-family {
width:90%;
font-size:1em;
} 
   
.as-cardo-font-family {
font-size:2em;
}
 
   
} /*FERMETURE SMARTPHONE LARGE PORTRAIT*/



/*SMARTPHONE LARGE PAYSAGE*/

@media screen and (max-height: 430px) and (orientation: landscape) {

/*ACCUEIL*/

.logo {
width:6%;
}

.header-menu-principal1 {
margin-top:4%;
}

.grid-header-menu-principal2 {
gap:1.8%;
}

.grid-une-item1 {
text-align:left;
}

.grid-une-item2-title {
font-size:2em;  
}

.grid-une-item2-description {
font-size:1em;  
}

.grid-une-item2-button {
width:40%;
}


/*CATEGORY STEM*/
.grid-deux-category-stem-container {
display:grid;
grid-template-columns:auto auto auto;
grid-column-end:3;
}

.grid-deux-category-stem-container {
gap:4%;
}

.grid-une-category-stem-image{
margin-top:6%;
}

.grid-deux-title{
margin-top:10%;
}

.grid-deux-subtitle {
margin-top:10%;
}


.grid-deux-description {
margin-top:4%;
}


/*SINGLE*/
.post h1 {
font-size:2em;  
}

.post {
margin-top:10%;
}

.grid-deux-single-thumbnail {
margin-top:4%;
}

.grid-deux-single-thumbnail img {
height:20%;  
}

.wp-block-heading {
font-size:2em; 
margin-top:10%;
margin-bottom:2%;
}

.auteur-container {
display:grid;
grid-template-columns:auto auto;
width:80%;
margin:12% auto 0% auto;
}

.auteur-reseaux-sociaux {
display:grid;
grid-template-columns:auto auto;
width:20%;
margin:4% 0% 10% 10%;
}


/*SHOP*/
.grid-deux-shop {
width:90%;
display:block;
} 

.grid-deux-shop-item h2{
font-size:2em;
}

.grid-deux-shop-item{
margin-bottom:4%;
}

.price {
font-size:1.5em;
}


/*TAG*/
.grid-articles-item1-title {
font-size:1em;  
} 

.grid-articles-item1-extrait {
font-size:0.8em;  
} 

.grid-articles-item1-thumbnail img{
height:30%;
} 


} /* FERMETURE SMARTPHONE LARGE PAYSAGE*/


/*TABLETTE PORTRAIT*/


@media screen and (min-width: 750px) and (max-width: 890px) and (orientation: portrait) {
    
/*GENEREAL*/

.mobile-none {
display:none;
}

/*HEADER*/ 
.header-menu-principal2-mobile {
display:block;
} 

.grid-header-logo-shop-login{
display:grid;
grid-template-columns:45% 20% 20%;
gap:6%;
margin-top:5%;
margin-bottom:20%;
font-size:1em;
align-items: center;
}

.logo{
width:20%;
margin-left:10%;
}

.bouton {
text-align:center; 
align-items: center;
font-size:1.5em; 
}
 
.header-menu-principal2-item-mobile {
display:grid;
grid-template-columns:10% 60% 6%;
width:90%;
margin:8% auto 8% auto;
padding:3% 0% 3% 4%;
border: 1px solid #00B9CB;
border-radius: 10px;
align-items: center;
}
 
.icone img{
width:60%;
}

.menu-text a {
color:#AA3AD2;
text-transform:uppercase;
font-size:1.5em;
font-family:Luckiest Guy;
letter-spacing:0.1em;
text-decoration:none;
}

.cursor {
background-color: #00B9CB;
text-align:center;
border-radius:50%;
align-items: center;
}

.cursor a{
color: #FFFFFF;
font-size:1.5em;
font-family:poppins;
font-weight:bold;
}

.grid-une-container {
display:block;  
margin-top:20%;
}
 
.grid-une-item1 img {
width:90%;
}

.grid-une-item2-title {
margin-top:20%;
font-size:4em;
line-height:1.2;
}

.grid-une-item2-description {
font-size:2em;
}

.grid-une-item2-button {
width:50%;
margin-bottom:20%;
font-size:2.5em;
}


/*SINGLE*/
.grid-une-single-panda img {
width:90%;
}

.grid-une-single-panda {
margin-top:20%;
margin-bottom:20%;
}

.post h1 {
font-size:3em;
} 

.grid-deux-single-thumbnail {
margin-top:5%;
}

.grid-deux-single-thumbnail img{
height:70%;
} 

.post__meta__date{
font-size:1em;
margin-top:4%;
}

.post__content {
font-size:1.5em;
margin-top:10%;
}

.wp-block-heading {
font-size:2em;
line-height:1.2;
margin-top:20%;
margin-bottom:4%;
}

.auteur-container {
display:grid;
grid-template-columns:auto auto;
width:80%;
margin-top:20%;
}

.auteur-nom{
font-size:1.5em;
}

.auteur-description{
font-size:1em;
}

.auteur-reseaux-sociaux {
display:grid;
grid-template-columns:auto auto;
width:20%;
margin:4% 0% 10% 10%;
}


/*SHOP*/
.grid-deux-shop {
width:90%;
display:block;
} 

.grid-une-shop-title {
font-size:3em;
} 
   
.grid-deux-shop {
width:90%;
display:block;
}   

.grid-deux-shop-item h2{
font-size:2.5em;
}

.description{
font-size:1.8em;
}

.price{
font-size:2em;
}

.grid-deux-shop-item h2{
margin-top:20%;
}


/*TAG*/
.grid-une-tag {
margin-top:20%;
}

.grid-une-tag-panda img {
width:60%;
}

.grid-articles-item1-title{
font-size:1.5em;
margin-top:20%;
} 

.grid-articles-item1-thumbnail img{
height:90%;
} 
   
.grid-articles-item1-extrait{
font-size:1.2em;
}    


    
} /*FERMETURE TABLETTE PORTRAIT*/


/*TABLETTE PAYSAGE*/

@media screen and (min-width: 1000px) and (max-width: 1275px) and (orientation: landscape) { 

/*ACCUEIL*/ 



} /*FERMETURE TABLETTE PAYSAGE*/