@charset "UTF-8";
@font-face {
font-family: icomoon;
src: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/whatsapp/icomoon.eot?53iu3w);
src: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/whatsapp/icomoon.eot?53iu3w#iefix) format('embedded-opentype'), url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/whatsapp/icomoon.ttf?53iu3w) format('truetype'), url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/whatsapp/icomoon.woff?53iu3w) format('woff'), url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/whatsapp/icomoon.svg?53iu3w#icomoon) format('svg');
font-weight: 400;
font-style: normal;
font-display: block
}
[class*=" icon-"],
[class^=icon-] {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-whatsapp1:before {
content: "\e900"
}
.icon-whatsapp:before {
content: "\ea93"
}
@font-face {
font-family: 'icomoon';
src: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/tiktok/icomoon.eot?rezniy);
src: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/tiktok/icomoon.eot?rezniy#iefix) format('embedded-opentype'),
url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/tiktok/icomoon.ttf?rezniy) format('truetype'),
url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/tiktok/icomoon.woff?rezniy) format('woff'),
url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/fonts/icomoon/tiktok/icomoon.svg?rezniy#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tiktok:before {
content: "\e900";
}
.icon-tiktok {
font-size: 26px;
}
.button-transparent {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font: inherit;
text-decoration: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
overflow: visible;
text-transform: none;
-webkit-appearance: none;
background-color: transparent;
transition: all 250ms;
cursor: pointer;
width: 272px;
height: 53px;
border: 2px solid #ffffff;
box-sizing: border-box;
border-radius: 15px;
font-style: normal;
font-size: 20px;
line-height: 24px;
text-align: revert;
color: #ffffff;
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.input-text {
font-family: solomon_sans_semiboldregular
}
.img_icone {
padding: 15px;
width: 90px
}
img_trofeo {
width: 146px;
height: 146px
}
.lista-icone {
list-style: none
}
.wrapper_img {
width: 90px;
height: 90px;
position: relative;
overflow: hidden;
border-radius: 50%;
border: 2px solid #ffffff;
margin: 0 auto !important
}
.div_cuore {
background-image: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/hearts-desktop.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: auto 400px;
padding: 7.4666666667rem 0
}
.div_cuore_bottom {
background-position: bottom
}
.line_f::after {
background-color: #ffffff;
content: "";
left: calc(38% - 40px);
position: absolute;
top: calc(25%);
width: 10%;
height: 1px
}
.line_f,
.line_s {
width: 40px
}
.line_s::after {
background-color: #ffffff;
content: "";
left: calc(56% + 3px);
position: absolute;
top: calc(25%);
width: 10%;
height: 1px
}
.hr_white {
height: 0.5px;
background: #ffffff;
min-width: 116px;
margin-top: 50%;
}
.testo_icona {
margin-top: 30px;
max-width: 150px
}
.title_page_group h1 {
font-weight: 600;
font-size: 35px;
line-height: 134.3%;
text-align: center;
letter-spacing: -.015em
}
.title_page_group p {
font-size: 20px
}
.b-arrow-up {
font-size: 10px !important;
transform: rotate(180deg)
}
.b-arrow-up i {
padding-top: 10%
}
#test_affinita {
padding: 0 !important
}
.a-profili {
position: absolute;
z-index: 2
}
.a-email {
position: absolute;
z-index: 2
}
.a-email label:after {
content: "Inoltra via email"
}
.heart-status,
.send_email {
width: 40px
}
.modal-email .modal-content {
background: linear-gradient(270deg, #b7141b 5.2%, #810018 100%);
box-shadow: 6px 6px 26px rgba(0, 0, 0, .2);
border-radius: 15px
}
#div_modal_cuore .modal-footer,
#div_modal_cuore .modal-header {
border-bottom: 0;
border-top: 0
}
#div_modal_body {
padding: 20px
}
#div_modal_cuore .div_cuore {
background-size: 588px 410px;
padding: 0;
background-position: bottom
}
#div_modal_cuore .modal-header span {
font-size: 60px;
font-family: icomoon;
color: #ffffff;
font-weight: 200
}
#div_modal_cuore .close {
opacity: 1
}
#div_modal_cuore ::placeholder {
color: rgba(66, 66, 66, .5)
}
#div_modal_cuore :-ms-input-placeholder {
color: rgba(66, 66, 66, .5)
}
#div_modal_cuore ::-ms-input-placeholder {
color: rgba(66, 66, 66, .5)
}
#modal-whatsapp ::placeholder {
color: rgb(204, 0, 51) !important;
}
#modal-whatsapp :-ms-input-placeholder {
color: rgb(204, 0, 51) !important;
}
#modal-whatsapp ::-ms-input-placeholder {
color: rgb(204, 0, 51) !important;
}
#div_modal_body .home_profile_sample_title {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 134.3%;
text-align: center;
letter-spacing: -.015em;
margin-bottom: 28px
}
.bg {
background: linear-gradient(115.19deg, #cb0034 19.59%, #e32637 72.85%)
}
#heart-menu-d,
#selezionati-menu-d {
width: 24px;
height: 18px;
vertical-align: sub !important
}
.dropdown-menu {
position: relative;
display: inline-block
}
.dropdown-content {
display: none;
position: absolute;
min-width: 160px;
padding: 8px 2px 0 9px;
z-index: 1;
border-radius: 5px;
right: 0
}
.dropdown-content p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;
text-align: right;
color: #ffffff
}
.dropdown:hover #heart-menu-d {
opacity: 1
}
.dropdown:hover #selezionati-menu-d {
opacity: 1
}
.dropdown:hover .dropdown-content {
display: block
}
.testimonial {
padding: 2px
}
img.immagine_heart {
max-height: 440px !important
}
.button_home {
width: 172px;
}
#div_bottoni_home {
justify-content: center;
}
#pre_footer {
color: #FFFFFF;
background: linear-gradient(270deg, #B7141B 5.2%, #810018 100%);
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.35);
padding: 7.3333333333rem 0;
}
.form-newsletter {
background: #FFFFFF;
border-radius: 40px;
height: 60px;
width: auto;
border: 0;
position: relative;
display: flex;
padding: 15px 2px 15px 20px;
align-items: center;
}
.form-newsletter input {
width: 100%;
height: 24px;
outline: none !important;
background: #FFFFFF;
border-radius: 40px;
}
.form-newsletter input::placeholder {
color: #CB0034;
line-height: 24px;
font-size: 20px;
vertical-align: center; } #site_footer hr {
background: linear-gradient(#B7141B, #810018 100%);
border: none;
height: 0.0666666667rem;
margin: 0;
width: 100%;
}
.titolo-footer {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
letter-spacing: -0.015em;
text-transform: uppercase;
color: #797979;
}
.custom-col {
width: 20%;
padding: 2px 7px;
}
.paragrafo-footer {
margin: 3px 0px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
letter-spacing: -0.015em;
color: #424242;
}
.h2_standard {
font-style: normal;
font-weight: 600;
font-size: 55px;
line-height: 110%; letter-spacing: -0.015em; color: #CB0034;
}
.span-text-red {
color: #CB0034;
text-decoration: underline;
} .sottotitolo-rosso {
font-weight: 700;
font-size: 27px;
line-height: 170%;
color: #CB0034;
} .spazio-vuoto {   }
.span-text-red {
color: #CB0034;
text-decoration: underline;
}
input[type="date"]:before {
color: #cb0034;
content: attr(placeholder) !important;
margin-right: 0.5em;
}
input[type="date"] {
-webkit-appearance: none !important;
appearance: none;
border: 0.0666666667rem solid #fff;
padding: 1.2666666667rem 1.8666666667rem;
border-radius: 0.4rem;
color: #cb0034;
text-align: left; min-height: 60px;
font-family: solomon_sans_semiboldregular;
} @media only screen and (min-width: 992px) {
.contact_nav_whatsapp {
background-color: #f2f2f2
}
.contact_nav_whatsapp span {
color: #cb0034;
font-size: 22px
}
body.off_the_top #heart-menu-d {
content: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/heart_f_r.svg)
}
body.off_the_top #selezionati-menu-d {
content: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/selezionati_r.svg)
}
}
@media only screen and (max-width: 1599px) {
.line_s::after {
left: 340px
}
.line_s::after {
left: 420px
}
}
@media only screen and (max-width: 1440px) {
.line_f::after {
left: 156px;
width: 77px
}
.line_s::after {
left: 340px;
width: 77px
}
}
@media only screen and (max-width: 1199px) {
#div_modal_cuore .div_cuore {
background-size: 609px 410px
}
#div_modal_body {
padding: 30px
}
#div_modal_body .home_profile_sample_title {
font-size: 30px
}
#div_mail {
width: 500px
}
}
@media only screen and (max-width: 1189px) {
.line_f::after,
.line_s::after {
width: 70px
}
.line_f::after {
left: calc(33% - 34px)
}
.line_s::after {
left: calc(55% + 26px)
}
}
@media only screen and (max-width: 1189px) {
.line_f::after,
.line_s::after {
width: 70px
}
.line_f::after {
left: 350px
}
.line_s::after {
left: 540px
}
}
@media only screen and (max-width: 990px) {
.custom-col {
width: 100%;
margin-top: 40px;
}
.line_f::after {
left: 240px
}
.line_s::after {
left: 410px
}
#div_modal_body .home_profile_sample_title {
font-size: 20px
}
}
@media only screen and (max-width: 800px) {
#pre_footer h3 {
margin-top: 30px;
margin-bottom: 10px; }
.img_cuore {
width: 100px;
height: 100px
}
.line_f::after {
left: 150px
}
.line_s::after {
left: 320px
}
#div_modal_cuore .div_cuore {
background-size: 463px 359px
}
}
@media only screen and (max-width: 600px) {
.div_cuore {
background-image: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/hearts-mobile.png)
}
#bg_cuore {
background-image: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/hearts-desktop.png)
}
#div_bottoni_home {
align-items: center;
flex-direction: column;
}
}
@media only screen and (max-width: 500px) {
.div_cuore {
background-image: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/hearts-mobile.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain
}
.line_f::after,
.line_s::after {
width: 50px
}
.line_s::after {
left: 300px
}
.site_footer_brand img {
height: 37px
}
.site_footer_social_nav a {
font-size: 30px !important
}
#love_notebook .lista .row>div {
padding: 10px 2rem 0 2rem !important
}
#love_notebook_singlepage h1 {
font-size: 2rem !important;
line-height: 134%;
text-align: center
}
#iniziative_lista div {
padding-top: 10px !important
}
.relationship_clip {
display: unset !important
}
#contact_nav {
font-size: 10px !important;
margin-right: 0 !important
}
#div_modal_body {
width: 100%
}
}
@media only screen and (max-width: 400px) {
#div_modal_body {
padding: 0
}
#div_modal_cuore .div_cuore {
background-size: 271px 282px
}
}
@media only screen and (max-width: 348px) {
#contact_nav {
font-size: 4px !important;
margin-right: 0 !important
}
#site_brand {
width: 120px
}
}
@media only screen and (min-width: 1500px) {
.profiles_single {
max-width: 370px !important;
max-height: 370px !important
}
.profiles_single_inner {
margin: 2rem 0 2rem 2rem !important
}
}  .YouTubePopUp-Wrap {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
z-index: 9999999999999;
}
.YouTubePopUp-animation {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUp;
animation-name: YouTubePopUp;
}
@-webkit-keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.logged-in .YouTubePopUp-Wrap { top: 32px;
z-index: 99998;
}
.YouTubePopUp-Content {
max-width: 680px;
display: block;
margin: 0 auto;
height: 100%;
position: relative;
}
.YouTubePopUp-Content iframe {
max-width: 100% !important;
width: 100% !important;
display: block !important;
height: 480px !important;
border: none !important;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
.YouTubePopUp-Hide {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUpHide;
animation-name: YouTubePopUpHide;
}
@-webkit-keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.YouTubePopUp-Close {
position: absolute;
top: 0;
cursor: pointer;
bottom: 528px;
right: 0px;
margin: auto 0;
width: 24px;
height: 24px;
background: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/close.png) no-repeat;
background-size: 24px 24px;
-webkit-background-size: 24px 24px;
-moz-background-size: 24px 24px;
-o-background-size: 24px 24px;
}
.YouTubePopUp-Close:hover {
opacity: 0.5;
}
@media all and (max-width: 768px) and (min-width: 10px) {
.YouTubePopUp-Content {
max-width: 90%;
}
}
@media all and (max-width: 600px) and (min-width: 10px) {
.YouTubePopUp-Content iframe {
height: 320px !important;
}
.YouTubePopUp-Close {
bottom: 362px;
}
}
@media all and (max-width: 480px) and (min-width: 10px) {
.YouTubePopUp-Content iframe {
height: 220px !important;
}
.YouTubePopUp-Close {
bottom: 262px;
}
#CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg {
width: 24px !important;
height: 24px !important;
}
#CookiebotWidget {
min-width: unset !important;
min-height: unset !important;
}
}