@charset "UTF-8";
/* CSS Document */
/*!
Theme Name: jewels
Description: Thème pour Once Upon A Jewel By Amanda FRAU
Version: 3.0
*/

/*header*/
header{background-color:#f8f1f4;}
.site-header{margin-bottom:0 em;}
.grid-container ul.menu li a{color:black;padding-right: 2%;}

/*Responsive header*/
@media (min-width: 992px) {
    .titresite{font-size:60px;}
    .headerprincipal{background-color:#f8f1f4;height:350px;padding-left:5%;padding-right:5%;}
    .soustitre{font-size:25px;}
    .grid-container-header{padding-top:7%;padding-bottom:50px;margin-bottom:50px;}
    .grid-container{display: grid;grid-template-columns: 25% 50% 25%;margin-left:5%;margin-right:5%;padding-top:5%;}
    .grid-container-mobile{display: none;visibility:hidden;}
    .pour_mobile{display: none;visibility:hidden;}
    .textpresentationwp{font-size: 20px;}
    .textmentionswp{font-size: 20px;}}

@media (min-width: 767.98px) and (max-width: 991.99px) {
        .titresite{font-size:60px;}
        .headerprincipal{background-color:#f8f1f4;height:350px;padding-left:5%;padding-right:5%;}
        .grid-container{display: grid;grid-template-columns: 25% 50% 25%;margin-left:5%;margin-right:5%;padding-top:5%;}
        .grid-container-mobile{display: none;visibility:hidden;}
        .pour_mobile{display: none;visibility:hidden;}
        .soustitre{font-size:25px;}
        .grid-container-header{padding-top:7%;padding-bottom:50px;margin-bottom:50px;}
        .textpresentationwp{font-size: 20px;}
        .textmentionswp{font-size: 20px;}}

@media (max-width: 767.97px) {
        .titresite{font-size:30px;}
        .headerprincipal{background-color:#f8f1f4;height:250px;padding-left:5%;padding-right:5%;}
        .soustitre{font-size:20px;}
        .grid-container-header{padding-top:7%;padding-bottom:50px;margin-bottom:0;}
        /*.grid-container{margin-left:5%;margin-right:5%;padding-top:10%;}*/
        .grid-container{display: none;visibility:hidden;}
        .grid-container-mobile{display: grid;grid-template-columns: 60% 40%;margin-left:5%;margin-right:5%;padding-top:5%;}
         h1{margin-top:30px !important}
        .textpresentationwp{font-size: 15px;}
        .textmentionswp{font-size: 15px;}
        .wp-block-media-text .wp-block-media-text__content {padding-top: 10% !important;}}

/*footer*/
footer{background-color:#B3848F;padding-top:1%;padding-bottom:1%;padding-left:5%;padding-right:5%;margin-top:50px;}
.site-footer {background-color: #fffff4!important;}

/*Responsive footer*/

@media (min-width: 992px) {
    .grid-container-footer {display: grid;grid-template-columns: 50% 50%;padding: 2%;}
    .footertitre{font-size:20px;margin-top:50px;}
    .footersoustitre{font-size:20px;}
    .footermentions{font-size:20px;}}

@media (min-width: 767.98px) and (max-width: 991.99px) {
    .grid-container-footer {display: grid;grid-template-columns: 50% 50%;padding: 2%;}
    .footertitre{font-size:20px;margin-top:50px;}
    .footersoustitre{font-size:20px;}
    .footermentions{font-size:20px;}}

@media (max-width: 767.97px) {
    .grid-container-footer {padding: 9%;}
    .footertitre{font-size:15px;margin-top:40px;}
    .footersoustitre{font-size:15px;}
    .footermentions{font-size:15px;}}

/*corps*/
body{font-family: adobe caslon pro;}
.articlementionslegales{margin-left:15%;margin-right:15%;}
ul {list-style-type: none;margin: 0;padding: 0;}
li {display: inline;}
.wp-block-media-text__media img{filter: brightness(1.2) !important;}
.titrecollier{text-align:center;font-family:adobe caslon pro;color:#333333;}
.titrecollier1{text-align:center;font-family:adobe caslon pro;color:#333333;}

/*Responsive corps*/
@media (min-width: 992px) {
    .titrecollier{font-size:24px;margin-top:5%;margin-bottom:5%;}
    .titrecollier1{font-size:24px;margin-top:5%;margin-bottom:5%;}
    .texte_ruby{margin-left:10%;margin-right:10%;}
    .margintop_text_ruby{margin-top:30%;}
    .text_ruby2{text-shadow: 0.5px 0.5px #f8f1f4;}}

@media (min-width: 767.98px) and (max-width: 991.99px) {
    .titrecollier{font-size:24px;margin-top:5%;margin-bottom:5%;}
    .titrecollier1{font-size:24px;margin-top:5%;margin-bottom:5%;}
    .texte_ruby{margin-left:10%;margin-right:10%;}
    .margintop_text_ruby{margin-top:30%;}
    .text_ruby2{text-shadow: 0.5px 0.5px #f8f1f4;}}

@media (max-width: 767.97px) {
    .marge1{margin-right:1%;margin-left:1%;}
    .titrecollier{font-size:15px;margin-top:2%;margin-bottom:5%;}
    .titrecollier1{font-size:15px;margin-top:10%;margin-bottom:5%;}
    .cards {display:block !important;}
    .text_ruby2{text-shadow: 0.5px 0.5px #f8f1f4;}}

/*boutton*/
.wp-block-media-text{margin-top:4%;margin-left:4%;margin-right:4%;}
.wp-block-media-text {background-color: #f8f1f4;padding-top:5%;padding-bottom:5%;padding-left:2%;padding-right:2%;}
.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-round-large{border-radius:8px;}

/*css pour card*/
*,
*::before,
*::after {box-sizing: border-box;}
img {height: auto;max-width: 100%;vertical-align: middle;}
.btn {background-color: white;border: 1px solid #cccccc;color: #696969;padding: 0.5rem;text-transform: lowercase;}
.btn--block {display: block;width: 100%;}
.cards {display: flex;justify-content:space-evenly;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;margin-right: 5%;margin-left: 5%;}
.cards__item {padding: 1rem;}
.card {background-color: white;border-radius: 0.7rem;box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);display: flex;flex-direction: column;overflow: hidden;}
.card:hover .card__image {filter: contrast(150%);}
.card:hover .card__image2 {filter: contrast(120%);}
.card:hover .card__image3 {filter: contrast(120%);}
.card:hover .card__image4 {filter: contrast(150%);}
.card:hover .card__image5 {filter: contrast(120%);}
.card:hover .card__image6 {filter: contrast(120%);}
.card:hover .card__image7 {filter: contrast(150%);}
.card:hover .card__image8 {filter: contrast(120%);}
.card:hover .card__image9 {filter: contrast(120%);}
.card__content {display: flex;flex: 1 1 auto;flex-direction: column;padding: 1rem;}
.card__image {background-position: center center;background-repeat: no-repeat;background-size: cover;
    border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;overflow: hidden;position: relative;
    transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);width:100%;filter: brightness(1.3);}
.card__image2 {background-position: center center;background-repeat: no-repeat;background-size: cover;
    border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;overflow: hidden;position: relative;
    transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);width:100%;filter: brightness(1.1);}
.card__image::before {content: "";display: block;padding-top: 100%;}
.card__image2::before {content: "";display: block;padding-top: 100%;}
.card__image--1 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/Coeur_Provence.jpg);}
.card__image--2 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/Amour_Lavande.jpg);}
.card__image--3 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/collier_personnalise_fleuri.jpg);}
.card__image--4 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/Coeur_fleurs.jpg);}
.card__image--5 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/2_fleurs.jpg);}
.card__image--6 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/4_fleurs.jpg);}
.card__image--7 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/Rond_2_Provence.jpg);}
.card__image--8 {background-image: url(http://www.once-upon-a-jewel.com/wp-content/themes/jewels/images/Goutte_fleurs.jpg);}

.card__title {font-weight: 300;letter-spacing: 2px;text-align:center;text-transform:uppercase;margin-top:3%;margin-bottom:3%;}

.grid-container-fiche{display: grid;grid-template-columns: 70% 30%;padding: 2%;}

/*Responsive card*/
@media (min-width: 40rem) {
    .cards__item {width: 50%;}}
@media (min-width: 56rem) {
    .cards__item {width: 40%;} }
@media (min-width: 40rem) {
    .card__image::before {padding-top: 100%;}}
 
/*SVG*/
svg{margin-left:10px;}

.decoration{text-decoration: none;color: black;}
.decoration a {color:black!important;}

.header-widget{text-align:right;}
.header-widget2{text-align:right;}
.header-widget a {color:black!important;}
.header-widget2 a {color:black!important;}