@font-face {
font-family: 'Baloo Bhaina 2';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/BalooBhaina2-SemiBold.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/BalooBhaina2-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/BalooBhaina2-SemiBold.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/BalooBhaina2-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Regular.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Regular.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Regular.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Italic.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Italic.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Italic.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Bold.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Bold.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Bold.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-BoldItalic.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-BoldItalic.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Light.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Light.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Light.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-LightItalic.eot);
src: url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-LightItalic.woff2) format('woff2'),
url(//carrementjeu.com/wp-content/themes/carrementnous/fonts/Rubik-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} :root {
--purple: rgba(157,109,166);
--pink: rgba(246,165,215);
--red: rgba(226,111,104);
--brown: rgba(155,109,94);
--orange: rgba(242,166,73);
--yellow: rgba(255,240,40);
--green: rgba(163,183,74);
--cyan: rgba(177,203,231);
--blue: rgba(110,139,194); --gray: gainsboro;
--lavender: rgba(205,189,216);
--sakura: rgba(250,211,194);
--taupe: rgba(210,188,170);
--peach: rgba(253,213,139);
--sand: rgba(255,240,156);
--mint: rgba(229,234,168); --plum: #9c6da3;
--rose: #E399BE;
--brick: #de675f;
--mandarin: #F1A849;
--lemon: #F5E400;
--lime: #a5b747;
--horizon: #63b8dd;
} html {
background-image: url(//carrementjeu.com/wp-content/themes/carrementnous/assets/images/background-pattern.png);
background-repeat: repeat;
}
body {
overflow-x: hidden;
display: flex;
flex-direction: column;
max-width: 1200px;
min-height: 100vh;
margin: auto;
padding: 0;
font-family: 'Rubik', sans-serif;
background: white;
}
img {
max-width: 100%;
height: auto;
}
:focus-visible {
outline: 2px solid black;
}
.aria {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.zindex {
position: relative;
z-index: 1;
}
.nolink {
text-decoration: none;
color: inherit !important;
}
.flex-break {
flex-basis: 100%;
height: 0;
}
a {
color: navy;
}
a:visited {
color: black;
}
a:hover {
text-decoration: none;
}
a:active {
color: navy;
} .cj-single h1 {
margin-bottom: 32px;
font-size: 32px;
font-weight: bold;
}
.cj-single h2 {
margin-bottom: 28px;
font-size: 28px;
font-weight: bold;
}
.cj-single h3 {
margin-bottom: 24px;
font-size: 24px;
font-weight: bold;
}
.cj-single h4 {
margin-bottom: 20px;
font-size: 20px;
text-decoration: underline;
}
.cj-single h5 {
margin-bottom: 18px;
font-size: 18px;
font-weight: bold;
}
.cj-single h6 {
margin-bottom: 16px;
font-size: 16px;
text-decoration: underline;
}
.cj-single article {
padding: 60px;
}
.cj-single b,
.cj-single strong {
font-weight: 700;
}
.cj-single i,
.cj-single em {
font-style: italic;
}
.cj-single p {
line-height: 1.4;
}
.cj-single-content + img {
margin-top: 60px;
}
.cj-single-content > * + * {
margin-top: 1.4em;
}
.cj-single-content ul {
list-style: square;
margin-left: 1.5em;
line-height: 1.4;
} .cj-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
}
.cj-logo {
width: auto;
height: 150px !important;
}
.cj-logo-mobile {
display: none;
width: auto;
height: 90px !important;
}
.cj-logo-mini {
display: none;
width: auto;
height: 50px !important;
}
.cj-mif {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
margin-left: -95px;
font-size: 16px;
font-weight: lighter;
text-align: center;
}
.cj-mif img {
width: auto;
height: 24px;
}
.cj-mif .cj-mif-tdp {
position: relative;
top: 0;
margin-top: -20px;
margin-bottom: -60px;
width: 170px;
height: auto;
} .cj-cart {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 68px;
height: 68px;
color: inherit;
text-decoration: none;
}
.cj-cart::after {
content: "";
z-index: 0;
position: absolute;
width: 58px;
height: 58px;
border-radius: 68px;
background-color: transparent;
transition: all 400ms cubic-bezier(.47,1.64,.41,.8);
}
.cj-cart:hover::after {
width: 78px;
height: 78px;
background-color: var(--yellow);
}
.cj-cart:active::after {
background-color: var(--cyan);
}
.cj-cart label, .cj-cart img {
position: relative;
z-index: 1;
}
.cj-cart img {
width: 48px;
height: 48px;
margin-left: -5px;
}
.cj-cart-count {
position: absolute;
top: 0; right: 0;
z-index: 2;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
font-size: 16px;
color: white;
background-color: black;
border-radius: 100%;
} .cj-menu {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin-bottom: 15px;
padding: 10px;
}
.cj-socials {
display: flex;
list-style: none;
margin-right: 250px;
gap: 15px;
}
.cj-socials img {
width: 30px;
}
.cj-socials a {
display: block;
} .cj-navigation {
position: relative;
display: flex;
flex-wrap: wrap;
list-style: none;
margin-top: 30px;
gap: 25px;
}
.cj-navigation a {
position: relative;
z-index: 1;
font-size: 18px;
color: inherit;
text-decoration: none;
}
.cj-navigation .cj-ani {
position: absolute;
width: 48px;
height: 48px;
z-index: 0;
top: 0;
left: -5px;
transform: translateY(-50%) rotate(0deg);
background-color: var(--yellow);
transition-delay: 100ms;
transition: all 300ms cubic-bezier(.47,1.64,.41,.8);
}
.cj-navigation > li {
position: relative;
}
.cj-navigation > li:active~.cj-ani {
background-color: var(--cyan);
}
.cj-navigation > li:nth-child(1):hover~.cj-ani {
left: -5px;
transform: translateY(-50%) rotate(0deg);
}
.cj-navigation > li:nth-child(2):hover~.cj-ani {
left: 77px;
transform: translateY(-50%) rotate(90deg);
}
.cj-navigation > li:nth-child(3):hover~.cj-ani {
left: 210px;
transform: translateY(-50%) rotate(180deg);
}
.cj-navigation > li:nth-child(4):hover~.cj-ani {
left: 387px;
transform: translateY(-50%) rotate(360deg);
} .sub-menu {
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 2;
width: 250px;
height: 0;
bottom: -10px;
transform: translateY(100%);
background: white;
box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
transition: height 150ms linear, opacity 200ms ease;
}
.sub-menu a {
display: block;
padding: 6px 6px 6px 15px;
font-size: 16px;
}
.sub-menu a:hover {
background-color: var(--yellow);
}
.sub-menu a:active {
background-color: var(--cyan);
}
.sub-menu:hover,
.sub-menu:focus-within,
a:hover + .sub-menu {
opacity: 1;
height: 120px;
} .cj-slogan {
padding: 20px;
padding-bottom: 15px;
font-family: 'Baloo Bhaina 2', monospace;
font-size: 24px;
background-color: var(--pink);
}
.cj-hometitle {
margin: 30px 0 15px 0;
font-weight: 600;
font-size: 20px;
text-align: center;
} .cj-footer {
margin-top: auto;
background-color: var(--yellow);
border-top: 10px solid var(--pink);
}
.cj-footer-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 30px 10px;
}
.cj-footer-links li {
margin-bottom: 5px;
}
.cj-footer-links li + li {
margin-left: 10px;
}
.cj-socials-footer {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 20px;
}
.cj-socials-footer img {
width: 32px;
}
.cj-credits {
margin-bottom: 5px;
padding: 5px 10px;
text-align: center;
color: rgba(0,0,0,0.5);
} .cj-squares {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
padding: 0px 10px 30px 10px;
justify-content: center;
align-items: center;
}
.cj-square {
position: relative;
display: flex;
width: 150px;
height: 150px;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
text-decoration: none;
border-bottom: 10px solid rgba(0,0,0,0.1);
transition: border 500ms ease-out;
}
.cj-square::after {
content: "";
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
background: url(//carrementjeu.com/wp-content/themes/carrementnous/assets/images/footer-logo.png);
background-size: 60px;
background-position: top left;
background-repeat: no-repeat;
transition: opacity 0.2s ease;
}
.cj-square:hover {
border-color: rgba(0,0,0,0);
}
.cj-square:hover::after {
opacity: 0.2;
}
.cj-square:nth-child(10n+1) {
background-color: var(--mandarin);
}
.cj-square:nth-child(10n+2) {
background-color: var(--rose);
}
.cj-square:nth-child(10n+3) {
background-color: var(--lemon);
}
.cj-square:nth-child(10n+4) {
background-color: var(--lime);
}
.cj-square:nth-child(10n+5) {
background-color: var(--horizon);
}
.cj-square:nth-child(10n+6) {
background-color: var(--plum);
}
.cj-square:nth-child(10n+7) {
background-color: var(--horizon);
}
.cj-square:nth-child(10n+8) {
background-color: var(--plum);
}
.cj-square:nth-child(10n+9) {
background-color: var(--brick);
}
.cj-square:nth-child(10n+10) {
background-color: var(--lemon);
}
.cj-square-txt {
position: relative;
z-index: 1;
margin-top: auto;
color: white;
}
.cj-square:nth-child(10n+3) .cj-square-txt,
.cj-square:nth-child(10n+10) .cj-square-txt {
color: var(--plum);
}
.cj-square-title {
display: block;
font-family: 'Baloo Bhaina 2', monospace;
font-weight: bold;
font-size: 24px;
}
.cj-square-sub {
display: block;
font-family: 'Rubik', sans-serif;
font-weight: light;
font-size: 14px;
} .cj-slideshow {
overflow: hidden;
position: relative;
width: 100%;
margin: 10px auto;
padding: 10px 0;
white-space: nowrap;
font-size: 0; background-color: var(--gray);
border-right: 10px solid var(--gray);
box-sizing: border-box;
}
.cj-slidebtn {
cursor: pointer;
z-index: 2;
opacity: 0.8;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 32px; height: 32px;
background-color: var(--yellow);
border: 1px solid var(--yellow);
}
.cj-slidebtn:hover {
border-color: black;
}
.cj-slidebtn:active {
background-color: var(--cyan);
}
.cj-slidebtn:first-of-type {
left: 10px;
}
.cj-slidebtn:last-of-type {
right: 0;
}
.cj-slidebtn:first-of-type::before {
content: "<";
}
.cj-slidebtn:last-of-type::after {
content: ">";
}
.cj-slide {
z-index: 1;
position: relative;
display: inline-block;
max-width: calc(100% - 10px);
height: 100%;
padding-bottom: 0%; transition: transform .2s linear;
}
.cj-slide img {
}
.cj-slide {
margin-left: 10px;
} .cj-article {
width: 75%;
margin: 10px auto;
padding: 0px 10px 30px 10px;
text-align: justify;
font-size: 17px;
line-height: 1.4;
box-sizing: border-box;
}
.cj-article h3,
.cj-article h4,
.cj-article h5,
.cj-article h6 {
margin-top: 20px;
font-weight: bold;
}
.cj-article ul {
list-style: square;
margin-top: 10px;
margin-left: 15px;
}
.cj-article img {
display: inline-block;
margin: 10px 0;
}
.cj-article-image img {
margin:	10px;
}
.cj-article b,
.cj-article strong {
font-weight: 700;
}
.cj-article i,
.cj-article em {
font-style: italic;
}
.cj-carrement  {
display: flex;
flex-wrap: wrap;
}
.cj-carrement .cj-article {
order: 2;
width: 50%;
margin: 0;
padding: 0 30px 30px 30px;
}
.cj-carrement .cj-article:target {
order: 1;
}
.cj-carrement .cj-article h3 {
position: relative;
}
.cj-carrement .cj-article h3::before {
content: "";
position: absolute;
width: 48px;
height: 48px;
top: 0;
transform: translate(-33%,-33%);
}
.cj-carrement .cj-article:nth-child(5n+1) h3::before {
background-color: var(--yellow);
}
.cj-carrement .cj-article:nth-child(5n+2) h3::before {
background-color: var(--green);
}
.cj-carrement .cj-article:nth-child(5n+3) h3::before {
background-color: var(--blue);
}
.cj-carrement .cj-article:nth-child(5n+4) h3::before {
background-color: var(--orange);
}
.cj-carrement .cj-article:nth-child(5n+5) h3::before {
background-color: var(--red);
} .cj-gallery {
display: flex;
flex-wrap: wrap;
list-style: none !important;
}
.cj-gallery > li {
width: calc((100% / 3) - 30px);
margin: 10px;
}
.cj-gallery > li > a {
text-decoration: none;
}
.cj-gallery figcaption {
margin-top: 10px;
}
.cj-thumbnail {
overflow: hidden;
position: relative;
height: 0;
padding-top: 100%;
box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.25);
}
.cj-thumbnail img {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
max-width: none;
max-height: 100%;
} .theme-carrementnous figure.wp-block-gallery.has-nested-images {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px; margin: 0 auto; max-width: 1200px; }
.theme-carrementnous .wp-block-gallery.has-nested-images figure.wp-block-image {
display: block;
min-width: 100%;
padding-bottom: 40px;
}
.theme-carrementnous .wp-block-image img {
object-fit: contain;
box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.25);
}
.theme-carrementnous .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
position: static !important;
color: black;
background: none;
}
.theme-carrementnous .wp-block-gallery.has-nested-images figure.wp-block-image::before {
content: none !important;
}@media (max-width: 945px)  {
.cj-menu {
flex-direction: row-reverse;
padding: 10px 20px;
}
.cj-socials {
margin-right: 0;
}
.cj-navigation {
margin-right: auto;
}
}
@media (max-width: 860px) {
.cj-logo {
height: 110px;
}
.cj-slogan {
font-size: 18px;
padding: 10px 20px;
padding-bottom: 5px;
}
.cj-socials {
gap: 5px;
}
}
@media (max-width: 760px) {
.cj-mif {
margin-left: 0;
align-self: flex-end;
font-size: 14px;
}
.cj-mif .cj-mif-tdp {
position: absolute;
top: 0;
right: 0;
width: 135px;
}
.cj-menu {
flex-direction: column-reverse;
}
.cj-socials {
position: absolute;
top: 10px;
left: 50%;
margin: 0;
transform: translateX(-50%);
}
.cj-footer li {
padding: 5px;
}
}
@media (min-width: 560px) and (max-width: 760px) {
.cj-mif {
position: absolute;
top: 180px;
left: 0;
width: 100%;
justify-content: center;
}
.admin-bar .cj-mif {
top: 220px;
}
}
@media (max-width: 560px) {
.cj-header {
padding-bottom: 50px;
}
.cj-logo {
display: none;
}
.cj-logo-mobile {
display: block;
}
.cj-mif {
position: absolute;
top: 125px;
left: 0;
width: 100%;
justify-content: center;
}
.cj-mif .cj-mif-tdp {
width: 120px;
top: -35px;
right: auto;
}
.cj-navigation {
margin-top: 0;
}
.cj-navigation .cj-ani {
display: none;
}
.cj-navigation > li > a::before {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: -5px;
z-index: -1;
transform: translateY(0%) rotate(45deg);
background-color: transparent;
transition: all 300ms cubic-bezier(.47,1.64,.41,.8);
}
.cj-navigation > li > a:focus::before,
.cj-navigation > li > a:hover::before {
width: 38px;
height: 38px;
transform: translateY(-50%) rotate(0deg);
background-color: var(--yellow);
}
.cj-navigation > li > a:active::before {
background-color: var(--cyan);
}
}
@media (max-width: 480px) {
.cj-logo-mobile {
display: none;
}
.cj-logo-mini {
display: block;
}
.cj-mif {
top: 100px;
}
} @media (min-width: 860px) {
.cj-slide {
width: calc(50% - 5px);
}
}
@media (min-width: 860px) {
.cj-slide img {
object-fit: cover;
}
}
@media (min-width: 1200px) {
.cj-slideshow {
width: 80%;
}
} @media (max-width: 760px) {
.cj-square {
width: 120px;
height: 120px;
}
.cj-square-title {
font-size: 20px;
}
} @media (max-width: 960px) {
.cj-carrement {
margin-top: 20px;
}
.cj-carrement .cj-article {
width: 100%;
max-width: 760px;
margin: 0 auto;
}
}.cj-shophead,
.cj-shophead-user,
.cj-shophead-categories {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cj-shophead {
margin-bottom: 20px;
padding: 5px 30px;
font-size: 16px;
background-color: rgb(236, 236, 236);
border-radius: 100px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.cj-shophead-user > * + *,
.cj-shophead > * + * {
margin-left: 10px;
}
.cj-shophead-user {
margin-left: auto;
}
.cj-shophead-categories {
flex: 1;
font-size: 14px;
}
.cj-shophead-categories a {
display: inline-block;
margin: 2px 5px 2px 0;
padding: 2px 5px;
text-decoration: none;
background-color: var(--gray);
border-radius: 100px;
}
.cj-shop-notice {
display: inline-block;
width: auto;
margin: auto;
padding: 10px 20px 7px;
text-align: center;
font-family: 'Baloo Bhaina 2', monospace;
font-size: 16px;
}
.cj-shop-notice-link {
display: inline-block;
width: auto;
margin: auto;
} @media (max-width: 1200px)  {
.cj-shophead {
border-radius: 0;
}
}
@media (max-width: 1100px)  {
.cj-shophead {
padding: 5px 10px;
}
.cj-shophead a + .cj-shophead-link {
display: none;
}
.cj-shophead img {
width: 42px;
}
}
@media (max-width: 760px) {
.cj-shophead {
padding: 0 10px;
}
.cj-shophead-categories a {
margin: 0;
padding: 8px 13px;
border-radius: 0;
}
}
@media (max-width: 560px) {
.cj-shophead-categories {
display: none;
}
.cj-shophead img {
width: 32px;
}
.cj-shophead a + .cj-shophead-link {
display: inline;
}
} .woocommerce-page h1 {
position: relative;
margin: 0px 0 30px 0;
padding: 0 0 5px 90px;
font-family: 'Baloo Bhaina 2', monospace;
font-weight: 700;
font-size: 28px;
color: black;
border-bottom: 4px solid var(--pink);
}
.woocommerce-page h1::before {
content: "";
position: absolute;
width: 48px;
height: 48px;
z-index: 0;
top: 0;
left: 15px;
transform: translateY(-25%) rotate(25deg);
background-color: var(--lemon);
}
.theme-carrementnous .wp-block-heading {
margin: 20px 0 20px 0;
font-family: 'Baloo Bhaina 2', monospace;
font-weight: 700;
font-size: 24px;
color: black;
}
.theme-carrementnous .woocommerce-result-count {
font-size: 14px;
color: var(--purple);
}
.theme-carrementnous .woocommerce .single-product .product .price {
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 32px;
color: var(--blue);
}
.theme-carrementnous .woocommerce-product-details__short-description {
margin: 15px 0;
font-size: 18px;
line-height: 1.2;
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title,
.theme-carrementnous .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: 'Baloo Bhaina 2', monospace;
font-size: 21px;
color: black;
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product .price,
.theme-carrementnous .woocommerce ul.products li.product .price {
position: relative;
font-family: Arial, sans-serif;
font-size: 19px;
color: var(--purple);
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product .price span,
.theme-carrementnous .woocommerce ul.products li.product .price span {
position: relative;
z-index: 1;
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product .price::after,
.theme-carrementnous .woocommerce ul.products li.product .price::after {
content: "";
position: absolute;
z-index: 0;
top: 0; left: 0;
width: 80px;
height: 15px;
transform: translate(-5%,20%);
}
.theme-carrementnous .woocommerce .star-rating span {
color: var(--lemon);
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.theme-carrementnous.woocommerce-cart h2:not(.wc-block-cart__empty-cart__title) {
margin-bottom: 15px;
text-decoration: underline;
font-size: 24px;
font-weight: 700;
color: var(--purple);
}
.theme-carrementnous.woocommerce-cart .wc-block-cart__empty-cart__title {
font-size: 16px;
color: var(--blue);
}
.theme-carrementnous.woocommerce-cart .wp-block-separator.is-style-dots {
margin: 60px 0;
}
.theme-carrementnous.woocommerce-cart .wp-block-separator.is-style-dots::before {
content: "◆ ◆ ◆";
letter-spacing: 0;
padding: 0;
color: var(--pink);
}
.theme-carrementnous .woocommerce .upsells.products h2,
.theme-carrementnous .woocommerce .related.products h2 {
margin-bottom: 15px;
font-size: 20px;
font-weight: 400;
color: var(--purple);
}
.theme-carrementnous .woocommerce .upsells.products > h2:first-child {
font-weight: 700;
padding-bottom: 10px;
border-bottom: 2px solid var(--pink);
}
.theme-carrementnous .wc-block-cart-item__remove-link {
color: var(--red) !important;
}
.theme-carrementnous .wc-block-components-product-name {
font-family: 'Baloo Bhaina 2', monospace;
font-weight: 700;
color: var(--purple);
text-decoration: none;
}
.theme-carrementnous .wc-block-components-product-price__value {
color: var(--blue);
}
.theme-carrementnous .wc-block-cart-item__total .wc-block-components-product-price__value {
color: black;
font-weight: 700;
}
.theme-carrementnous .woocommerce-MyAccount-content fieldset legend {
margin: 20px 0;
font-weight: 700;
font-size: 22px;
} .woocommerce-page .cj-single article {
padding: 30px 10px;
}
.theme-carrementnous .woocommerce .product .images .flex-control-thumbs {
margin-top: 15px;
}
.theme-carrementnous .woocommerce .product .images .flex-control-thumbs img {
box-sizing: border-box;
border: 2px solid transparent;
transition: border-color 300ms ease-in;
}
.theme-carrementnous .woocommerce .product .images .flex-control-thumbs img.flex-active {
border-color: var(--purple);
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product a img,
.theme-carrementnous .woocommerce ul.products li.product a img {
border: 4px solid var(--gray);
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-link {
text-decoration: none;
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product a:hover .wc-block-grid__product-title,
.theme-carrementnous .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
color: var(--plum);
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product a:hover ~ .wc-block-grid__product-add-to-cart .add_to_cart_button,
.theme-carrementnous .woocommerce ul.products li.product a:hover + a.add_to_cart_button.button {
background-color: var(--yellow);
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product a:hover .price,
.theme-carrementnous .woocommerce ul.products li.product a:hover .price {
color: rgba(0,0,0,0.85);
font-weight: 700;
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product a:hover .price::after,
.theme-carrementnous .woocommerce ul.products li.product a:hover .price::after {
background-color: var(--sand);
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product a:hover img,
.theme-carrementnous .woocommerce ul.products li.product a:hover img {
border-color: var(--plum);
}
.theme-carrementnous .woocommerce .related.products img,
.theme-carrementnous .woocommerce .upsells.products img {
max-width: 200px;
}
.theme-carrementnous .woocommerce .related.products .price,
.theme-carrementnous .woocommerce .upsells.products .price {
float: left;
margin-right: 10px;
}
.theme-carrementnous .woocommerce .related.products a.button,
.theme-carrementnous .woocommerce .upsells.products a.button {
margin-top: 0;
}
.theme-carrementnous.woocommerce-page ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title,
.theme-carrementnous .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title,
.theme-carrementnous .woocommerce .upsells.products ul.products li.product .woocommerce-loop-product__title {
font-size: 16px;
font-weight: 400;
}
.theme-carrementnous .is-large.wc-block-cart .wc-block-cart-items td {
padding: 10px 0 10px 15px;
}
.theme-carrementnous .woocommerce-Addresses {
margin-top: 30px;
}
.theme-carrementnous .woocommerce-MyAccount-navigation ul {
list-style: none;
margin-left: 0;
border: 1px solid rgba(0,0,0,0.5);
}
.theme-carrementnous .woocommerce-MyAccount-navigation-link {
padding: .5em;
background-color: var(--pink);
}
.theme-carrementnous .woocommerce-MyAccount-navigation-link:hover {
background-color: var(--yellow);
}
.theme-carrementnous .woocommerce-MyAccount-navigation-link.is-active {
background-color: var(--gray);
}
.theme-carrementnous .woocommerce-MyAccount-navigation-link + .woocommerce-MyAccount-navigation-link {
border-top: 1px solid rgba(0,0,0,0.5);
}
.theme-carrementnous .woocommerce-MyAccount-navigation-link a {
text-decoration: none;
} .theme-carrementnous .wc-block-cart__submit-button {
text-decoration: none;
}
.theme-carrementnous .wp-element-button {
border: none;
}
.theme-carrementnous form .button,
.theme-carrementnous .button.wc-forward,
.theme-carrementnous .woocommerce-Button.button,
.theme-carrementnous .woocommerce-button.button,
.theme-carrementnous .wp-element-button,
.theme-carrementnous .wc-block-cart__submit-button,
.theme-carrementnous .woocommerce button.single_add_to_cart_button.button,
.theme-carrementnous a.add_to_cart_button.button,
.theme-carrementnous .wp-block-button__link {
position: relative;
font-family: 'Rubik', sans-serif;
color: black;
background-color: var(--pink);
box-shadow: 1px 1px 2px black;
transform: translate(0,0);
transition: all 250ms linear;
}
.theme-carrementnous form .button:hover,
.theme-carrementnous .button.wc-forward:hover,
.theme-carrementnous .woocommerce-Button.button:hover,
.theme-carrementnous .woocommerce-button.button:hover,
.theme-carrementnous .wp-element-button:hover,
.theme-carrementnous .wc-block-cart__submit-button:hover,
.theme-carrementnous .woocommerce button.single_add_to_cart_button.button:hover,
.theme-carrementnous a.add_to_cart_button.button:hover,
.theme-carrementnous .wp-block-button__link:hover {
background-color: var(--yellow);
}
.theme-carrementnous form .button:active,
.theme-carrementnous .button.wc-forward:active,
.theme-carrementnous .woocommerce-Button.button:active,
.theme-carrementnous .woocommerce-button.button:active,
.theme-carrementnous .wp-element-button:active,
.theme-carrementnous .wc-block-cart__submit-button:active,
.theme-carrementnous .woocommerce button.single_add_to_cart_button.button:active,
.theme-carrementnous a.add_to_cart_button.button:active,
.theme-carrementnous .wp-block-button__link:active {
color: black;
background-color: var(--cyan);
box-shadow: 0px 0px 1px black;
transform: translate(1px,1px);
}
.theme-carrementnous .woocommerce a.add_to_cart_button.button.added {
font-weight: normal;
background-color: var(--green);
}
.theme-carrementnous .woocommerce a.add_to_cart_button.button.added::after {
color: seagreen;
}
.theme-carrementnous .woocommerce a.added_to_cart {
display: block;
padding-top: 10px;
color: blue;
text-decoration: underline !important;
}
.theme-carrementnous .product_meta [rel="tag"] {
border-radius: 10px;
padding: 3px 9px;
text-decoration: none;
background-color: var(--gray);
}
.theme-carrementnous .woocommerce .product_meta [rel="tag"]:hover {
box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.theme-carrementnous .woocommerce .quantity .qty {
height: 30px;
}
.theme-carrementnous .woocommerce .select2-container .select2-selection--single{
height: 46px;
}
.theme-carrementnous .woocommerce .select2-container .select2-selection--single .select2-selection__rendered  {
position: relative;
}
.theme-carrementnous .woocommerce .select2-container .select2-selection--single .select2-selection__arrow,
.theme-carrementnous .woocommerce .select2-container .select2-selection--single .select2-selection__rendered  {
top: 50%;
transform: translateY(-50%);
}
.theme-carrementnous .woocommerce input:not(.qty) {
padding: 1em;
}