#bandeau-livre-container {
overflow: hidden
}
img {
object-fit: cover
}
ul {
padding-left: 0;
list-style-type: none;
}
.flex {
display: flex;
}
.flex-center {
justify-content: center;
}
.align-center {
align-items: center;
}
.wrap {
flex-wrap: wrap;
}
.bold-text-800 {
font-weight: 800;
}
.cursor-pointer {
cursor: pointer;
}
.height-230 {
height: 230px;
}
.width-44 {
width: 44%;
}
.width-52 {
width: 52%;
}
.height-global-100 {
height: 100%;
}
.font-size-spirit {
font-family: "september-spirit";
font-weight: 400;
font-size: 57px;
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
p,
a {
font-family: "inter", sans-serif;
}
h1 {
font-weight: 700;
font-size: 44px;
}
h1,
h2,
h3 {
text-transform: uppercase;
} .bg-dark-blue {
background-color: #39405b;
}
.bg-blue-green {
background-color: #7ab7ae;
}
.bg-orange {
background-color: #f1966a;
}
.bg-orange-80 {
background-color: #f1966aa3
}
.bg-yellow {
background-color: #fad459
}
.bg-pale {
background-color: #EEECE2;
}
.bg-pale-brown {
background-color: #E7E0CE
} .popup__category-tags-and-search-bar {
transform: scale(0);
visibility: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 12;
background-color: rgba(57, 64, 91, 0.8);
width: 100%;
min-height: 100vh;
}
.popup__category-tags-and-search-bar__top-closer {
height: 20vh;
}
.bg-plant-search-form {
background-image: url(https://dev-carocryp.pantheonsite.io/wp-content/uploads/2023/07/plante-tropical-blog-top.png);
background-position: bottom 0 right 0;
}
.caro-site__search-section-ctnr {
position: relative;
background-image: url(https://dev-carocryp.pantheonsite.io/wp-content/uploads/2023/07/bg-texture.png);
padding-left: 70px
}
.caro-site__search-section-ctnr__popup {
border-radius: 10px;
width: 86%;
margin: 0 auto;
max-width: 1200px;
min-width: 340px;
}
.crypto-caro-tag-category {
padding: 5px 25px;
border-radius: 10px;
margin: 6px;
text-transform: uppercase;
cursor: pointer;
border: none;
}
.caro-site__search-form {
background-image: url(https://dev-carocryp.pantheonsite.io/wp-content/uploads/2023/07/plante-tropical-blog-top.png);
background-position: right 0 bottom 0;
padding: 30px 50px 40px 10px;
background-repeat: no-repeat;
position: relative;
background-size: 230px 190px;
}
.caro-site__search-form__search-input {
border: none !important;
background-color: #EFECE2;
border-radius: 10px !important;
padding: 20px 13px 20px 25px;
height: 50px;
font-style: italic
}
.caro-site__search-form__submit-btn {
position: absolute;
width: 32px;
height: 32px;
right: 65px;
bottom: 50px;
border: none;
border-radius: 5px;
color: #39405b;
background-color: #E6DECB;
}
.caro-site__search-form__submit-btn:hover {
background-color: #EEECE2;
}
.caro-site__search-form__submit-btn>img {
position: absolute;
top: 8px;
left: 6px;
} .nav-links .page-numbers.current {
background-color: #39405B;
color: #E0D4DD;
}
.underline-green-on-hover:hover:after {
content: url(https://dev-carocryp.pantheonsite.io/wp-content/uploads/2023/07/underline-green-blue.png);
position: absolute;
bottom: -15px;
top: 4px;
animation: progressiveHomeFormationBtnWidth 0.4s forwards;
}
#home-review__span-underline-green:after {
content: url(https://dev-carocryp.pantheonsite.io/wp-content/uploads/2023/08/green-underline-2.png);
position: absolute;
bottom: -15px;
right: 10px;
}
@keyframes progressiveHomeFormationBtnWidth {
from {
right: 100px;
transform: rotate(5deg) scaleX(0.1);
}
to {
right: 40px;
transform: rotate(5deg) scaleX(1.9);
}
}
@keyframes progressiveHomeFormationBtnWidthMobile {
from {
right: 135px;
transform: scaleX(0.1);
}
to {
right: 105px;
transform: scaleX(1.9);
}
}
.hfe-menu-item {
border: 1px solid;
border-radius: 10px;
padding: 10px 18px !important
}
.hfe-menu-item:hover {
transition: background-color 0.3s, color 0.3s;
background-color: #39405B;
color: white
}
.hfe-menu-item .nav-social-icon {
font-size: 25px;
color: #39405B;
}
.hfe-menu-item span.nav-social-icon {
margin: -5px -10px;
}
blockquote {
border-left: .25em solid;
border-color: #f1966a;
padding-left: 1em;
}
#bg-img-plant-ctnr img {
width: 100%;
}
.img-filter {
position: absolute;
width: calc(100% - 6px);
border-radius: 10px;
z-index: 1;
}
.img-filter-blue {
background-color: #39405bd1;
}
.img-filter-orange {
background-color: #f1966ad1;
}
.img-filter-yellow {
background-color: #fad459d1;
}
.img-filter-blue:hover {
transition: 0.4s background-color;
background-color: #39405b83;
}
.img-filter-orange:hover {
transition: 0.4s background-color;
background-color: #f1966a83;
}
.img-filter-yellow:hover {
transition: 0.4s background-color;
background-color: #fad45983;
}
.home-custom-card {
display: flex;
align-items: flex-end;
padding: 10px;
border-radius: 10px;
margin: 7px;
position: relative;
overflow: hidden
}
.home-custom-card-img {
position: absolute;
top: 0;
left: 0;
height: 100% !important;
width: 100%;
object-fit: cover
}
.home-custom-card p {
color: white;
font-size: 16px;
line-height: 21px;
width: 175px;
margin: 0;
z-index: 2;
}
.home-custom-card p>span {
padding-bottom: 10px;
}
.home-custom-card:hover p.white-p>span {
background-image: linear-gradient(0,
transparent 0,
white 1px,
white 0,
transparent 10%,
transparent 10%);
padding-bottom: 3px
}
.home-custom-card:hover p.dark-blue-p>span {
background-image: linear-gradient(0,
transparent 0,
#39405b 1px,
#39405b 0,
transparent 10%,
transparent 10%);
padding-bottom: 3px
}
.home-custom-card i {
color: white;
font-size: 18px;
}
.home-custom-card a {
text-decoration: none;
}
.home-custom-card__bottom {
display: flex;
align-items: flex-end;
}
.blue-when-hovered:hover p,
.blue-when-hovered:hover i {
color: #39405b;
}
.home-btn-read-more {
position: relative;
}
.home-custom-card-read-more-btn-txt {
position: relative;
}
.home-btn-read-more:hover .home-custom-card-read-more-btn-txt:after {
position: absolute;
content: url(https://lescryptosdecaro.com/wp-content/uploads/2023/07/underline-dark-blue.png);
top: 15px;
z-index: 2;
animation: progressiveBtnReadMoreWidth 0.4s ease-out forwards;
}
@keyframes progressiveBtnReadMoreWidth {
from {
left: -25px;
transform: scaleX(0.6);
}
to {
left: 0px;
transform: scaleX(1);
}
}
#qui-suis-je-title {
position: relative;
}
#qui-suis-je-title:after {
position: absolute;
content: url(https://lescryptosdecaro.com/wp-content/uploads/2023/07/underline-green-blue.png);
bottom: 5px;
left: 80px;
}
#diamond-picto-first {
animation: diamondShinesFirst 3s infinite;
}
#diamond-picto-half {
animation: diamondShinesHalf 3s infinite;
}
#diamond-picto-full {
animation: diamondShinesFull 3s infinite;
}
#bandeau-mon-dernier-livre img {
padding: 0 10px
}
#home-ma-formation-picture-ctnr {
position: relative;
}
#home-ma-formation-bandeau-left {
position: absolute;
top: 35px;
left: 0;
background-color: #F1966A;
color: white;
text-transform: uppercase;
padding: 8px 19px 8px 19px;
border-radius: 0 5px 5px 0
}
.home-stat-picto:hover {
animation: oscilleLeftRight 1s infinite;
}
#qui-suis-je__read-more-btn {
position: relative
}
#home-page__ma-formation__read-more-btn:hover:after {
position: absolute;
top: 35px;
right: 40px;
content: url(https://lescryptosdecaro.com/wp-content/uploads/2023/07/souligne-animation.png);
animation: home-page__formation__read-more-btn__underline 0.3s forwards;
}
#qui-suis-je__read-more-btn:hover:after {
position: absolute;
top: 35px;
right: 40px;
content: url(//lescryptosdecaro.com/wp-content/themes/hello-elementor-child/(https://lescryptosdecaro.com/wp-content/uploads/2023/07/souligne-animation.png);
animation: qui-suis-je__read-more-btn__underline 0.3s forwards;
}
@keyframes qui-suis-je__read-more-btn__underline {
from {
right: 70px;
transform: scaleX(0.5)
}
to {
right: 40px;
transform: scaleX(1)
}
}
@keyframes home-page__formation__read-more-btn__underline {
from {
left: -90px;
transform: scaleX(0.5)
}
to {
left: -30px;
transform: scaleX(1)
}
}
.home-bottom-what-you-need-button {
max-width: 400px !important;
width: 100% !important;
display: block !important;
text-align: left !important;
}
@keyframes oscilleLeftRight {
0%,
49%,
100% {
transform: rotate(-20deg);
}
50%,
99% {
transform: rotate(35deg);
}
}
@keyframes diamondShinesFirst {
0%,
69.9% {
transform: scale(1);
}
70%,
100% {
transform: scale(0);
}
}
@keyframes diamondShinesHalf {
0%,
69.9% {
transform: scale(0);
}
70%,
100% {
transform: scale(1);
}
}
@keyframes diamondShinesFull {
0%,
79.9% {
transform: scale(0);
}
80%,
100% {
transform: scale(1);
}
}
#caro-blog-posts-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 40px 70px;
max-width: 1800px;
margin: 0 auto;
}
#caro-blog-posts-list>article {
position: relative;
width: 380px;
margin: 10px;
background-color: white;
border-radius: 10px;
}
.my-last-post-bandeau {
color: white;
text-transform: uppercase;
background-color: #fad459;
position: absolute;
z-index: 2;
left: 0;
top: 23px;
padding: 5px 19px;
border-radius: 0 5px 5px 0;
font-size: 12px;
font-weight: 700;
}
.caro-blog-post-read-time,
.caro-blog-post-time {
color: white; padding: 3px;
position: absolute;
top: 175px;
font-size: 11px;
z-index: 2;
font-weight: 700;
display: flex;
align-items: center;
}
.caro-blog-post-read-time img,
.caro-blog-post-time img {
margin: 0 5px;
}
.caro-blog-post-read-time {
border-radius: 0 5px 5px 0;
left: 0;
}
.caro-blog-post-time {
border-radius: 5px 0 0 5px;
right: 0;
}
#caro-blog-posts-list>article>img {
border-radius: 10px 10px 0 0;
height: 212px;
width: 100%;
}
.caro-blog-post__img-filter {
position: absolute;
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 212px;
opacity: 0.5;
border-radius: 10px 10px 0 0;
}
.caro-blog-posts-list__post-content {
height: 260px;
padding: 0 15px;
display: flex;
flex-direction: column;
}
.caro-blog-posts-list__post-tags {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding-left: 0;
min-height: 50px;
align-items: center;
}
.caro-blog-posts-list__post-tags li {
margin: 3px 5px;
padding: 2px 10px;
border-radius: 10px;
text-transform: uppercase;
font-size: 11px;
}
.caro-blog-posts-list__post-content h3 {
margin-bottom: 10px;
text-transform: unset;
font-size: 16px;
font-weight: 600;
}
.caro-blog-posts-list__post-content p {
margin: 0;
font-size: 13px;
font-weight: 400;
color: #39405B;
}
.caro-blog-posts-list__post-content a {
text-decoration: none;
color: #39405b;
text-transform: uppercase;
border: 1px solid;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
display: block;
text-align: center;
position: absolute;
bottom: 15px;
padding: 8px 43px 8px 43px;
}
.nav-links {
text-align: center;
}
.nav-links .page-numbers {
background-color: #E0D4BB;
margin: 5px;
padding: 10px 20px;
border-radius: 10px;
text-decoration: none;
color: #39405B;
}
.categories-filter-list {
display: flex;
flex-wrap: wrap;
padding: 15px;
max-width: 980px;
}
footer .categories-filter-list {
padding: 0px;
max-width: 490px;
}
footer .crypto-caro-tag-category {
font-size: 14px
}
@media all and (max-width: 1284px) {
#left-side-nav-menu,
#right-side-nav-menu {
display: none !important;
}
}
@media all and (max-width: 991px) {
#qui-suis-je-section__ctnr {
flex-direction: column;
align-items: center
}
#qui-suis-je-title {
width: 300px;
text-align: center;
margin: 10px auto 30px auto
}
#home-ma-formation-picture-ctnr img {
width: 100%;
height: 400px;
}
}