@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;700;900&display=swap");
@font-face {
font-family: "Silka";
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regular-webfont.eot);
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regular-webfont.woff2) format("woff2"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regular-webfont.woff) format("woff"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regular-webfont.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Silka";
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regularitalic-webfont.eot);
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regularitalic-webfont.eot?#iefix) format("embedded-opentype"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regularitalic-webfont.woff2) format("woff2"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regularitalic-webfont.woff) format("woff"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-regularitalic-webfont.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Silka";
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-black.woff);
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/silka/silka-black.woff2) format("woff2");
font-weight: 900;
font-style: normal;
}
@-webkit-keyframes rec {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes rec {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes rec {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes rec {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rec {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes loading {
from {
width: 0;
}
to {
width: 100%;
}
}
@-moz-keyframes loading {
from {
width: 0;
}
to {
width: 100%;
}
}
@-ms-keyframes loading {
from {
width: 0;
}
to {
width: 100%;
}
}
@-o-keyframes loading {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes loading {
from {
width: 0;
}
to {
width: 100%;
}
}
@-webkit-keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@-moz-keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@-ms-keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@-o-keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@keyframes floatClouds {
0% {
transform: translatex(0px);
}
50% {
transform: translatex(-20px);
}
100% {
transform: translatex(0px);
}
}
@-webkit-keyframes colorSlide {
0% {
background-position: 0 100%;
}
20% {
background-position: 0 0;
}
21% {
background-color: #FF583D;
}
29.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
30% {
background-color: #FF583D;
background-position: 0 100%;
}
50% {
background-position: 0 0;
}
51% {
background-color: #FF583D;
}
59.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
60% {
background-color: #FF583D;
background-position: 0 100%;
}
80% {
background-position: 0 0;
}
81% {
background-color: #FF583D;
}
100%, 89.99% {
background-color: #FFFFFF;
}
}
@-moz-keyframes colorSlide {
0% {
background-position: 0 100%;
}
20% {
background-position: 0 0;
}
21% {
background-color: #FF583D;
}
29.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
30% {
background-color: #FF583D;
background-position: 0 100%;
}
50% {
background-position: 0 0;
}
51% {
background-color: #FF583D;
}
59.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
60% {
background-color: #FF583D;
background-position: 0 100%;
}
80% {
background-position: 0 0;
}
81% {
background-color: #FF583D;
}
100%, 89.99% {
background-color: #FFFFFF;
}
}
@-ms-keyframes colorSlide {
0% {
background-position: 0 100%;
}
20% {
background-position: 0 0;
}
21% {
background-color: #FF583D;
}
29.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
30% {
background-color: #FF583D;
background-position: 0 100%;
}
50% {
background-position: 0 0;
}
51% {
background-color: #FF583D;
}
59.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
60% {
background-color: #FF583D;
background-position: 0 100%;
}
80% {
background-position: 0 0;
}
81% {
background-color: #FF583D;
}
100%, 89.99% {
background-color: #FFFFFF;
}
}
@-o-keyframes colorSlide {
0% {
background-position: 0 100%;
}
20% {
background-position: 0 0;
}
21% {
background-color: #FF583D;
}
29.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
30% {
background-color: #FF583D;
background-position: 0 100%;
}
50% {
background-position: 0 0;
}
51% {
background-color: #FF583D;
}
59.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
60% {
background-color: #FF583D;
background-position: 0 100%;
}
80% {
background-position: 0 0;
}
81% {
background-color: #FF583D;
}
100%, 89.99% {
background-color: #FFFFFF;
}
}
@keyframes colorSlide {
0% {
background-position: 0 100%;
}
20% {
background-position: 0 0;
}
21% {
background-color: #FF583D;
}
29.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
30% {
background-color: #FF583D;
background-position: 0 100%;
}
50% {
background-position: 0 0;
}
51% {
background-color: #FF583D;
}
59.99% {
background-color: #FFFFFF;
background-position: 0 0;
}
60% {
background-color: #FF583D;
background-position: 0 100%;
}
80% {
background-position: 0 0;
}
81% {
background-color: #FF583D;
}
100%, 89.99% {
background-color: #FFFFFF;
}
}
@-webkit-keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
100%, 88% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
}
@-moz-keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
100%, 88% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
}
@-ms-keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
100%, 88% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
}
@-o-keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
100%, 88% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
transform: scale(0.4) translateY(-10px);
}
100%, 88% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
}
@-webkit-keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@-moz-keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@-ms-keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@-o-keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@-webkit-keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@-moz-keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@-ms-keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@-o-keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@-webkit-keyframes colorText {
21% {
color: #26262E;
}
30% {
color: #FFFFFF;
}
51% {
color: #26262E;
}
60% {
color: #FFFFFF;
}
81% {
color: #26262E;
}
90% {
color: #FFFFFF;
}
}
@-moz-keyframes colorText {
21% {
color: #26262E;
}
30% {
color: #FFFFFF;
}
51% {
color: #26262E;
}
60% {
color: #FFFFFF;
}
81% {
color: #26262E;
}
90% {
color: #FFFFFF;
}
}
@-ms-keyframes colorText {
21% {
color: #26262E;
}
30% {
color: #FFFFFF;
}
51% {
color: #26262E;
}
60% {
color: #FFFFFF;
}
81% {
color: #26262E;
}
90% {
color: #FFFFFF;
}
}
@-o-keyframes colorText {
21% {
color: #26262E;
}
30% {
color: #FFFFFF;
}
51% {
color: #26262E;
}
60% {
color: #FFFFFF;
}
81% {
color: #26262E;
}
90% {
color: #FFFFFF;
}
}
@keyframes colorText {
21% {
color: #26262E;
}
30% {
color: #FFFFFF;
}
51% {
color: #26262E;
}
60% {
color: #FFFFFF;
}
81% {
color: #26262E;
}
90% {
color: #FFFFFF;
}
}
@-webkit-keyframes trackWidth {
0% {
width: 0px;
}
100% {
width: auto;
}
}
@-moz-keyframes trackWidth {
0% {
width: 0px;
}
100% {
width: auto;
}
}
@-ms-keyframes trackWidth {
0% {
width: 0px;
}
100% {
width: auto;
}
}
@-o-keyframes trackWidth {
0% {
width: 0px;
}
100% {
width: auto;
}
}
@keyframes trackWidth {
0% {
width: 0px;
}
100% {
width: auto;
}
}
@-webkit-keyframes typing {
from {
width: 0%;
}
to {
width: 100%;
}
}
@-moz-keyframes typing {
from {
width: 0%;
}
to {
width: 100%;
}
}
@-ms-keyframes typing {
from {
width: 0%;
}
to {
width: 100%;
}
}
@-o-keyframes typing {
from {
width: 0%;
}
to {
width: 100%;
}
}
@keyframes typing {
from {
width: 0%;
}
to {
width: 100%;
}
}
.arrow-link {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 16px;
font-size: 2rem;
color: #26262E;
position: relative;
font-weight: 600;
display: inline-block;
position: relative;
top: 7px;
}
.arrow-link:after, .arrow-link:before {
content: "";
display: table;
}
.arrow-link:after {
clear: both;
}
.arrow-link.light {
color: #fff;
}
.arrow-link:after {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
content: "";
display: block;
width: 100%;
height: 2px;
background: #29346e;
position: absolute;
bottom: -5px;
left: 0;
}
.arrow-link span {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 24px;
font-size: 3rem;
display: inline-block;
position: relative;
top: 5px;
color: #29346e;
}
.arrow-link:hover {
color: #29346e;
}
.arrow-link:hover:after {
width: 0;
}
.arrow-link:hover span {
padding-left: 16px;
}
.dstr-button {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
}
@media only screen and (max-width: 980px) {
.dstr-button {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.dstr-button:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.dstr-button:focus {
outline: none;
}
.dstr-button.dstr-button-small {
font-size: 14px;
font-size: 1.75rem;
line-height: 40px;
line-height: 5rem;
position: relative;
width: auto;
min-width: 0;
padding: 0 30px;
}
.dstr-button.dstr-button-small .icon {
font-size: 26px;
font-size: 3.25rem;
position: relative;
left: -5px;
top: 6px;
}
.dstr-button.dstr-button-xsmall {
font-size: 12px;
font-size: 1.5rem;
line-height: 30px;
line-height: 3.75rem;
position: relative;
width: auto;
min-width: 0;
padding: 0 16px;
}
.dstr-button.dstr-button-primary {
color: #FFFFFF;
border: none;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
}
.dstr-button.dstr-button-primary:hover {
color: #FFFFFF;
}
.dstr-button.dstr-button-secondary {
color: #26262E;
background: transparent;
border: 1px solid #26262E;
}
.dstr-button.dstr-button-secondary:hover {
color: #29346e;
background: transparent;
border: 1px solid #29346e;
}
.dstr-button.dstr-button-white {
color: #FFFFFF;
border: 1px solid #FFFFFF;
background: transparent;
}
.dstr-button.dstr-button-white:hover {
background: #FFFFFF;
color: #29346e;
border: 1px solid transparent;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}
.dstr-button.dstr-button-blue {
color: #FFFFFF;
border: 1px solid transparent;
background: #123E7F;
}
.dstr-button.dstr-button-blue:hover {
background: #FFFFFF;
color: #26262E;
border: 1px solid #123E7F;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}
.dstr-button.dstr-button-mixed {
color: #FFFFFF;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
border: 1px solid transparent;
}
.dstr-button.dstr-button-mixed:hover {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.dstr-button.dstr-button-black {
color: #26262E;
border: 1px solid #26262E;
background: transparent;
}
.dstr-button.dstr-button-black:hover {
background: #26262E;
color: #FFFFFF;
border: 1px solid transparent;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: none !important;
}
html {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 50%;
}
body {
-webkit-transition: background 0.8s linear;
-moz-transition: background 0.8s linear;
-ms-transition: background 0.8s linear;
-o-transition: background 0.8s linear;
transition: background 0.8s linear;
font-size: 16px;
font-size: 2rem;
line-height: 1.5;
font-family: "Silka", sans-serif;
color: #26262E;
width: 100%;
padding: 80px 0 0;
margin: 0;
-webkit-font-smoothing: antialiased;
background: #FFFFFF;
}
body.bp-user {
padding: 0;
}
@media (max-width: 640px) {
body {
padding: 60px 0 0;
}
body.fixed {
overflow: hidden;
}
}
.ffix:after, .ffix:before {
content: "";
display: table;
}
.ffix:after {
clear: both;
}
h1,
h2,
h3 {
font-weight: 900;
}
h4,
h5,
h6 {
font-weight: bold;
}
a {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-decoration: none;
color: #29346e;
cursor: pointer;
}
a:hover {
color: #1b0d83;
text-decoration: none;
}
.site-main {
width: 100%;
}
.waves {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #29346e;
cursor: pointer;
background: linear-gradient(to bottom, transparent 0%, transparent 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 2px 2px;
text-decoration: none;
padding-bottom: 4px;
}
.waves:hover {
color: #1b0d83;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff4d61' stroke-width='1' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
background-position: 0 100%;
background-size: auto 6px;
background-repeat: repeat-x;
text-decoration: none;
}
img {
max-width: 100%;
}
body.page-template-default .site-main {
display: block;
max-width: 1180px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
@media (max-width: 1024px) {
body.page-template-default .site-main {
padding: 0 30px;
}
}
@media (max-width: 640px) {
body.page-template-default .site-main {
padding: 0 15px;
}
}
.main-container {
display: block;
max-width: 1600px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
@media (max-width: 1024px) {
.main-container {
padding: 0 30px;
}
}
@media (max-width: 640px) {
.main-container {
padding: 0 15px;
}
}
.medium-container {
display: block;
max-width: 1340px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
@media (max-width: 1024px) {
.medium-container {
padding: 0 30px;
}
}
@media (max-width: 640px) {
.medium-container {
padding: 0 15px;
}
}
.small-container {
display: block;
max-width: 1180px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
@media (max-width: 1024px) {
.small-container {
padding: 0 30px;
}
}
@media (max-width: 640px) {
.small-container {
padding: 0 15px;
}
}
.xsmall-container {
display: block;
max-width: 900px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
@media (max-width: 1024px) {
.xsmall-container {
padding: 0 30px;
}
}
@media (max-width: 640px) {
.xsmall-container {
padding: 0 15px;
}
}
.scroll-down {
font-size: 16px;
font-size: 2rem;
color: #29346e;
}
@media (max-width: 640px) {
.scroll-down {
margin-top: 30px;
}
}
.scroll-down span {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 24px;
font-size: 3rem;
display: block;
margin-top: 20px;
transform: translatey(0px);
animation: float 2s ease-in-out infinite;
}
.only-mobile {
display: none !important;
}
@media (max-width: 640px) {
.only-mobile {
display: block !important;
}
}
@media (max-width: 640px) {
.only-desktop {
display: none !important;
}
}
.old-users-info {
position: fixed;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
padding: 24px 0;
background: #29346e;
color: #fff;
}
.old-users-info--flex {
display: flex;
justify-content: space-between;
}
@media (min-width: 641px) {
.old-users-info--flex {
align-items: center;
}
}
@media (min-width: 641px) {
.old-users-info--sx--flex {
display: flex;
align-items: center;
}
}
.old-users-info--sx--flex--sx {
padding-right: 42px;
}
.old-users-info .close-info {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 32px;
font-size: 4rem;
cursor: pointer;
display: inline-block;
}
.old-users-info .close-info:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.old-users-info--title {
font-size: 20px;
font-size: 2.5rem;
}
@media (max-width: 640px) {
.old-users-info--title {
font-size: 18px;
font-size: 2.25rem;
}
}
.old-users-info--text {
font-size: 16px;
font-size: 2rem;
}
@media (max-width: 640px) {
.old-users-info--text {
font-size: 14px;
font-size: 1.75rem;
line-height: 1.4;
margin-bottom: 16px;
}
}
body.single-product .course__container a {
color: #fff;
}
body.single-product .course__container a.hover {
color: #fff;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video_course_section__box {
margin: 24px 0;
}
.info_iu {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 16px 20px;
z-index: 10;
height: 115px;
text-align: center;
background: #FCD757;
}
@media (max-width: 640px) {
.info_iu {
height: 175px;
}
}
.info_iu.hide {
bottom: -115px;
}
.info_iu--title {
font-size: 18px;
font-size: 2.25rem;
text-transform: uppercase;
font-weight: 900;
margin: 0;
z-index: 2;
position: relative;
}
@media (max-width: 640px) {
.info_iu--title {
font-size: 16px;
}
}
.info_iu--subtitle {
font-size: 16px;
font-size: 2rem;
font-weight: 300;
margin: -8px 0 0;
line-height: 1.2;
z-index: 2;
position: relative;
}
@media (max-width: 640px) {
.info_iu--subtitle {
font-size: 14px;
}
}
.info_iu--button {
font-size: 30px;
font-size: 3.75rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
background: #FCD757;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
position: absolute;
left: 50%;
margin-left: -30px;
top: -30px;
cursor: pointer;
}
.info_iu--button span {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
display: block;
position: relative;
top: -10px;
}
.info_iu--button.active span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.typography-content {
max-width: 990px;
margin: 0 auto;
}
.typography-content .entry-content h1,
.typography-content .entry-content h2,
.typography-content .entry-content h3,
.typography-content .entry-content h4,
.typography-content .entry-content h5 {
font-weight: 900;
}
.typography-content .entry-content h1 {
font-size: 36px;
font-size: 4.5rem;
margin: 36px 0;
}
.typography-content .entry-content h2 {
font-size: 32px;
font-size: 4rem;
margin: 24px 0;
}
.typography-content .entry-content h3 {
font-size: 28px;
font-size: 3.5rem;
margin: 24px 0;
}
.typography-content .entry-content h4 {
font-size: 24px;
font-size: 3rem;
margin: 24px 0 16px;
}
.typography-content .entry-content h5 {
font-size: 20px;
font-size: 2.5rem;
margin: 24px 0 16px;
}
.typography-content .entry-content h6 {
font-size: 16px;
font-size: 2rem;
font-weight: normal;
text-decoration: underline;
margin: 25px 0 15px;
}
.typography-content .entry-content ol li,
.typography-content .entry-content ul li {
font-size: 18px;
font-size: 2.25rem;
line-height: 24px;
line-height: 3rem;
margin: 8px 0;
}
.typography-content .entry-content p {
font-size: 18px;
font-size: 2.25rem;
line-height: 1.4;
margin: 16px 0;
font-weight: normal;
font-weight: 400;
}
.typography-content .entry-content img {
display: block;
max-width: 100%;
}
.typography-content .entry-content img:not([class^=align]) {
margin-top: 36px;
margin-bottom: 36px;
}
@font-face {
font-family: "icomoon";
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/icomoon/icomoon.eot?xqo0h6);
src: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/icomoon/icomoon/icomoon.eot?xqo0h6#iefix) format("embedded-opentype"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/icomoon/icomoon.ttf?xqo0h6) format("truetype"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/icomoon/icomoon.woff?xqo0h6) format("woff"), url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/fonts/icomoon/icomoon.svg?xqo0h6#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] { font-family: "icomoon" !important;
speak: none;
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-behance:before {
content: "\e918";
}
.icon-android:before {
content: "\e900";
}
.icon-apple:before {
content: "\e901";
}
.icon-arrow-down:before {
content: "\e902";
}
.icon-arrow-left:before {
content: "\e903";
}
.icon-arrow-right:before {
content: "\e904";
}
.icon-arrow-up:before {
content: "\e905";
}
.icon-bitcoin:before {
content: "\e906";
}
.icon-check:before {
content: "\e907";
}
.icon-close:before {
content: "\e908";
}
.icon-dots:before {
content: "\e909";
}
.icon-facebook:before {
content: "\e90a";
}
.icon-hamburger:before {
content: "\e90b";
}
.icon-heart:before {
content: "\e90c";
}
.icon-instagram:before {
content: "\e90d";
}
.icon-linkedin:before {
content: "\e90e";
}
.icon-mail-full:before {
content: "\e90f";
}
.icon-medium:before {
content: "\e910";
}
.icon-phone:before {
content: "\e911";
}
.icon-search:before {
content: "\e912";
}
.icon-star:before {
content: "\e913";
}
.icon-twitter:before {
content: "\e914";
}
.icon-vimeo:before {
content: "\e915";
}
.icon-whatsapp:before {
content: "\e916";
}
.icon-youtube:before {
content: "\e917";
}
.header {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
padding: 10px 30px;
height: 80px;
background: transparent;
}
.header:after, .header:before {
content: "";
display: table;
}
.header:after {
clear: both;
}
@media (max-width: 640px) {
.header {
height: 60px;
top: 0;
padding: 10px 20px;
}
}
.header__flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.header.transparent {
background: transparent;
}
.header.sticky {
background: #FFFFFF;
border-bottom: 1px solid #ddd;
}
.header.sticky.sticky-hide {
background: white;
top: -80px;
}
@media (max-width: 640px) {
.header.sticky.sticky-hide {
top: -60px;
}
}
@media (max-width: 640px) {
.header__brand {
width: calc(100% - 80px);
}
}
.header__search-mobile {
display: none;
}
@media (max-width: 640px) {
.header__search-mobile {
font-size: 28px;
font-size: 3.5rem;
display: block;
width: 32px;
height: 32px;
position: relative;
cursor: pointer;
padding-top: 3px;
}
.header__search-mobile span {
position: absolute;
right: -7px;
top: 3px;
}
.header__search-mobile.white {
color: #FFFFFF;
}
.sticky .header__search-mobile.white {
color: #26262E;
}
}
.header__hamburger {
display: none;
}
@media (max-width: 640px) {
.header__hamburger {
font-size: 32px;
font-size: 4rem;
display: block;
width: 32px;
height: 32px;
position: relative;
cursor: pointer;
}
.header__hamburger span {
position: absolute;
right: -7px;
}
.header__hamburger.white {
color: #FFFFFF;
}
.sticky .header__hamburger.white {
color: #26262E;
}
}
@media (min-width: 641px) {
.header__menu {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
@media (max-width: 640px) {
.header__menu {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
position: fixed;
background: #29346e;
width: 90%;
right: -90%;
top: 0;
height: 100vh;
z-index: 20;
}
.header__menu.show-menu {
right: 0;
box-shadow: -10px 0 10px -5px rgba(0, 0, 0, 0.2);
}
}
.header__menu--mobile {
display: none;
}
@media (max-width: 640px) {
.header__menu--mobile {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px 30px;
}
.header__menu--mobile--menu {
font-size: 14px;
font-size: 1.75rem;
color: #FFFFFF;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.header__menu--mobile--close {
opacity: 0.8;
filter: alpha(opacity=80);
font-size: 32px;
font-size: 4rem;
color: #FFFFFF;
margin-right: -7px;
}
}
.main-menu {
display: flex;
align-items: center;
}
@media (max-width: 640px) {
.main-menu {
display: block;
height: calc(100vh - 68px);
padding: 40px 20px;
}
}
.top-menu {
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 641px) {
.top-menu {
text-align: right;
}
}
.top-menu li {
display: inline-block;
padding: 0 4px;
}
@media (max-width: 640px) {
.top-menu li {
display: block;
padding: 10px 0;
}
}
.top-menu li.highlight a {
font-weight: 900;
color: #29346e;
}
.top-menu li a {
font-size: 16px;
font-size: 2rem;
color: #26262E;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
@media (min-width: 641px) {
.top-menu li a:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
background: #29346e;
width: 0;
height: 1px;
}
.top-menu li a:hover {
color: #29346e;
}
.top-menu li a:hover:after {
width: 100%;
}
}
@media (max-width: 640px) {
.top-menu li a {
display: inline-block;
font-weight: 900;
padding: 0;
color: #FFFFFF;
}
}
@media (min-width: 641px) {
.top-menu li.current-menu-item a {
color: #29346e;
}
.top-menu li.current-menu-item a:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
background: #29346e;
width: 100%;
height: 1px;
}
}
.top-menu.white > li a:not(.dropdown-item) {
color: #FFFFFF;
}
.sticky .top-menu.white > li a:not(.dropdown-item) {
color: #26262E;
}
.top-menu .dropdown .dropdown-toggle {
position: relative;
padding-right: 24px;
}
.top-menu .dropdown .dropdown-toggle::after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none !important;
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
font-size: 20px;
font-size: 2.5rem;
position: absolute;
top: 7px;
right: 0;
display: block;
}
@media (max-width: 640px) {
.top-menu .dropdown .dropdown-toggle::after {
top: 3px;
}
}
.top-menu .dropdown.show .dropdown-toggle::after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.top-menu .dropdown-menu {
border: none;
padding: 20px 10px;
text-align: left;
min-width: 300px;
}
@media (max-width: 640px) {
.top-menu .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-clip: padding-box;
position: relative !important;
padding: 8px 0 32px;
background: transparent;
top: -35px !important;
}
}
.top-menu .dropdown-menu li {
display: block;
padding: 8px 4px;
}
@media (max-width: 640px) {
.top-menu .dropdown-menu li {
padding: 10px 0;
}
.top-menu .dropdown-menu li a {
font-weight: normal;
padding: 0;
}
}
@media (max-width: 640px) and (max-width: 640px) {
.top-menu .dropdown-menu li a {
background: transparent;
display: inline-block;
width: auto;
color: #FFFFFF;
}
}
.top-user {
margin-left: 20px;
position: relative;
}
@media (min-width: 641px) {
.top-user {
margin-left: 30px;
}
}
@media (max-width: 640px) {
.top-user {
display: none;
width: 32px;
margin-left: 16px;
}
}
.top-user__link {
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-user__link.active .top-user__arrow {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 641px) {
.top-user__link:hover .user-avatar,
.top-user__link:hover img {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
}
@media (max-width: 640px) {
.top-user__link {
display: flex;
}
}
.top-user__name {
font-size: 16px;
font-size: 2rem;
color: #26262E;
margin-left: 8px;
}
@media (max-width: 640px) {
.top-user__name {
display: none;
}
}
.top-user__arrow {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
top: 3px;
display: inline-block;
}
@media (max-width: 640px) {
.top-user__menu {
display: none !important;
}
}
@media (min-width: 641px) {
.top-user__menu {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
top: 30px;
min-width: 100%;
background: #fff;
border: 1px solid #ddd;
border-top: 0;
padding: 8px;
opacity: 0;
pointer-events: none;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
}
.top-user__menu.active {
opacity: 1;
top: 45px;
pointer-events: auto;
}
}
.top-user__menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.top-user__menu ul a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
font-size: 15px;
font-size: 1.875rem;
color: #828289;
display: block;
margin: 8px 0;
background: white;
padding: 8px 16px;
}
.top-user__menu ul a:hover {
background: #f1f1f1;
color: #26262E;
}
.top-user__avatar img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
display: block;
width: 32px;
height: 32px;
}
.user-avatar {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
font-size: 20px;
font-size: 2.5rem;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: #26262E;
background: #f0ca4f;
}
.top-empty {
position: fixed;
z-index: 10;
width: 100%;
top: 0;
left: 0;
}
.top-empty__content {
padding: 0 20px;
}
@media (min-width: 641px) {
.top-empty__content {
padding: 0 30px;
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
}
}
.top-empty__menu p {
margin: 0;
color: #26262E;
}
.top-empty__link {
font-size: 16px;
font-size: 2rem;
color: #29346e;
font-weight: 400;
}
.main-logo {
position: relative;
}
.main-logo__link {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 641px) {
.main-logo__link:hover #logo-iu .second {
opacity: 1;
filter: alpha(opacity=100);
}
}
#logo-text {
position: relative;
z-index: 2;
height: 60px;
margin-right: 8px;
}
@media (max-width: 640px) {
#logo-text {
height: 40px;
}
}
#logo-text .cls-1 {
fill: #29346e;
}
#logo-text .cls-2 {
fill: #f0ca4f;
}
#logo-iu {
position: relative;
z-index: 2;
height: 60px;
margin-right: 16px;
}
#logo-iu .cls-1 {
fill: #29346e;
}
#logo-iu .cls-2 {
fill: #f0ca4f;
}
#logo-iu .second {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
}
@media (max-width: 640px) {
#logo-iu {
height: 40px;
margin-right: 8px;
}
}
.top-user-menu-mobile {
display: none;
}
@media (max-width: 640px) {
.top-user-menu-mobile {
display: block;
}
}
.top-user-menu-mobile__avatar {
display: flex;
align-items: center;
justify-content: flex-start;
border-top: 1px solid #fff;
margin-top: 20px;
padding-top: 24px;
padding-bottom: 16px;
}
.top-user-menu-mobile__avatar img {
width: 40px;
height: 40px;
}
.top-user-menu-mobile__name {
font-size: 16px;
font-size: 2rem;
color: #FFFFFF;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
margin-left: 8px;
}
.header--search {
display: none;
padding: 24px 20px;
background: #29346e;
}
@media (min-width: 641px) {
.header--search {
padding: 40px;
}
}
.header--search #searchform {
width: 500px;
max-width: 100%;
margin: 0 auto;
}
.header--search input[type=text] {
margin: 0 !important;
}
@media (min-width: 641px) {
.header--search input[type=text] {
height: 60px;
font-size: 18px;
}
}
.header--search .submit {
border-radius: 0 8px 8px 0;
}
.menu--search .icon-search {
font-size: 20px;
font-size: 2.5rem;
position: relative;
top: 3px;
margin-right: 4px;
}
@media (max-width: 640px) {
#wrapper-footer .col-md-12,
#wrapper-footer .container {
padding: 0;
}
#wrapper-footer .col-md-12 .row,
#wrapper-footer .container .row {
margin: 0;
}
}
.footer--logo #logo-iu {
margin: 0 60px 0 0;
height: 80px;
}
@media (max-width: 640px) {
.footer--logo #logo-iu {
margin: 0 auto 16px;
}
}
.footer--divisions__row {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #ececec;
padding: 8px 0 16px;
}
.footer--divisions__link {
display: block;
cursor: pointer;
}
.site-info {
text-align: center;
padding: 0 40px;
}
@media (max-width: 1024px) {
.site-info {
padding: 0 30px;
}
}
@media (max-width: 640px) {
.site-info {
padding: 0 15px;
}
}
.site-info p {
font-size: 10px;
font-size: 1.25rem;
color: #828289;
}
@media (max-width: 640px) {
.footer-content {
margin: 0 0 25px 0;
text-align: center;
}
.footer-content__brand {
display: inline-block;
}
}
@media (min-width: 641px) {
.footer-content {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 50px 0;
padding: 30px 20px;
}
}
@media (min-width: 641px) {
.footer-content__menu {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
}
@media (max-width: 640px) {
.footer-content__menu {
text-align: left;
}
}
.footer-menu {
padding: 0 40px;
}
@media (max-width: 640px) {
.footer-menu {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding: 15px 0 8px;
}
}
.footer-menu--title {
font-size: 16px;
font-size: 2rem;
font-weight: 900;
color: #26262E;
margin: 0 0 10px;
display: inline-block;
position: relative;
}
.footer-menu--title:after, .footer-menu--title:before {
content: "";
display: table;
}
.footer-menu--title:after {
clear: both;
}
.footer-menu--title:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
@media (max-width: 640px) {
.footer-menu--title {
font-size: 18px;
font-size: 2.25rem;
cursor: pointer;
position: relative;
display: block;
}
.footer-menu--title__icon {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 20px;
font-size: 2.5rem;
position: absolute;
right: 0;
top: 0;
}
.footer-menu--title__icon.rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (max-width: 640px) {
.footer-menu--list {
display: none;
}
}
.footer-menu--list ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-menu--list ul li {
display: block;
padding: 3px 0;
}
@media (max-width: 640px) {
.footer-menu--list ul li {
padding: 8px 0;
}
}
.footer-menu--list ul li a {
font-size: 16px;
font-size: 2rem;
display: inline-block;
text-decoration: none;
color: #26262E;
font-weight: 400;
}
@media (max-width: 640px) {
.footer-menu--list ul li a {
font-size: 16px;
font-size: 2rem;
}
}
@media (min-width: 641px) {
.footer-menu--list ul li a:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
background: #29346e;
width: 0;
height: 1px;
}
.footer-menu--list ul li a:hover {
color: #29346e;
}
.footer-menu--list ul li a:hover:after {
width: 100%;
}
}
.entry-footer .edit-link {
display: none;
}
label,
legend {
font-size: 14px;
font-size: 1.75rem;
display: block;
width: 100%;
max-width: 100%;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
color: #26262E;
}
*:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
border: 1px solid transparent;
-webkit-text-fill-color: #26262E;
-webkit-box-shadow: 0 0 0 1000px #F8F7FD inset;
transition: background-color 5000s ease-in-out 0s;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
display: block;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
margin: 8px 0;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
font-size: 16px;
font-size: 2rem;
}
input:-webkit-autofill:-ms-input-placeholder, input:-webkit-autofill::-ms-input-placeholder, input:-webkit-autofill::placeholder,
input:-webkit-autofill:focus:-ms-input-placeholder,
input:-webkit-autofill:focus::-ms-input-placeholder,
input:-webkit-autofill:focus::placeholder,
input:-webkit-autofill:hover:-ms-input-placeholder,
input:-webkit-autofill:hover::-ms-input-placeholder,
input:-webkit-autofill:hover::placeholder,
select:-webkit-autofill:-ms-input-placeholder,
select:-webkit-autofill::-ms-input-placeholder,
select:-webkit-autofill::placeholder,
select:-webkit-autofill:focus:-ms-input-placeholder,
select:-webkit-autofill:focus::-ms-input-placeholder,
select:-webkit-autofill:focus::placeholder,
select:-webkit-autofill:hover:-ms-input-placeholder,
select:-webkit-autofill:hover::-ms-input-placeholder,
select:-webkit-autofill:hover::placeholder,
textarea:-webkit-autofill:-ms-input-placeholder,
textarea:-webkit-autofill::-ms-input-placeholder,
textarea:-webkit-autofill::placeholder,
textarea:-webkit-autofill:focus:-ms-input-placeholder,
textarea:-webkit-autofill:focus::-ms-input-placeholder,
textarea:-webkit-autofill:focus::placeholder,
textarea:-webkit-autofill:hover:-ms-input-placeholder,
textarea:-webkit-autofill:hover::-ms-input-placeholder,
textarea:-webkit-autofill:hover::placeholder {
color: #A5A5AC;
}
input:-webkit-autofill:focus,
input:-webkit-autofill:focus:focus,
input:-webkit-autofill:hover:focus,
select:-webkit-autofill:focus,
select:-webkit-autofill:focus:focus,
select:-webkit-autofill:hover:focus,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:focus:focus,
textarea:-webkit-autofill:hover:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
input:-webkit-autofill.wpcf7-not-valid,
input:-webkit-autofill:focus.wpcf7-not-valid,
input:-webkit-autofill:hover.wpcf7-not-valid,
select:-webkit-autofill.wpcf7-not-valid,
select:-webkit-autofill:focus.wpcf7-not-valid,
select:-webkit-autofill:hover.wpcf7-not-valid,
textarea:-webkit-autofill.wpcf7-not-valid,
textarea:-webkit-autofill:focus.wpcf7-not-valid,
textarea:-webkit-autofill:hover.wpcf7-not-valid {
border: 1px solid #FF583D;
}
.form-row {
margin: 16px 0;
}
.form-row:after, .form-row:before {
content: "";
display: table;
}
.form-row:after {
clear: both;
}
.form-row.not-valid .input-text {
border: 1px solid #FF583D;
}
.form-row.not-valid .form-error.required {
display: block;
}
.form-row .error {
font-size: 13px;
font-size: 1.625rem;
color: #FF583D;
margin: 0;
width: 100%;
}
.field-visibility-settings-notoggle {
display: none;
}
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
display: block;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
margin: 8px 0;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
}
input[type=email]:-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=email]::placeholder,
input[type=password]:-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=password]::placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=tel]::placeholder,
input[type=text]:-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=text]::placeholder,
select:-ms-input-placeholder,
select::-ms-input-placeholder,
select::placeholder {
color: #A5A5AC;
}
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
input[type=email].wpcf7-not-valid,
input[type=password].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
input[type=text].wpcf7-not-valid,
select.wpcf7-not-valid {
border: 1px solid #FF583D;
}
#lettera_presentazione_field textarea {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
display: block;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
margin: 8px 0;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
resize: vertical;
height: 120px;
line-height: 1.2;
padding: 10px;
margin: 0;
}
#lettera_presentazione_field textarea:-ms-input-placeholder, #lettera_presentazione_field textarea::-ms-input-placeholder, #lettera_presentazione_field textarea::placeholder {
color: #A5A5AC;
}
#lettera_presentazione_field textarea:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
#lettera_presentazione_field textarea.wpcf7-not-valid {
border: 1px solid #FF583D;
}
.selection .select2-container--default,
.selection .select2-selection--single {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
}
.selection .select2-container--default .select2-selection__rendered,
.selection .select2-selection--single .select2-selection__rendered {
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
color: #26262E;
}
.selection .select2-container--default .select2-selection__arrow,
.selection .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 8px;
}
.select2-dropdown {
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
}
.select2-dropdown .select2-search__field {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
border: 1px solid #ddd;
padding: 6px 16px;
}
.select2-dropdown .select2-results__option {
padding: 6px 16px;
}
.select2-dropdown .select2-results__option[data-selected=true] {
background: #29346e;
color: #fff;
}
.select2-dropdown .select2-results__option--highlighted[data-selected] {
background: #f1f1f1;
color: #26262E;
}
textarea {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
display: block;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
margin: 8px 0;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
line-height: 24px;
line-height: 3rem;
height: 150px;
resize: vertical;
padding: 15px 10px;
font-family: "Silka", sans-serif;
}
textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::placeholder {
color: #A5A5AC;
}
textarea:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
textarea.wpcf7-not-valid {
border: 1px solid #FF583D;
}
.checkbox-form {
text-align: left;
margin: 24px 0 40px;
}
.checkbox-form:after, .checkbox-form:before {
content: "";
display: table;
}
.checkbox-form:after {
clear: both;
}
.checkbox-form input[type=checkbox] {
display: none;
}
.checkbox-form .wpcf7-list-item {
margin: 0;
}
.checkbox-form label {
font-size: 15px;
font-size: 1.875rem;
line-height: 20px;
line-height: 2.5rem;
cursor: pointer;
display: inline-block;
position: relative;
padding-left: 30px;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
}
.checkbox-form label a {
color: #fff;
text-decoration: underline;
}
.checkbox-form label.white {
color: #fff;
}
.checkbox-form label:before {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
background: #fff;
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
border: 1px solid transparent;
}
.checkbox-form label.grey a {
color: #26262E;
}
.checkbox-form label.grey:before {
border: 1px solid #f1f1f1;
background: #f8f7fd;
}
.checkbox-form.perfect label:before,
.checkbox-form input[type=checkbox]:checked + label:before {
background: #fff url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/img/elements/check.svg) center center no-repeat;
background-size: 85% auto;
}
.checkbox-form input[type=checkbox]:checked + label.grey:before {
background: #f8f7fd url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/img/elements/check.svg) center center no-repeat;
background-size: 85% auto;
}
span.wpcf7-list-item {
display: inline-block;
}
.checkbox-check.not-valid:before {
border: 1px solid #FF583D;
}
.button-row {
text-align: center;
margin-top: 30px;
}
.button-row .dstr-button {
margin: 0 auto;
}
.woocommerce-message {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
font-size: 14px;
font-size: 1.75rem;
padding: 10px 20px;
text-align: center;
margin: 15px 0;
display: block;
background: #E5FEF8;
color: #28c265;
border-top: none !important;
}
.woocommerce-message:before {
content: none;
}
.error-display {
font-size: 14px;
font-size: 1.75rem;
color: #26262E;
padding: 10px 20px;
text-align: center;
display: none;
margin: 15px 0;
}
.error-display.error {
display: block;
background: #FFEEEB;
color: #FF583D;
}
.error-display.success {
display: block;
background: #E5FEF8;
color: #28c265;
}
.error-display span {
display: inline-block;
width: 100%;
}
.checkbox-options {
width: 100%;
display: flex;
justify-content: space-between;
margin: 0 !important;
padding: 0 !important;
}
.checkbox-options label.checkbox {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 40px;
line-height: 5rem;
cursor: pointer;
display: block;
width: 100%;
position: relative;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
padding: 10px 16px;
background: #F8F7FD;
color: #26262E;
margin: 8px 1% !important;
width: 23.5%;
display: flex !important;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.1 !important;
}
.login-beauty .checkbox-options label.checkbox {
font-size: 12px;
font-size: 1.5rem;
width: 23%;
}
.checkbox-options label.checkbox:first-of-type {
margin-left: 0 !important;
}
.checkbox-options label.checkbox:last-of-type {
margin-right: 0 !important;
}
.checkbox-options label.checkbox.selected {
background: #29346e;
color: #fff;
}
.checkbox-options input[type=checkbox] {
display: none !important;
}
.signup-form {
max-width: 400px;
margin: 0 auto;
}
.signup-form .login-title {
display: none;
}
.signup-form .input,
.signup-form input[type=text] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
display: block;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
margin: 8px 0;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
}
.signup-form .input:-ms-input-placeholder, .signup-form .input::-ms-input-placeholder, .signup-form .input::placeholder,
.signup-form input[type=text]:-ms-input-placeholder,
.signup-form input[type=text]::-ms-input-placeholder,
.signup-form input[type=text]::placeholder {
color: #A5A5AC;
}
.signup-form .input:focus,
.signup-form input[type=text]:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
.signup-form .input.wpcf7-not-valid,
.signup-form input[type=text].wpcf7-not-valid {
border: 1px solid #FF583D;
}
.signup-form .login-submit,
.signup-form .lostpassword-submit {
padding: 25px 0;
text-align: center;
}
.signup-form .login-username {
margin-bottom: 15px;
}
.signup-form .login-remember {
padding: 15px 0 0;
}
.signup-form #wp-submit,
.signup-form .lostpassword-button {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
color: #FFFFFF;
border: none;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
}
@media only screen and (max-width: 980px) {
.signup-form #wp-submit,
.signup-form .lostpassword-button {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.signup-form #wp-submit:hover,
.signup-form .lostpassword-button:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.signup-form #wp-submit:focus,
.signup-form .lostpassword-button:focus {
outline: none;
}
.signup-form #wp-submit:hover,
.signup-form .lostpassword-button:hover {
color: #FFFFFF;
}
.signup-form .forgot-password__container {
padding-top: 25px;
text-align: center;
}
.acf-true-false {
position: relative;
width: 60px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.acf-true-false input[type=checkbox] {
display: none;
}
.acf-true-false input[type=checkbox]:checked + .message {
background-color: #49E845;
}
.acf-true-false input[type=checkbox]:checked + .message, .acf-true-false input[type=checkbox]:checked + .message:before {
border-color: #49E845;
}
.acf-true-false input[type=checkbox]:checked + .message:before {
right: 0;
}
.acf-true-false .message {
font-size: 0;
display: block;
overflow: hidden;
cursor: pointer;
height: 36px;
padding: 0;
line-height: 36px;
border: 2px solid #E3E3E3;
border-radius: 36px;
background-color: #FFFFFF;
transition: background-color 0.3s ease-in;
}
.acf-true-false .message:before {
content: "";
display: block;
width: 36px;
margin: 0;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 22px;
border: 2px solid #E3E3E3;
border-radius: 36px;
transition: all 0.3s ease-in 0s;
}
.form-row:after, .form-row:before {
content: "";
display: table;
}
.form-row:after {
clear: both;
}
.wpcf7-form-control-wrap {
width: 100%;
}
.file-area.file-upload-type {
padding: 0;
margin: 0;
}
.file-area.file-upload-type .file-dummy {
margin-top: 8px;
background: #f8f7fd;
border: 1px solid #f1f1f1;
}
.file-area {
width: 100%;
position: relative;
}
.file-area:after, .file-area:before {
content: "";
display: table;
}
.file-area:after {
clear: both;
}
.file-area .wpcf7-form-control-wrap {
width: 100%;
height: 60px;
display: block;
position: relative;
margin: 8px 0;
}
.file-area input[type=file] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.file-area .file-dummy {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
font-weight: 400;
width: 100%;
padding: 16px;
background: rgba(0, 0, 0, 0.1);
border: 1px dashed transparent;
text-align: center;
position: absolute;
top: 27px;
left: 0;
pointer-events: none;
}
.file-area .file-dummy:after, .file-area .file-dummy:before {
content: "";
display: table;
}
.file-area .file-dummy:after {
clear: both;
}
.file-area .file-dummy .file-success {
display: none;
}
.file-area .file-dummy.perfect {
border-color: rgba(0, 255, 0, 0.4);
background-color: rgba(0, 255, 0, 0.3);
}
.file-area .file-dummy.perfect .file-success {
display: inline-block;
}
.file-area .file-dummy.perfect .file-default {
display: none;
}
.file-area:hover .file-dummy {
background: transparent;
border: 1px dashed rgba(0, 0, 0, 0.3);
}
.file-area input[type=file]:focus + .file-dummy {
outline: 2px solid rgba(255, 255, 255, 0.5);
outline: -webkit-focus-ring-color auto 5px;
}
.wpcf7-not-valid-tip {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
font-size: 14px;
font-size: 1.75rem;
color: #fff;
background: #FF583D;
display: inline-block;
padding: 3px 10px;
float: left;
position: relative;
z-index: 3;
pointer-events: none;
}
div.wpcf7 .ajax-loader {
background-image: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/img/elements/pulse.gif);
background-size: 16px 16px;
}
.wpcf7 form .wpcf7-response-output {
font-size: 14px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #29E574;
}
.contact-page.contacts-form input[type=submit] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
color: #FFFFFF;
border: none;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
}
@media only screen and (max-width: 980px) {
.contact-page.contacts-form input[type=submit] {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.contact-page.contacts-form input[type=submit]:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.contact-page.contacts-form input[type=submit]:focus {
outline: none;
}
.contact-page.contacts-form input[type=submit]:hover {
color: #FFFFFF;
}
.contact-page.contacts-form .checkbox-form label:before {
border: 1px solid #f1f1f1;
background: #f8f7fd;
}
.contact-page.contacts-form .checkbox-form label a {
color: #26262E;
}
.contact-page.contacts-form .checkbox-form.perfect label:before,
.contact-page.contacts-form input[type=checkbox]:checked + label:before {
background: #f8f7fd url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/img/elements/check.svg) center center no-repeat;
background-size: 85% auto;
}
.checkbox-esame-desiderato .wpcf7-form-control.wpcf7-checkbox,
.checkbox-sostenute .wpcf7-form-control.wpcf7-checkbox {
display: flex;
justify-content: center;
padding: 8px 0;
}
.checkbox-esame-desiderato .wpcf7-form-control.wpcf7-checkbox > span,
.checkbox-sostenute .wpcf7-form-control.wpcf7-checkbox > span {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
margin: 0 8px;
width: 25%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
cursor: pointer;
}
.checkbox-esame-desiderato .wpcf7-form-control.wpcf7-checkbox > span:first-of-type,
.checkbox-sostenute .wpcf7-form-control.wpcf7-checkbox > span:first-of-type {
margin-left: 0;
}
.checkbox-esame-desiderato .wpcf7-form-control.wpcf7-checkbox > span:last-of-type,
.checkbox-sostenute .wpcf7-form-control.wpcf7-checkbox > span:last-of-type {
margin-right: 0;
}
.checkbox-esame-desiderato .wpcf7-form-control.wpcf7-checkbox > span label,
.checkbox-sostenute .wpcf7-form-control.wpcf7-checkbox > span label {
padding: 8px 4px;
text-align: center;
line-height: 1.2;
color: #26262E;
}
.popup {
position: fixed;
z-index: 10000; top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
}
.popup.is-visible {
visibility: visible;
display: block;
}
.popup-body {
overflow-y: initial !important;
}
.popup-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.popup.is-visible .popup-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.popup-wrapper {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
z-index: 9999;
overflow: hidden;
width: 600px;
min-height: 80vh;
max-width: 90%;
background: #FFFFFF;
box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35);
}
.popup-wrapper.popup-video {
width: 890px;
bottom: auto;
min-height: 0;
}
.popup-wrapper.popup-contacts {
width: 500px;
bottom: auto;
min-height: 0;
padding: 40px 60px;
}
.popup-transition {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
}
.popup.is-visible .popup-transition {
opacity: 1;
filter: alpha(opacity=100);
}
.popup-content,
.popup-header {
padding: 30px;
}
.popup-content {
position: absolute;
top: 75px;
left: 0;
height: calc(100% - 100px);
overflow-y: auto;
}
.popup-content h1,
.popup-content h2,
.popup-content h3,
.popup-content h4,
.popup-content h5 {
font-weight: 700;
color: #26262E;
}
.popup-content h1 strong,
.popup-content h2 strong,
.popup-content h3 strong,
.popup-content h4 strong,
.popup-content h5 strong {
font-weight: 700;
}
.popup-content h2 {
font-size: 20px;
font-size: 2.5rem;
font-weight: 700;
color: #26262E;
margin: 15px 0;
}
.popup-content h3 {
font-size: 18px;
font-size: 2.25rem;
font-weight: 700;
color: #26262E;
margin: 25px 0 15px;
}
.popup-content h4 {
font-size: 16px;
font-size: 2rem;
font-weight: 700;
color: #26262E;
margin: 20px 0 10px;
}
.popup-content li,
.popup-content p,
.popup-content ul {
font-size: 14px;
font-size: 1.75rem;
color: #828289;
}
.popup-content p {
margin: 10px 0;
}
.popup-content p strong {
font-weight: 700;
}
.popup-header {
position: relative;
background-color: #fff;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
border-bottom: 1px solid #e8e8e8;
z-index: 200;
}
.popup-header .title-h3 {
font-size: 20px;
font-size: 2.5rem;
margin-bottom: 0;
}
.popup-close {
font-size: 20px;
font-size: 2.5rem;
position: absolute;
top: 0;
right: 0;
padding: 1em;
color: #aaa;
background: none;
border: 0;
}
.popup-close:hover {
color: #777;
}
.popup-heading {
font-size: 1.125em;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after, .slick-track:before {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
font-size: 3.75rem;
position: absolute;
z-index: 2;
color: #26262E;
cursor: pointer;
}
@media (max-width: 640px) {
.sticky-courses .slick-arrow {
top: 30%;
}
}
.disabled .slick-arrow {
opacity: 0;
filter: alpha(opacity=0);
}
.slick-arrow.slick-prev {
left: 0;
padding-left: 10px;
}
.books-slider .slick-arrow.slick-prev {
left: -40px;
}
@media (max-width: 640px) {
.slick-arrow.slick-prev {
padding-left: 0;
}
}
.slick-arrow.slick-next {
right: 0;
padding-right: 10px;
}
.books-slider .slick-arrow.slick-next {
right: -40px;
}
@media (max-width: 640px) {
.slick-arrow.slick-next {
padding-right: 0;
}
}
.slick-arrow:hover {
color: #29346e;
}
.slick-dots {
margin: 8px 0 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 641px) {
.slick-dots {
margin: 24px 0 0;
}
}
.slick-dots li {
padding: 0 3px;
}
.slick-dots li:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: block;
width: 8px;
height: 8px;
background: rgba(0, 0, 0, 0.15);
}
.slick-dots li.slick-active:before {
background: #29346e;
}
.slick-dots li button {
display: none;
}
.owl-nav {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
height: 36px !important;
z-index: 3;
width: 100%;
}
.owl-nav button {
background: transparent !important;
border: none !important;
height: 0 !important;
}
.owl-dots {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.owl-dots .owl-dot {
background: transparent;
border: none;
padding: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
width: 4px;
height: 4px;
background: #ddd !important;
margin: 5px 4px;
}
.owl-dots .owl-dot.active {
width: 6px;
height: 6px;
background: #29346e !important;
}
.owl-stage-outer {
overflow: hidden;
padding: 20px 0;
}
.owl-item {
float: left;
}
.slider-arrow {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 36px;
font-size: 4.5rem;
position: absolute;
z-index: 2;
color: #26262E;
cursor: pointer;
}
@media (max-width: 640px) {
.slider-arrow {
display: none;
}
}
.disabled .slider-arrow {
opacity: 0;
filter: alpha(opacity=0);
}
.slider-arrow.slider-prev {
left: 10px;
padding-left: 10px;
}
@media (max-width: 640px) {
.slider-arrow.slider-prev {
padding: 0;
left: 0;
}
}
.slider-arrow.slider-next {
right: 10px;
padding-right: 10px;
}
@media (max-width: 640px) {
.slider-arrow.slider-next {
padding: 0;
right: 0;
}
}
.slider-arrow:hover {
color: #FF583D;
padding: 0;
}
.banner {
margin: 50px 0 0;
}
.banner__content {
padding: 80px 60px 40px;
color: #fff;
text-align: center;
background: #29346e;
}
@media (max-width: 640px) {
.banner__content {
padding: 50px 20px;
}
}
.banner__text {
font-size: 30px;
font-size: 3.75rem;
font-weight: 900;
line-height: 1.2;
margin-top: 0;
}
@media (min-width: 641px) {
.banner__text {
font-size: 50px;
font-size: 6.25rem;
}
}
.banner__subtitle {
font-size: 20px;
font-size: 2.5rem;
margin: 8px 0 32px;
}
.banner label {
color: #fff;
}
.banner label a {
color: #fff;
text-decoration: underline;
}
.banner__btn {
margin: 0 8px;
min-width: 220px;
}
@media (max-width: 640px) {
.banner__btn {
margin: 8px 0;
}
}
.banner__btn span {
font-size: 28px;
font-size: 3.5rem;
position: relative;
top: 5px;
margin-left: -4px;
}
.contacts-form {
max-width: 500px;
margin: 0 auto;
text-align: center;
}
.contacts-form .form-row br {
display: none;
}
.banner__form .contacts-form input[type=submit] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
color: #FFFFFF;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
border: 1px solid transparent;
}
@media only screen and (max-width: 980px) {
.banner__form .contacts-form input[type=submit] {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.banner__form .contacts-form input[type=submit]:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.banner__form .contacts-form input[type=submit]:focus {
outline: none;
}
.banner__form .contacts-form input[type=submit]:hover {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
@media (min-width: 641px) {
.contacts__mode--flex {
display: flex;
align-items: flex-start;
justify-content: center;
}
}
.contacts__mode--item {
padding: 16px 0;
}
@media (min-width: 641px) {
.contacts__mode--item {
width: 33.333%;
padding: 24px 32px;
}
}
.contacts__mode--item:first-of-type {
padding-left: 0;
}
.contacts__mode--item:last-of-type {
padding-right: 0;
}
.contacts__mode--title {
font-size: 26px;
font-size: 3.25rem;
}
.contacts__mode--text {
line-height: 1.4;
}
.contacts__mode--text a {
color: #29346e;
}
.contacts__mode--text .icon-heart {
font-size: 12px;
font-size: 1.5rem;
}
.contacts__form label {
color: #26262E;
}
.contacts__form .checkbox-form label:before {
border: 1px solid #26262E;
}
.contacts__form input[type=submit] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
color: #FFFFFF;
border: none;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
color: #FFFFFF;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
border: 1px solid transparent;
}
@media only screen and (max-width: 980px) {
.contacts__form input[type=submit] {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.contacts__form input[type=submit]:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.contacts__form input[type=submit]:focus {
outline: none;
}
.contacts__form input[type=submit]:hover {
color: #FFFFFF;
}
.contacts__form input[type=submit]:hover {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.contacts__form input[type=email],
.contacts__form input[type=text],
.contacts__form textarea {
color: #26262E;
border: 1px solid #26262E;
background: #fff;
}
.contacts__form input[type=email]:focus,
.contacts__form input[type=text]:focus,
.contacts__form textarea:focus {
border: 1px solid #29346e;
}
.contacts__form :-ms-input-placeholder {
font-weight: 500;
color: #999 !important;
opacity: 0.7;
}
.contacts__form ::-ms-input-placeholder {
font-weight: 500;
color: #999 !important;
opacity: 0.7;
}
.contacts__form ::placeholder {
font-weight: 500;
opacity: 0.7;
color: #999 !important;
}
.contacts__faqs {
text-align: center;
padding: 40px 0;
}
.contacts__faqs--title {
font-size: 18px;
font-size: 2.25rem;
font-weight: 300;
}
@media (min-width: 641px) {
.contacts__faqs--title {
font-size: 24px;
font-size: 3rem;
}
}
.contacts__faqs--title a {
font-size: 18px;
font-size: 2.25rem;
}
@media (min-width: 641px) {
.contacts__faqs--title a {
font-size: 24px;
font-size: 3rem;
}
}
.empty-states--text {
text-align: center;
}
.empty-states--image {
max-width: 250px;
margin: 0 auto 16px;
}
.empty-states--image.big {
max-width: 400px;
}
.empty-states--title {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
}
.empty-states--subtitle {
font-size: 16px;
font-size: 2rem;
color: #828289;
}
.empty-states--button {
margin-top: 24px;
}
body.single-product {
padding-bottom: 90px;
}
.filtri-flex {
display: flex;
align-items: center;
}
.filtri-flex > div {
width: 33.333%;
padding: 20px;
}
.sales-label {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-clip: padding-box;
font-size: 14px;
font-size: 1.75rem;
background: #29E574;
color: #26262E;
padding: 3px 10px;
}
.course--box .sales-label {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
.course--box__title {
font-size: 20px;
font-size: 2.5rem;
font-weight: 700;
}
.course--box__title a {
color: #26262E;
}
.course--box__title a:hover {
color: #29346e;
}
.course--box__link {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
width: 100%;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.course--box__link img {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
display: block;
}
.course--box__link:hover {
-webkit-border-radius: 0 0 80px 80px;
-moz-border-radius: 0 0 80px 80px;
border-radius: 0 0 80px 80px;
background-clip: padding-box;
}
.course--box__link:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.course--box__img {
width: 100%;
display: block;
}
.course--box .course__hero--subtitle {
font-size: 16px;
font-size: 2rem;
margin-top: 8px;
}
.course--box__category {
font-size: 14px;
font-size: 1.75rem;
color: #f0ca4f;
font-weight: 500;
letter-spacing: 0.03em;
margin: 0 0 4px;
}
.course--box__category span.last:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
background: #f0ca4f;
width: 6px;
height: 6px;
margin-left: 8px;
margin-right: 12px;
position: relative;
top: -2px;
}
.course--box__body {
padding: 16px 0;
}
.course--box__start {
font-size: 14px;
font-size: 1.75rem;
margin-top: 16px;
border-top: 1px solid #ddd;
padding-top: 16px;
}
.course__header--meta--title {
font-size: 30px;
font-size: 3.75rem;
font-weight: 500;
line-height: 1.1;
}
@media (min-width: 641px) {
.course__header--meta--title {
font-size: 50px;
font-size: 6.25rem;
}
}
.course__hero {
padding: 30px 20px;
}
@media (max-width: 640px) {
.course__hero {
overflow: hidden;
}
}
@media (min-width: 641px) {
.course__hero {
padding: 40px 0;
}
}
@media (min-width: 641px) {
.course__hero--flex {
display: flex;
justify-content: center;
align-items: center;
}
}
.course__hero--sale {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
font-size: 40px;
font-size: 5rem;
font-weight: 900;
position: absolute;
right: -50px;
top: 40px;
z-index: 2;
background: #29346e;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
}
.course__hero--sale--symbol {
font-size: 20px;
font-size: 2.5rem;
font-weight: 400;
}
.course__hero--image {
text-align: center;
}
@media (min-width: 641px) {
.course__hero--image {
width: 50%;
}
}
.course__hero--image .image-cover {
position: relative;
}
@media (min-width: 641px) {
.course__hero--image .image-cover {
max-width: 420px;
display: inline-block;
}
}
.course__hero--image .image-cover .image-background {
-webkit-border-radius: 0 0 100px 100px;
-moz-border-radius: 0 0 100px 100px;
border-radius: 0 0 100px 100px;
background-clip: padding-box;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.course__hero--image .image-cover:after, .course__hero--image .image-cover:before {
-webkit-animation: floatClouds 6s ease-in-out infinite;
-moz-animation: floatClouds 6s ease-in-out infinite;
-ms-animation: floatClouds 6s ease-in-out infinite;
-o-animation: floatClouds 6s ease-in-out infinite;
animation: floatClouds 6s ease-in-out infinite;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: block;
background: #29346e;
width: 30px;
height: 30px;
position: absolute;
bottom: 20%;
left: 30px;
}
@media (min-width: 641px) {
.course__hero--image .image-cover:after, .course__hero--image .image-cover:before {
width: 60px;
height: 60px;
left: -100px;
}
}
.course__hero--image .image-cover:after {
background: #f0ca4f;
left: -10px;
}
@media (min-width: 641px) {
.course__hero--image .image-cover:after {
left: -30px;
}
}
.course__hero--image .image-cover img {
display: block;
pointer-events: none;
}
@media (min-width: 641px) {
.course__hero--info {
width: 50%;
padding-left: 30px;
}
}
.course__hero--bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
@media (min-width: 641px) {
.course__hero--bottom {
margin-top: 60px;
}
}
.course__hero--categories {
font-size: 16px;
font-size: 2rem;
color: #f0ca4f;
margin-bottom: 16px;
margin-top: 16px;
}
@media (min-width: 641px) {
.course__hero--categories {
font-size: 20px;
font-size: 2.5rem;
margin-bottom: 24px;
margin-top: 0;
}
}
.course__hero--categories span.last:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
background: #f0ca4f;
width: 6px;
height: 6px;
margin-left: 8px;
margin-right: 12px;
position: relative;
top: -2px;
}
.course__hero--categories .online-label {
position: relative;
margin-left: 6px;
}
.course__hero--categories .online-label:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #f0ca4f;
position: absolute;
left: 0;
bottom: 0;
}
.course__hero--title {
font-size: 30px;
font-size: 3.75rem;
line-height: 1.1;
}
@media (min-width: 641px) {
.course__hero--title {
font-size: 45px;
font-size: 5.625rem;
}
}
.course__hero--subtitle {
font-size: 18px;
font-size: 2.25rem;
line-height: 1.4;
font-weight: 300;
margin-top: 24px;
}
@media (min-width: 641px) {
.course__hero--subtitle {
font-size: 20px;
font-size: 2.5rem;
}
}
.course__informations {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 80px;
}
.course__informations--item {
border: 1px solid #ddd;
padding: 24px;
border-radius: 0 0 40px 40px;
box-shadow: 0 3px 8px 4px rgba(0, 0, 0, 0.1);
}
.course--date--date {
font-size: 16px;
font-size: 2rem;
display: block;
}
.course--prices {
display: flex;
align-items: center;
justify-content: flex-start;
}
.course--percentage {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
font-weight: 900;
letter-spacing: 2px;
padding: 3px 10px;
color: #f0ca4f;
border: 1px solid #f0ca4f;
margin-right: 16px;
letter-spacing: -0.03em;
}
.course--early {
font-size: 14px;
font-size: 1.75rem;
font-weight: 400;
color: #828289;
margin-top: 0;
display: block;
}
.course-fixed .course--early {
font-size: 10px;
font-size: 1.25rem;
}
.course--early strong {
font-weight: 500;
}
.course--price {
display: inline-block;
}
.course--price__vat {
font-size: 14px;
font-size: 1.75rem;
font-weight: 400;
color: #828289;
margin-left: 8px;
position: relative;
top: -1px;
}
.course--price.old {
position: relative;
margin-left: 16px;
}
.course--price.old:before {
content: "";
display: block;
background: #f0ca4f;
height: 2px;
width: 100%;
position: absolute;
z-index: 2;
top: 50%;
left: 0;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.course--price.sale {
color: #29346e;
}
.course--price--value {
font-size: 36px;
font-size: 4.5rem;
font-weight: 900;
}
.course-fixed .course--price--value {
font-size: 26px;
font-size: 3.25rem;
}
.course--price--symbol {
font-size: 18px;
font-size: 2.25rem;
font-weight: 400;
margin-right: 2px;
}
.course-box {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-clip: padding-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.explore-list .course-box {
width: 33.333%;
}
.course-box__header {
padding: 24px 16px;
}
.course-box__image {
position: relative;
}
.course-box__image--link {
display: block;
}
.course-box__image--thumb {
display: block;
}
.course-box--title a {
font-size: 20px;
font-size: 2.5rem;
line-height: 1.2;
color: #26262E;
}
.course-box--excerpt {
padding-top: 8px;
}
.course-box--excerpt p {
font-size: 16px;
font-size: 2rem;
line-height: 1.4;
color: #828289;
margin: 0;
}
.course-box--price {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-clip: padding-box;
font-size: 14px;
font-size: 1.75rem;
position: absolute;
z-index: 2;
right: 10px;
top: 10px;
background: #fff;
color: #29346e;
padding: 3px 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
pointer-events: none;
}
.course-calendar {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.course-calendar.dark {
align-items: flex-start;
}
.course-calendar__online {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
font-size: 11px;
font-size: 1.375rem;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
background: #29E574;
text-transform: uppercase;
letter-spacing: 2px;
padding: 4px 8px;
display: block;
line-height: 1;
top: -10px;
}
@media (max-width: 640px) {
.course-calendar__online {
font-size: 9px;
font-size: 1.125rem;
top: 6px;
}
}
.course-calendar__item {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px;
text-align: center;
margin: 8px 1%;
position: relative;
}
.dark .course-calendar__item {
padding: 24px 10px 16px;
}
@media (max-width: 640px) {
.dark .course-calendar__item {
padding: 30px 5px 16px;
}
}
.dark .course-calendar__item {
border: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 641px) {
.course-calendar__item {
width: 15%;
}
.course-calendar__item:first-of-type, .course-calendar__item:nth-child(6n+7) {
margin-left: 0;
}
.course-calendar__item:nth-child(6n+6) {
margin-right: 0;
}
}
@media (max-width: 640px) {
.course-calendar__item {
width: 31.3%;
margin: 4px 1.5%;
}
.course-calendar__item:first-of-type, .course-calendar__item:nth-child(4n) {
margin-left: 0;
}
.course-calendar__item:nth-child(3n) {
margin-right: 0;
}
}
.course-calendar__item span {
display: block;
}
.course-calendar__item span.big {
display: block;
font-size: 22px;
font-size: 2.75rem;
font-weight: 900;
color: #fff;
line-height: 1.2;
}
.dark .course-calendar__item span.big {
color: #26262E;
}
.course-calendar__item span.small {
display: block;
font-size: 13px;
font-size: 1.625rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
opacity: 0.6;
}
.dark .course-calendar__item span.small {
opacity: 1;
color: #26262E;
}
@media (max-width: 640px) {
.course-calendar__item span.small {
font-size: 10px;
font-size: 1.25rem;
}
}
.course-calendar__item span.type {
font-size: 11px;
font-size: 1.375rem;
text-transform: none;
line-height: 1.2;
letter-spacing: 0;
margin-top: 24px;
}
.course__toolbar {
margin-top: 24px;
text-align: center;
}
.course__toolbar--line {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
border: 1px solid #ddd;
background: #fff;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
display: inline-block;
}
.course__toolbar--flex {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.course__toolbar--flex {
flex-wrap: wrap;
}
}
.course__toolbar--item {
text-align: center;
padding: 24px;
border-left: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
@media (max-width: 640px) {
.course__toolbar--item {
width: 100%;
border-left: none;
border-top: 1px solid #ddd;
}
}
.course__toolbar--item > span {
display: block;
width: 100%;
}
.course__toolbar--item:first-of-type {
border-left: none;
}
@media (max-width: 640px) {
.course__toolbar--item:first-of-type {
border-top: none;
}
}
.course__toolbar--item .toolbar--title {
display: block;
font-size: 22px;
font-size: 2.75rem;
font-weight: 900;
color: #29346e;
line-height: 1.2;
}
.course__toolbar--item .toolbar--label {
display: block;
font-size: 13px;
font-size: 1.625rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #828289;
}
.course__container {
background: #29346e;
color: #fff;
padding: 40px 20px;
}
.course__section {
margin: 40px 0;
}
.course__section h4,
.course__section p {
color: #fff;
}
@media (min-width: 641px) {
.course__section__list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
}
.course__section__list--item {
font-size: 18px;
font-size: 2.25rem;
line-height: 1.4;
margin: 0;
font-weight: normal;
font-weight: 400;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px 0;
}
@media (min-width: 641px) {
.course__section__list--item {
width: 30%;
margin: 16px 0 0;
}
}
@media (max-width: 640px) {
.course__section__list--item:first-of-type {
border-top: none;
}
}
@media (min-width: 641px) {
.course__section__list--item:nth-child(-n+3) {
border-top: none;
padding-top: 0;
}
}
.course__section--title {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 32px 0;
}
.course__section--title:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #fff;
position: absolute;
left: 0;
bottom: -3px;
}
.course-teachers {
margin: 40px 0;
}
@media (min-width: 641px) {
.course-teachers {
margin: 60px 0 50px;
}
}
.course-teachers--title {
text-align: center;
font-size: 26px;
font-size: 3.25rem;
margin-bottom: 40px;
text-decoration: underline;
}
.course-teachers--flex {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 640px) {
.course-teachers--flex {
flex-wrap: wrap-reverse;
}
}
.course-teachers--item {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 24px;
width: 40%;
}
@media (max-width: 640px) {
.course-teachers--item {
width: 50%;
text-align: center;
}
}
.course-teachers--image {
width: 80px;
margin: 0 auto 16px;
}
@media (min-width: 641px) {
.course-teachers--image {
width: 110px;
margin: 0 16px 0 0;
}
}
.course-teachers--image a {
display: block;
}
.course-teachers--image a:hover img {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.course-teachers--image img {
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
display: block;
}
.course-teachers--name {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
}
.course-teachers--bio {
font-size: 13px;
font-size: 1.625rem;
font-weight: 400;
color: #828289;
}
.simple-link {
font-size: 13px;
font-size: 1.625rem;
position: relative;
display: inline-block;
color: #f0ca4f;
}
.simple-link:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
background: #29346e;
width: 0;
height: 1px;
}
.simple-link:hover {
color: #29346e;
}
.simple-link:hover:after {
width: 100%;
}
.course-fixed {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
filter: alpha(opacity=0);
background: #fff;
position: fixed;
left: 0;
width: 100%;
height: 70px;
z-index: 9;
top: -70px;
padding: 8px 30px;
border-bottom: 1px solid #ddd;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 640px) {
.course-fixed {
height: 90px;
padding: 8px 20px;
bottom: -90px;
top: auto;
border-bottom: none;
border-top: 1px solid #ddd;
box-shadow: 0 -5px -5px 0 rgba(0, 0, 0, 0.05);
}
}
body.push-me .course-fixed {
opacity: 1;
filter: alpha(opacity=100);
top: 80px;
}
@media (max-width: 640px) {
body.push-me .course-fixed {
top: auto;
bottom: 0;
}
}
body.im-here .course-fixed {
opacity: 1;
filter: alpha(opacity=100);
top: 0;
}
@media (max-width: 640px) {
body.im-here .course-fixed {
top: auto;
bottom: 0;
}
}
.course-fixed--flex {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 641px) {
.course-fixed--dx {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
@media (max-width: 640px) {
.course-fixed--dx {
text-align: center;
}
}
.course-fixed--sx {
max-width: 70%;
}
@media (max-width: 640px) {
.course-fixed--sx {
padding-right: 24px;
display: flex;
align-items: center;
}
}
.course-fixed--button {
margin-left: 24px;
}
@media (max-width: 640px) {
.course-fixed--button {
margin: 0 auto;
}
.course-fixed--button a.dstr-button.dstr-button-primary {
font-size: 12px;
font-size: 1.5rem;
line-height: 30px;
line-height: 3.75rem;
position: relative;
width: auto;
min-width: 0;
padding: 0 16px;
}
}
.course-fixed--title {
font-size: 18px;
font-size: 2.25rem;
font-weight: 900;
margin: 0;
}
@media (max-width: 640px) {
.course-fixed--title {
font-size: 14px;
font-size: 1.75rem;
width: 100%;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
}
.teacher-courses {
margin: 60px 0 50px;
}
.teacher-courses--flex {
padding: 0 40px;
}
.teacher-courses--title {
text-align: center;
font-size: 26px;
font-size: 3.25rem;
margin-bottom: 40px;
text-decoration: underline;
}
.teacher-courses .course--box.teachers-single {
margin: 0 16px;
}
.teacher-profile--avatar {
margin: 0 auto;
display: block;
text-align: center;
}
.teacher-profile__curriculum {
background: #fff;
max-width: 990px;
margin: 0 auto;
}
.teacher-courses {
background: #fff;
max-width: 990px;
margin: 0 auto -40px;
padding: 100px 0 40px;
border-bottom: 1px solid #ddd;
}
.books-related {
max-width: 990px;
margin: 40px auto 0;
border-top: 1px solid #ddd;
padding-top: 50px;
}
@media (max-width: 640px) {
.books-related {
margin: 0;
padding: 32px 4px;
}
}
.books-related--content {
display: flex;
justify-content: space-between;
}
@media (max-width: 640px) {
.books-related--content {
flex-wrap: wrap;
}
}
.books-related .book--item {
width: 33.333%;
}
@media (max-width: 640px) {
.books-related .book--item {
width: 100%;
}
}
.course-partner {
padding: 40px 0 24px;
width: 50%;
}
.course-partner--section {
max-width: 990px;
margin: 0 auto;
}
.course-partner--flex {
display: flex;
justify-content: center;
}
.course-partner--slider {
padding: 0 30px;
}
.course-partner--title {
font-size: 14px;
font-size: 1.75rem;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 400;
color: #828289;
margin-bottom: 24px;
}
.course-partner--link {
display: block;
}
.course-partner--item {
padding: 8px;
}
.ehi-label {
position: absolute;
z-index: 2;
right: 0;
top: 20px;
}
.ehi-label.hero--data-info {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
background-clip: padding-box;
background: #29E574;
color: #fff;
font-weight: 900;
text-transform: uppercase;
display: inline-block;
padding: 8px 24px;
font-size: 12px;
letter-spacing: 2px;
box-shadow: 2px ​2px 2px rgba(0, 0, 0, 0.1);
}
.ehi-label.last-minute {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
background-clip: padding-box;
background: #29E574;
color: #fff;
font-weight: 900;
padding: 8px 24px;
font-size: 12px;
letter-spacing: 2px;
box-shadow: 2px ​2px 2px rgba(0, 0, 0, 0.1);
}
.ehi-label.early-booking {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
background-clip: padding-box;
background: #fff;
color: #26262E;
font-weight: 900;
padding: 8px 24px;
font-size: 12px;
letter-spacing: 2px;
box-shadow: 2px ​2px 2px rgba(0, 0, 0, 0.1);
}
.ehi-label.sold-out {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
background-clip: padding-box;
background: #FF583D;
color: #fff;
font-weight: 900;
padding: 8px 24px;
font-size: 12px;
letter-spacing: 2px;
box-shadow: 2px ​2px 2px rgba(0, 0, 0, 0.1);
}
.ehi-label.closed-course {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
background-clip: padding-box;
background: #26262E;
color: #fff;
font-weight: 900;
padding: 8px 24px;
font-size: 12px;
letter-spacing: 2px;
box-shadow: 2px ​2px 2px rgba(0, 0, 0, 0.1);
}
.notify-me {
border-top: 1px solid #ddd;
padding-top: 16px;
margin-top: 8px;
}
.notify-me .ajax-loader {
display: none;
}
.notify-me .checkbox-form label {
font-size: 12px;
font-size: 1.5rem;
line-height: 1.6 !important;
}
.notify-me .checkbox-form label:before {
border: 1px solid #ddd;
}
.notify-me .checkbox-form label a {
color: #29346e;
}
.notify-me--form {
display: flex;
}
.notify-me--text {
font-size: 14px;
font-size: 1.75rem;
line-height: 1.3;
margin-bottom: 12px;
}
.notify-me--input input {
margin: 0;
}
.notify-me--button {
margin-left: 16px;
}
.notify-me--button input {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
color: #FFFFFF;
border: none;
background-image: linear-gradient(to right, #f0ca4f, #f0ca4f, #29346e, #29346e);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
color: #26262E;
font-size: 14px;
font-size: 1.75rem;
line-height: 40px;
line-height: 5rem;
position: relative;
width: auto;
min-width: 0;
padding: 0 30px;
line-height: 45px;
}
@media only screen and (max-width: 980px) {
.notify-me--button input {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.notify-me--button input:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.notify-me--button input:focus {
outline: none;
}
.notify-me--button input:hover {
color: #FFFFFF;
}
.notify-me--button input .icon {
font-size: 26px;
font-size: 3.25rem;
position: relative;
left: -5px;
top: 6px;
}
.downloads__list--flex.pdf_utility {
align-items: center;
}
.pdf_utility .downloads--label,
.pdf_utility .downloads--link {
font-size: 18px;
font-size: 2.25rem;
color: #fff;
}
.pdf_utility .downloads--svg svg {
fill: #fff;
}
.pdf_utility .downloads--type {
color: #fff;
}
.post-scriptum {
font-size: 12px;
margin-top: -20px;
margin-bottom: 20px;
}
body.privacy-policy .entry-content h2 {
font-size: 32px;
font-size: 4rem;
font-weight: 900;
position: relative;
margin: 32px 0;
color: #26262E;
}
body.privacy-policy .entry-content h2:after, body.privacy-policy .entry-content h2:before {
content: "";
display: table;
}
body.privacy-policy .entry-content h2:after {
clear: both;
}
body.privacy-policy .entry-content h3 {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 32px 0;
color: #26262E;
}
body.privacy-policy .entry-content h3:after, body.privacy-policy .entry-content h3:before {
content: "";
display: table;
}
body.privacy-policy .entry-content h3:after {
clear: both;
}
body.privacy-policy .entry-content h3:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
.entry-header {
margin: 30px 0 60px;
}
.entry-header.center-page {
text-align: center;
}
.entry-header .entry-title {
font-size: 36px;
font-size: 4.5rem;
color: #26262E;
font-weight: 900 !important;
text-align: center;
margin-bottom: 16px;
}
@media (max-width: 640px) {
.entry-header .entry-title {
font-size: 32px;
font-size: 4rem;
}
}
.entry-header .entry-title.white {
color: #FFFFFF;
}
.entry-header .entry-subtitle {
font-size: 18px;
font-size: 2.25rem;
color: #828289;
font-weight: normal;
}
.entry-header .entry-subtitle.white {
color: #FFFFFF;
}
.wrapper {
position: relative;
}
.wrapper.w-bg {
margin-top: -80px;
padding-top: 0;
min-height: 100vh;
}
.hero {
text-align: center;
padding: 100px 0;
}
.hero .megatitle {
font-size: 70px;
font-size: 8.75rem;
color: #FFFFFF;
font-weight: 900;
}
.hero .subtitle {
font-size: 22px;
font-size: 2.75rem;
color: #FFFFFF;
font-weight: normal;
margin-top: 30px;
}
.home-intro {
border-top: 1px solid #ddd;
padding: 40px 0;
margin: 0;
background: #29346e;
color: #fff;
}
@media (min-width: 641px) {
.home-intro {
padding: 100px 80px;
}
}
.home-intro--text {
font-size: 24px;
font-size: 3rem;
color: #fff;
font-weight: 300;
}
@media (min-width: 641px) {
.home-intro--text {
font-size: 36px;
font-size: 4.5rem;
}
}
.sticky-courses {
border-bottom: 1px solid #ddd;
padding-bottom: 40px;
}
@media (min-width: 641px) {
.home-categories--columns {
display: flex;
justify-content: space-between;
}
.home-categories--columns > div {
width: 33.333%;
}
}
.home-categories--rows {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.home-categories--item {
padding: 32px;
margin: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #26262E;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
width: 100%;
}
.home-categories--item.no-pd {
margin: 0;
padding: 0;
}
.home-categories--item.white {
color: #FFFFFF;
}
.home-categories__title {
font-size: 30px;
font-size: 3.75rem;
line-height: 1.1;
margin-bottom: 100px;
}
.home-categories__description {
font-size: 15px;
font-size: 1.875rem;
margin-bottom: 40px;
max-width: 50%;
}
body.page-template-explore-php .wrapper {
padding: 0;
}
body.page-template-explore-php .page-header {
margin: 80px 0;
text-align: center;
}
@media (max-width: 640px) {
body.page-template-explore-php .page-header {
margin: 20px 0 40px;
padding: 0 20px;
}
}
body.page-template-explore-php .page-header .page-title {
font-size: 120px;
font-size: 15rem;
color: #26262E;
}
@media (max-width: 640px) {
body.page-template-explore-php .page-header .page-title {
font-size: 36px;
font-size: 4.5rem;
}
}
body.page-template-explore-php .page-header .page-description {
font-size: 24px;
font-size: 3rem;
color: #828289;
max-width: 600px;
margin: 20px auto;
font-weight: 100;
}
@media (max-width: 640px) {
body.page-template-explore-php .page-header .page-description {
font-size: 16px;
font-size: 2rem;
margin-top: 16px;
}
}
.container-explore {
padding: 0 60px;
}
@media (max-width: 640px) {
.container-explore {
padding: 0 20px;
}
}
.grid-item,
.grid-sizer {
float: left;
width: 33.333%;
min-height: 150px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.grid-item,
.grid-sizer {
width: 33.333%;
}
}
@media (max-width: 640px) {
.grid-item,
.grid-sizer {
width: 50%;
}
}
.grid-item.big,
.grid-sizer.big {
height: 320px;
margin-bottom: 25px;
}
@media (max-width: 640px) {
.grid-item.big,
.grid-sizer.big {
height: 250px;
}
}
.grid-item.medium,
.grid-sizer.medium {
height: 280px;
margin-bottom: 40px;
}
@media (max-width: 640px) {
.grid-item.medium,
.grid-sizer.medium {
height: 220px;
}
}
.grid-item.small,
.grid-sizer.small {
height: 180px;
margin-bottom: 60px;
}
@media (max-width: 640px) {
.grid-item.small,
.grid-sizer.small {
height: 150px;
}
}
.grid-item.height,
.grid-sizer.height {
height: 230px;
margin-bottom: 30px;
}
@media (max-width: 640px) {
.grid-item.height,
.grid-sizer.height {
height: 200px;
}
}
.explore-category {
cursor: pointer;
display: inline-block;
}
.explore-category:hover .the-line {
width: 100%;
}
.explore-name {
font-size: 60px;
font-size: 7.5rem;
font-weight: 300;
color: #26262E;
display: inline-block;
position: relative;
padding: 8px 0;
}
@media (max-width: 640px) {
.explore-name {
font-size: 18px;
font-size: 2.25rem;
}
}
.explore-name .the-line {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
content: "";
display: block;
width: 0px;
height: 4px;
position: absolute;
left: 0;
bottom: -2px;
}
.explore-list {
padding: 0 80px 80px;
}
@media (max-width: 640px) {
.explore-list {
padding: 0 20px 40px;
}
}
.explore-list__item.distretti, .explore-list__item.professioni {
display: none !important;
}
.explore-list .asterix {
font-size: 80px;
font-size: 10rem;
font-weight: 900;
}
@media (max-width: 640px) {
.explore-list .asterix {
font-size: 40px;
font-size: 5rem;
}
}
@media (min-width: 641px) {
.login-flex {
display: flex;
justify-content: center;
}
}
.login-beauty {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.login-beauty button[type=submit] {
width: 100%;
}
.login-beauty--image {
width: 45%;
}
@media (max-width: 640px) {
.login-beauty--image {
display: none;
}
}
.login-beauty--forms {
width: 100%;
}
@media (min-width: 641px) {
.login-beauty--forms {
width: 55%;
padding: 20px 60px;
}
}
.login-beauty form.login,
.login-beauty form.register {
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
@media (min-width: 641px) {
.course-cart {
max-width: 240px;
margin-right: 60px;
}
}
.course-cart--img {
-webkit-border-radius: 0 0 40px 40px;
-moz-border-radius: 0 0 40px 40px;
border-radius: 0 0 40px 40px;
background-clip: padding-box;
margin-bottom: 16px;
}
.course-cart--title {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
color: #26262E;
margin-top: 8px;
}
.course-cart--price {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
color: #26262E;
text-align: right;
border-top: 1px solid #ddd;
margin-top: 16px;
padding-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.course-cart--price .total {
font-size: 22px;
font-size: 2.75rem;
font-weight: 900;
}
.course-cart--price .total--label {
font-size: 16px;
font-size: 2rem;
font-weight: 400;
}
.course-cart--price .symbol {
font-size: 16px;
font-size: 2rem;
font-weight: 400;
}
.course-cart--categories {
font-size: 14px;
font-size: 1.75rem;
color: #f0ca4f;
}
.course-cart--categories__label {
position: relative;
}
.course-cart--categories__label.category:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
width: 5px;
height: 5px;
background: #f0ca4f;
position: relative;
top: -2px;
margin-right: 7px;
margin-left: 4px;
}
.course-cart--categories__label.online:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #f0ca4f;
position: absolute;
left: 0;
bottom: 0;
}
.beautiful-forms {
max-width: 500px;
}
.beautiful-forms .lost_password {
font-size: 14px;
font-size: 1.75rem;
text-align: center;
margin-top: 24px;
}
.beautiful-forms .check-login-form,
.beautiful-forms .woocommerce-privacy-policy-text {
display: none;
}
.beautiful-forms .checkbox-form {
margin: 16px 0;
}
.beautiful-forms--title {
font-size: 30px;
font-size: 3.75rem;
font-weight: 900;
text-align: left;
color: #26262E;
}
.beautiful-forms--subtitle {
font-size: 20px;
font-size: 2.5rem;
font-weight: 300;
text-align: center;
color: #26262E;
margin: 8px 0 0;
}
.beautiful-forms--message {
font-size: 14px;
font-size: 1.75rem;
font-weight: 300;
text-align: left;
color: #828289;
margin: 8px 0 32px;
}
.beautiful-forms .wpforms-field-sublabel {
display: none;
}
.beautiful-forms .wpforms-field {
margin: 16px 0;
}
.beautiful-forms .wpforms-field-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.beautiful-forms .wpforms-field-row .wpforms-one-half {
width: 49%;
}
.beautiful-forms .wpforms-required-label {
display: none;
}
.beautiful-forms .wpforms-submit-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 32px;
}
.beautiful-forms .checkbox-radio-choice input[type=checkbox] {
display: none;
}
.beautiful-forms .checkbox-radio-choice ul {
list-style: none;
margin: 8px 0 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.beautiful-forms .checkbox-radio-choice ul li {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 4px 0;
cursor: pointer;
display: flex;
align-items: center;
min-height: 55px;
width: 49%;
}
.beautiful-forms .checkbox-radio-choice ul li:first-of-type {
margin-left: 0;
}
.beautiful-forms .checkbox-radio-choice ul li:last-of-type {
margin-right: 0;
}
.beautiful-forms .checkbox-radio-choice ul li label {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 14px;
font-size: 1.75rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
display: flex;
align-items: center;
padding: 8px 10px;
border: 1px solid transparent;
outline: none;
background: #F8F7FD;
font-weight: normal;
color: #26262E;
text-transform: none;
line-height: 1.3;
text-align: center;
min-height: 55px;
cursor: pointer;
}
.beautiful-forms .checkbox-radio-choice ul li:hover label {
border: 1px solid #29346e;
}
.beautiful-forms .checkbox-radio-choice ul li.wpforms-selected label {
border: 1px solid #29346e;
background: #E9E1FD;
color: #29346e;
}
.beautiful-forms .agree-checkbox {
margin-top: 32px;
display: flex;
justify-content: center;
}
.beautiful-forms .agree-checkbox ul {
list-style: none;
margin: 0;
padding: 0;
}
.beautiful-forms .agree-checkbox label {
padding-left: 26px;
color: #26262E;
text-transform: none;
}
.beautiful-forms .agree-checkbox label a {
color: #26262E;
border-bottom: 1px solid #26262E;
}
.beautiful-forms .agree-checkbox label a:hover {
color: #29346e;
border-bottom: 1px solid #29346e;
}
.beautiful-forms input.wpforms-error {
border: 1px solid #FF6969 !important;
}
.beautiful-forms label.wpforms-error {
font-size: 13px;
font-size: 1.625rem;
color: #FF6969 !important;
}
.beautiful-forms .form-divider {
content: "";
display: block;
height: 1px;
width: 100%;
background: #ddd;
margin: 30px 0 24px;
}
.beautiful-forms .form-divider:after, .beautiful-forms .form-divider:before {
content: "";
display: table;
}
.beautiful-forms .form-divider:after {
clear: both;
}
.beautiful-forms .wpforms-error-container {
font-size: 14px;
font-size: 1.75rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
text-align: center;
padding: 8px 16px;
background: #FFDDDD;
color: #FF6969;
}
#general-user-avatar-form {
display: flex;
align-items: center;
}
#general-user-avatar-form:after, #general-user-avatar-form:before {
content: "";
display: table;
}
#general-user-avatar-form:after {
clear: both;
}
#general-user-avatar-form .current-avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}
#general-user-avatar-form .current-avatar:hover .avatar-label {
opacity: 1;
}
#general-user-avatar-form .current-avatar .user-avatar {
font-size: 40px;
font-size: 5rem;
width: 100%;
height: 100%;
}
#general-user-avatar-form .current-avatar-buttons {
display: none;
text-align: center;
margin-left: 16px;
}
#general-user-avatar-form .current-avatar-buttons.show-buttons {
display: block;
}
#general-user-avatar-form .current-avatar-buttons .checkbox-form {
margin: 0 0 10px;
}
#general-user-avatar-form .current-avatar-file-name {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
font-size: 10px;
font-size: 1.25rem;
max-width: 190px;
background: #E5FEF8;
color: #28c265;
padding: 4px 8px;
}
#general-user-avatar-form .avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
border: 1px solid #ddd;
background: #f9f9f9;
float: left;
width: 100%;
}
#general-user-avatar-form input[type=file] {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
height: 100%;
opacity: 0;
cursor: pointer;
}
#general-user-avatar-form .avatar-label {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 11px;
font-size: 1.375rem;
letter-spacing: 2px;
text-transform: uppercase;
position: absolute;
text-align: center;
padding: 0 20px;
top: 0;
left: 0;
width: 150px;
height: 100%;
z-index: 1;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
background: rgba(0, 0, 0, 0.3);
color: #fff;
cursor: pointer;
}
#general-user-avatar-form input[type=submit] {
float: right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
font-size: 12px;
font-size: 1.5rem;
line-height: 30px;
line-height: 3.75rem;
position: relative;
width: auto;
min-width: 0;
padding: 0 16px;
color: #26262E;
border: 1px solid #26262E;
background: transparent;
}
@media only screen and (max-width: 980px) {
#general-user-avatar-form input[type=submit] {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
#general-user-avatar-form input[type=submit]:hover {
background-position: 100% 0;
color: #FFFFFF;
}
#general-user-avatar-form input[type=submit]:focus {
outline: none;
}
#general-user-avatar-form input[type=submit]:hover {
background: #26262E;
color: #FFFFFF;
border: 1px solid transparent;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 641px) {
.user-profile__header--flex {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 641px) {
.user-profile__header--sx {
display: flex;
align-items: center;
justify-content: flex-start;
}
}
.user-profile--avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
width: 160px;
height: 160px;
overflow: hidden;
position: relative;
}
@media (max-width: 640px) {
.user-profile--avatar {
width: 100px;
height: 100px;
margin: 0 auto;
}
}
.user-profile--avatar .user-avatar {
display: flex;
align-items: center;
justify-content: center;
background: #f0ca4f;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 90px;
font-size: 11.25rem;
font-weight: 900;
color: #FFFFFF;
}
@media (max-width: 640px) {
.user-profile--avatar .user-avatar {
font-size: 40px;
font-size: 5rem;
}
}
.user-profile--avatar img {
width: 100%;
height: auto;
display: block;
}
.user-profile--info {
text-align: center;
}
@media (min-width: 641px) {
.user-profile--info {
text-align: left;
padding-left: 40px;
}
}
.user-profile--name {
font-size: 34px;
font-size: 4.25rem;
line-height: 1.1;
color: #26262E;
margin: 24px 0 16px;
}
@media (max-width: 640px) {
.user-profile--name {
font-size: 30px;
font-size: 3.75rem;
}
}
.user-profile--bio {
font-size: 16px;
font-size: 2rem;
color: #828289;
}
.user-profile--bio .title {
font-weight: 900;
}
.user-profile--bio .interests span:before {
content: ",";
display: inline-block;
margin-right: 4px;
}
.user-profile--bio .interests span:first-of-type:before {
content: none;
margin-right: 0;
}
.user-profile__courses--item {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
border: 1px solid #ddd;
overflow: hidden;
margin: 32px 0 0;
display: flex;
justify-content: space-between;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 640px) {
.user-profile__courses--item {
flex-wrap: wrap;
}
}
.user-profile__courses--item:first-of-type {
margin-top: 8px;
}
.user-profile__courses--item.opened {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
background-clip: padding-box;
box-shadow: none;
}
.user-profile__courses--sx {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 75%;
}
@media (max-width: 640px) {
.user-profile__courses--sx {
max-width: 100%;
width: 100%;
}
}
.user-profile__courses--dx {
padding: 0 24px;
border-left: 1px solid #ddd;
display: flex;
align-items: center;
}
@media (max-width: 640px) {
.user-profile__courses--dx {
width: 100%;
text-align: center;
display: block;
padding: 10px 0;
border-top: 1px solid #ddd;
}
}
.user-profile__courses--dx .show-downloads-items {
font-size: 14px;
font-size: 1.75rem;
cursor: pointer;
}
.user-profile__courses--dx .show-downloads-items span {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 16px;
font-size: 2rem;
position: relative;
top: 3px;
display: inline-block;
}
.user-profile__courses--dx .show-downloads-items.active span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.user-profile__courses--title {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
line-height: 1.1;
color: #26262E;
}
@media (max-width: 640px) {
.user-profile__courses--title {
display: block;
font-size: 16hpx;
font-size: 2hrem;
}
}
.user-profile__courses--title:hover {
color: #29346e;
}
.user-profile__courses--type {
margin: 0 0 4px;
display: block;
}
.user-profile__courses--type span {
font-size: 14px;
font-size: 1.75rem;
color: #f0ca4f;
font-weight: 500;
letter-spacing: 0.03em;
}
.user-profile__courses--type span.online-label {
position: relative;
}
.user-profile__courses--type span.online-label:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #f0ca4f;
position: absolute;
left: 0;
bottom: 0;
}
.user-profile__courses--status {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 120px;
height: 120px;
margin-right: 24px;
}
@media (max-width: 640px) {
.user-profile__courses--status {
margin-right: 10px;
}
}
.user-profile__courses--status.active {
background: #29E574;
}
.user-profile__courses--status.finished {
background: #FF583D;
}
.user-profile__courses--status span {
font-size: 11px;
font-size: 1.375rem;
color: #fff;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}
.user-profile__courses--downloads {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
border: 1px solid #ddd;
border-top: none;
padding: 0;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
background: #f9f9f9;
}
#LetsBox {
margin-bottom: 0 !important;
}
.downloads {
padding: 24px;
}
@media (max-width: 640px) {
.downloads {
padding: 16px;
}
}
.downloads--tabs {
display: flex;
align-items: center;
justify-content: flex-start;
}
.downloads--title {
font-size: 14px;
font-size: 1.75rem;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 10px;
position: relative;
cursor: pointer;
}
.downloads--title:first-of-type {
margin-left: 0;
}
.downloads--title:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
background: #29346e;
width: 0;
height: 1px;
}
.downloads--title.active {
color: #29346e;
}
.downloads--title.active:after {
width: 100%;
}
.downloads--title:hover:after {
width: 100%;
}
.downloads__list {
display: none;
}
.downloads__list--flex {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
padding: 40px 0;
}
.downloads__list--item {
width: 33.333%;
text-align: left;
padding: 8px 16px;
}
@media (max-width: 640px) {
.downloads__list--item {
width: 100%;
padding: 8px 0;
}
}
@media (min-width: 641px) {
.downloads__list--item:nth-child(3n+1) {
padding-left: 0;
}
}
.downloads--link {
display: flex;
align-items: center;
justify-content: flex-start;
}
.downloads--svg {
width: 28px;
display: block;
margin-right: 16px;
position: relative;
}
.downloads--svg svg {
fill: #29346e;
}
.downloads--type {
font-size: 8px;
font-size: 1rem;
position: absolute;
bottom: 5px;
width: 100%;
left: 0;
text-align: center;
color: #29346e;
font-weight: bold;
}
.downloads--label {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 14px;
font-size: 1.75rem;
line-height: 1.2;
color: #26262E;
display: block;
word-break: break-all;
}
.downloads--label:hover {
color: #f0ca4f;
}
.teacher-profile__curriculum h4,
.teacher-profile__curriculum p {
color: #26262E;
}
.teacher-profile__curriculum h4:after {
background: #26262E;
}
.teacher-profile__curriculum--item h3 {
font-size: 20px;
font-size: 2.5rem;
line-height: 1.2;
color: #26262E;
margin: 32px 0 0;
}
.teacher-profile__curriculum--item li,
.teacher-profile__curriculum--item p {
font-size: 16px;
font-size: 2rem;
line-height: 1.4;
margin: 16px 0;
}
.teacher-profile-picture {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: block;
width: 110px !important;
height: 110px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.teacher-profile--avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
overflow: hidden;
width: 160px;
height: 160px;
margin: 0 40px 0 0;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media (max-width: 640px) {
.teacher-profile--avatar {
width: 90px;
height: 90px;
margin-bottom: 24px;
}
}
.teacher-profile--info {
text-align: left;
}
@media (max-width: 640px) {
.teacher-profile--info h1 {
font-size: 24px;
font-size: 3rem;
}
}
.teacher-profile--info .taxonomy-description {
margin: 20px 0 0 !important;
}
@media (max-width: 640px) {
.teacher-profile--header {
padding: 0 !important;
}
}
@media (min-width: 641px) {
.teacher-profile--header {
display: flex;
align-items: center;
justify-content: flex-start;
}
}
body.woocommerce-account .entry-header {
display: none;
}
body.woocommerce-account .site-main {
display: block;
max-width: 1180px;
margin: 0 auto;
padding: 0 40px;
position: relative;
}
@media (max-width: 1024px) {
body.woocommerce-account .site-main {
padding: 0 30px;
}
}
@media (max-width: 640px) {
body.woocommerce-account .site-main {
padding: 0 15px;
}
}
.author-header {
width: 100%;
border-bottom: 1px solid #ddd;
margin: 20px 0 50px;
padding-bottom: 30px;
}
.author-header:after, .author-header:before {
content: "";
display: table;
}
.author-header:after {
clear: both;
}
.woocommerce-account .woocommerce-flex {
display: flex;
align-items: flex-start;
justify-content: center;
}
@media (max-width: 640px) {
.woocommerce-account .woocommerce-flex {
display: block;
width: 100%;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation {
max-width: 100%;
width: 240px;
margin-right: 50px;
float: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 75%;
float: none !important;
}
@media (max-width: 640px) {
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
}
@media (max-width: 640px) {
.woocommerce-MyAccount-navigation {
display: none;
}
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
font-size: 15px;
font-size: 1.875rem;
color: #828289;
display: block;
margin: 8px 0;
background: white;
padding: 8px 16px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background: #f1f1f1;
color: #26262E;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #29346e;
color: #fff;
}
.woocommerce-Addresses {
display: flex;
}
.woocommerce-Addresses .woocommerce-Address {
width: 50% !important;
max-width: none !important;
flex: none !important;
margin: 32px 0 0;
padding: 24px;
}
.woocommerce-Addresses .woocommerce-Address .edit {
font-size: 14px;
font-size: 1.75rem;
}
.woocommerce-Addresses .woocommerce-Address-title h3 {
font-size: 20px;
font-size: 2.5rem;
float: none !important;
}
.form-row .woocommerce-input-wrapper,
.form-row input {
width: 100%;
}
.form-buttons {
margin-top: 32px;
text-align: center;
}
.my-account--minititle {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 32px 0;
color: #26262E;
}
.my-account--minititle:after, .my-account--minititle:before {
content: "";
display: table;
}
.my-account--minititle:after {
clear: both;
}
.my-account--minititle:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
.password-input {
width: 100%;
}
.woocommerce-notices-wrapper .woocommerce-error {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
border-top: none;
padding: 10px 24px;
background: #FFEEEB;
color: #FF583D;
}
.woocommerce-notices-wrapper .woocommerce-error:before {
content: none;
}
.woocommerce-notices-wrapper .woocommerce-message {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
border-top: none;
padding: 10px 24px;
background: #E5FEF8;
color: #29E574;
}
.woocommerce-notices-wrapper .woocommerce-message:before {
content: none;
}
.woocommerce-Address-title {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.address-title {
margin-top: 0;
}
body.archive .container-fluid > .row,
body.category .container-fluid > .row,
body.page-template-page-about .container-fluid > .row,
body.page-template-page-archive .container-fluid > .row,
body.page-template-page-explore .container-fluid > .row,
body.post-type-archive .container-fluid > .row,
body.single-teacher .container-fluid > .row,
body.search-results .container-fluid > .row,
body.search-no-results .container-fluid > .row {
display: block;
}
body.archive .wrapper,
body.category .wrapper,
body.page-template-page-about .wrapper,
body.page-template-page-archive .wrapper,
body.page-template-page-explore .wrapper,
body.post-type-archive .wrapper,
body.single-teacher .wrapper,
body.search-results .wrapper,
body.search-no-results .wrapper {
padding: 0;
}
body.archive .page-header,
body.category .page-header,
body.page-template-page-about .page-header,
body.page-template-page-archive .page-header,
body.page-template-page-explore .page-header,
body.post-type-archive .page-header,
body.single-teacher .page-header,
body.search-results .page-header,
body.search-no-results .page-header {
margin: 80px 0;
text-align: center;
}
body.archive .page-header:after, body.archive .page-header:before,
body.category .page-header:after,
body.category .page-header:before,
body.page-template-page-about .page-header:after,
body.page-template-page-about .page-header:before,
body.page-template-page-archive .page-header:after,
body.page-template-page-archive .page-header:before,
body.page-template-page-explore .page-header:after,
body.page-template-page-explore .page-header:before,
body.post-type-archive .page-header:after,
body.post-type-archive .page-header:before,
body.single-teacher .page-header:after,
body.single-teacher .page-header:before,
body.search-results .page-header:after,
body.search-results .page-header:before,
body.search-no-results .page-header:after,
body.search-no-results .page-header:before {
content: "";
display: table;
}
body.archive .page-header:after,
body.category .page-header:after,
body.page-template-page-about .page-header:after,
body.page-template-page-archive .page-header:after,
body.page-template-page-explore .page-header:after,
body.post-type-archive .page-header:after,
body.single-teacher .page-header:after,
body.search-results .page-header:after,
body.search-no-results .page-header:after {
clear: both;
}
@media (max-width: 640px) {
body.archive .page-header,
body.category .page-header,
body.page-template-page-about .page-header,
body.page-template-page-archive .page-header,
body.page-template-page-explore .page-header,
body.post-type-archive .page-header,
body.single-teacher .page-header,
body.search-results .page-header,
body.search-no-results .page-header {
margin: 20px 0 40px;
padding: 0 20px;
}
}
body.archive .page-header .page-title,
body.category .page-header .page-title,
body.page-template-page-about .page-header .page-title,
body.page-template-page-archive .page-header .page-title,
body.page-template-page-explore .page-header .page-title,
body.post-type-archive .page-header .page-title,
body.single-teacher .page-header .page-title,
body.search-results .page-header .page-title,
body.search-no-results .page-header .page-title {
font-size: 60px;
font-size: 7.5rem;
color: #26262E;
line-height: 0.8;
position: relative;
display: inline-block;
}
@media (max-width: 640px) {
body.archive .page-header .page-title,
body.category .page-header .page-title,
body.page-template-page-about .page-header .page-title,
body.page-template-page-archive .page-header .page-title,
body.page-template-page-explore .page-header .page-title,
body.post-type-archive .page-header .page-title,
body.single-teacher .page-header .page-title,
body.search-results .page-header .page-title,
body.search-no-results .page-header .page-title {
font-size: 32px;
font-size: 4rem;
}
}
body.archive .page-header .page-title.small,
body.category .page-header .page-title.small,
body.page-template-page-about .page-header .page-title.small,
body.page-template-page-archive .page-header .page-title.small,
body.page-template-page-explore .page-header .page-title.small,
body.post-type-archive .page-header .page-title.small,
body.single-teacher .page-header .page-title.small,
body.search-results .page-header .page-title.small,
body.search-no-results .page-header .page-title.small {
font-size: 30px;
font-size: 3.75rem;
font-weight: bold;
}
body.archive .page-header .page-title:after, body.archive .page-header .page-title:before,
body.category .page-header .page-title:after,
body.category .page-header .page-title:before,
body.page-template-page-about .page-header .page-title:after,
body.page-template-page-about .page-header .page-title:before,
body.page-template-page-archive .page-header .page-title:after,
body.page-template-page-archive .page-header .page-title:before,
body.page-template-page-explore .page-header .page-title:after,
body.page-template-page-explore .page-header .page-title:before,
body.post-type-archive .page-header .page-title:after,
body.post-type-archive .page-header .page-title:before,
body.single-teacher .page-header .page-title:after,
body.single-teacher .page-header .page-title:before,
body.search-results .page-header .page-title:after,
body.search-results .page-header .page-title:before,
body.search-no-results .page-header .page-title:after,
body.search-no-results .page-header .page-title:before {
-webkit-animation: floatClouds 6s ease-in-out infinite;
-moz-animation: floatClouds 6s ease-in-out infinite;
-ms-animation: floatClouds 6s ease-in-out infinite;
-o-animation: floatClouds 6s ease-in-out infinite;
animation: floatClouds 6s ease-in-out infinite;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: block;
background: #29346e;
width: 30px;
height: 30px;
position: absolute;
bottom: 20%;
left: -55px;
z-index: -1;
}
body.archive .page-header .page-title:after,
body.category .page-header .page-title:after,
body.page-template-page-about .page-header .page-title:after,
body.page-template-page-archive .page-header .page-title:after,
body.page-template-page-explore .page-header .page-title:after,
body.post-type-archive .page-header .page-title:after,
body.single-teacher .page-header .page-title:after,
body.search-results .page-header .page-title:after,
body.search-no-results .page-header .page-title:after {
background: #f0ca4f;
left: -15px;
}
body.archive .page-header .taxonomy-description,
body.category .page-header .taxonomy-description,
body.page-template-page-about .page-header .taxonomy-description,
body.page-template-page-archive .page-header .taxonomy-description,
body.page-template-page-explore .page-header .taxonomy-description,
body.post-type-archive .page-header .taxonomy-description,
body.single-teacher .page-header .taxonomy-description,
body.search-results .page-header .taxonomy-description,
body.search-no-results .page-header .taxonomy-description {
font-size: 24px;
font-size: 3rem;
color: #828289;
max-width: 600px;
margin: 20px auto;
font-weight: 100;
}
@media (max-width: 640px) {
body.archive .page-header .taxonomy-description,
body.category .page-header .taxonomy-description,
body.page-template-page-about .page-header .taxonomy-description,
body.page-template-page-archive .page-header .taxonomy-description,
body.page-template-page-explore .page-header .taxonomy-description,
body.post-type-archive .page-header .taxonomy-description,
body.single-teacher .page-header .taxonomy-description,
body.search-results .page-header .taxonomy-description,
body.search-no-results .page-header .taxonomy-description {
font-size: 16px;
font-size: 2rem;
margin-top: 16px;
}
}
body.single-teacher .page-title:after, body.single-teacher .page-title:before {
content: none !important;
}
.archive-main {
width: 100%;
}
.archive-main:after, .archive-main:before {
content: "";
display: table;
}
.archive-main:after {
clear: both;
}
.archive-container {
padding: 0;
margin: 0;
}
@media (min-width: 641px) {
.archive-container {
display: flex;
}
}
.members-list:after, .members-list:before {
content: "";
display: table;
}
.members-list:after {
clear: both;
}
@media (max-width: 640px) {
.members-list {
padding: 0 20px;
}
}
.members-list__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: flex-start;
justify-content: center;
}
.members-list__item {
width: 80px;
text-align: center;
margin: 0 10px;
}
@media (max-width: 640px) {
.members-list__item {
width: 48px;
margin: 0 8px;
}
}
.members-list__item:first-of-type {
margin-left: 0;
}
.members-list__avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
margin-bottom: 10px;
}
.members-list__avatar img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.members-list__avatar:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.members-list__avatar-link {
display: block;
}
.members-list__data-link {
display: block;
color: #26262E;
text-align: center;
}
.members-list__data-link:hover {
color: #29346e;
}
.members-list__name {
font-size: 13px;
font-size: 1.625rem;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 80px;
display: block;
height: 17px;
}
@media (max-width: 640px) {
.members-list__name {
font-size: 11px;
font-size: 1.375rem;
width: 48px;
}
}
.cards-list {
width: 100%;
margin: 200px 0;
position: relative;
padding: 0 60px;
}
.cards-list:after, .cards-list:before {
content: "";
display: table;
}
.cards-list:after {
clear: both;
}
@media (max-width: 640px) {
.cards-list {
margin: 60px 0;
padding: 0;
}
}
.cards-list .slick-arrow {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 30px;
font-size: 3.75rem;
position: absolute;
top: -60px;
cursor: pointer;
color: #828289;
}
@media (max-width: 640px) {
.cards-list .slick-arrow {
top: -45px;
}
}
.cards-list .slick-arrow:hover {
color: #26262E;
}
.cards-list .slick-arrow.slick-prev {
right: 90px;
}
@media (max-width: 640px) {
.cards-list .slick-arrow.slick-prev {
right: 30px;
}
}
.cards-list .slick-arrow.slick-next {
right: 60px;
}
@media (max-width: 640px) {
.cards-list .slick-arrow.slick-next {
right: 0;
}
}
.cards-list__megatitle {
font-size: 18px;
font-size: 2.25rem;
position: absolute;
left: 0;
text-align: center;
font-weight: 900;
color: #26262E;
}
@media (max-width: 640px) {
.cards-list__megatitle {
top: -35px;
}
}
@media (min-width: 641px) {
.cards-list__megatitle {
font-size: 30px;
font-size: 3.75rem;
height: 100%;
top: 35%;
}
.cards-list__megatitle span {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
display: block;
}
}
.cards-list__container {
display: block;
position: relative;
}
.cards-list__container.cards-list__slider .slider-arrow.slider-prev {
left: -35px;
}
.cards-list__container.cards-list__slider .slider-arrow.slider-next {
right: -35px;
}
.cards-list__item {
position: relative;
padding: 0 60px;
height: 100%;
}
@media (min-width: 641px) {
.cards-list__item:hover .cards-list__lines {
opacity: 1;
filter: alpha(opacity=100);
top: 10px;
left: 20px;
}
}
@media (max-width: 640px) {
.cards-list__item {
padding: 0 10px 0 0;
}
}
.cards-list__link {
display: block;
}
.cards-list__image {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
width: 100%;
overflow: hidden;
}
.cards-list__image--img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.cards-list__image:hover .cards-list__image--img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.cards-list__title {
font-size: 20px;
font-size: 2.5rem;
font-weight: 100;
color: #26262E;
margin: 8px 0 0;
}
@media (max-width: 640px) {
.cards-list__title {
font-size: 16px;
font-size: 2rem;
}
}
.cards-list__title--link {
color: #26262E;
}
.cards-list__company {
font-size: 16px;
font-size: 2rem;
font-weight: bold;
color: #26262E;
margin: 16px 0 0;
}
@media (max-width: 640px) {
.cards-list__company {
font-size: 12px;
font-size: 1.5rem;
}
}
.cards-list__footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.cards-list__date {
font-size: 14px;
font-size: 1.75rem;
font-weight: normal;
color: #828289;
margin: 0;
}
@media (max-width: 640px) {
.cards-list__date {
font-size: 12px;
font-size: 1.5rem;
}
}
.cards-list__text {
position: relative;
z-index: 2;
}
.category-list {
margin: 15px 0;
}
.category-list:after, .category-list:before {
content: "";
display: table;
}
.category-list:after {
clear: both;
}
.category-list__label {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background-clip: padding-box;
font-size: 14px;
font-size: 1.75rem;
font-weight: normal;
color: #FFFFFF;
display: inline-block;
background: rgba(0, 0, 0, 0.2);
padding: 3px 16px;
margin: 0 4px 4px;
}
.category-list__label:hover {
color: #FFFFFF;
background: rgba(0, 0, 0, 0.4);
}
.flat-cards {
margin-top: 80px;
}
.flat-cards:after, .flat-cards:before {
content: "";
display: table;
}
.flat-cards:after {
clear: both;
}
@media (max-width: 640px) {
.flat-cards {
padding: 0;
margin-top: 40px;
}
}
.flat-cards__list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.flat-cards .cards-list__item {
padding: 20px 30px;
height: auto;
}
@media (max-width: 640px) {
.flat-cards .cards-list__item {
width: 100%;
float: none;
padding: 15px 20px;
}
}
.flat-cards .cards-list__item,
.flat-cards .grid-sizer {
width: 33.333%;
margin: 32px 0;
padding: 0 20px;
}
@media (max-width: 1024px) {
.flat-cards .cards-list__item,
.flat-cards .grid-sizer {
width: 50%;
}
}
@media (max-width: 640px) {
.flat-cards .cards-list__item,
.flat-cards .grid-sizer {
width: 100%;
margin: 16px 0;
}
}
@media (min-width: 641px) {
.site-main {
padding: 0 60px;
}
}
.archive-flex {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
body.post-type-archive-teacher .archive-flex {
max-width: 1100px;
margin: 0 auto;
}
.archive-flex .archive-box,
.archive-flex .course--box {
margin: 16px 0;
width: 100%;
}
@media (min-width: 641px) {
.archive-flex .archive-box,
.archive-flex .course--box {
width: 22%;
width: calc(25% - 32px);
margin: 0 16px 32px;
}
}
.archive-flex .archive-box.teacher,
.archive-flex .course--box.teacher {
width: 45%;
margin: 24px 2.5%;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 640px) {
.archive-flex .archive-box.teacher,
.archive-flex .course--box.teacher {
width: 100%;
padding: 24px 20px;
border-top: 1px solid #ddd;
margin: 0;
}
}
.archive-box--link {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.teacher .archive-box--link {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
width: auto;
}
.teacher .archive-box--link img {
width: 120px;
}
.teacher .archive-box--link:hover {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.teacher .archive-box--link:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.archive-box--link img {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
display: block;
}
.archive-box--link:hover {
-webkit-border-radius: 0 0 80px 80px;
-moz-border-radius: 0 0 80px 80px;
border-radius: 0 0 80px 80px;
background-clip: padding-box;
}
.archive-box--link:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.archive-box--header {
padding: 16px 0;
background: #fff;
}
.teacher .archive-box--header {
padding: 0 0 0 16px;
text-align: left;
max-width: calc(100% - 144px);
}
.teacher .archive-box--header h3 {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
color: #26262E;
text-align: left;
margin: 0 0 8px;
}
@media (max-width: 640px) {
.teacher .archive-box--header h3 a {
font-size: 20px;
font-size: 2.5rem;
}
}
@media (max-width: 640px) {
.teacher .archive-box--header p {
font-size: 14px;
font-size: 1.75rem;
line-height: 1.4;
}
}
.archive-box--title {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
color: #26262E;
text-align: center;
display: block;
}
.teacher .archive-box--title {
text-align: left;
}
.archive-box--title:hover {
color: #29346e;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0 !important;
}
.woocommerce-ordering,
.woocommerce-result-count {
display: none !important;
}
.fiters-widget {
margin-bottom: 16px;
}
@media (min-width: 641px) {
.fiters-widget .filters-container form {
display: flex;
justify-content: center;
align-items: center;
}
}
.fiters-widget .filters-container form .filter-title {
font-size: 14px;
font-size: 1.75rem;
display: block;
width: 100%;
max-width: 100%;
font-weight: 400;
padding: 0;
margin: 0;
text-align: left;
color: #26262E;
margin-bottom: 6px;
}
.fiters-widget .filters-container form .yith-wcan-filter {
width: 100%;
margin: 8px 0;
}
@media (min-width: 641px) {
.fiters-widget .filters-container form .yith-wcan-filter {
width: 300px;
max-width: 50%;
margin: 0 16px;
}
}
.fiters-widget .filters-container form .yith-wcan-reset-filters {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 50px;
line-height: 6.25rem;
cursor: pointer;
display: inline-block;
min-width: 180px;
max-width: 100%;
font-weight: 400;
color: #FFFFFF;
text-align: center;
border: none;
background-size: 300% 100%;
padding: 0 25px;
letter-spacing: 2px;
color: #26262E;
background: transparent;
border: 1px solid #26262E;
font-size: 14px;
font-size: 1.75rem;
line-height: 40px;
line-height: 5rem;
position: relative;
width: auto;
min-width: 0;
padding: 0 30px;
line-height: 42px;
margin-top: 21px;
}
@media only screen and (max-width: 980px) {
.fiters-widget .filters-container form .yith-wcan-reset-filters {
line-height: 40px;
line-height: 5rem;
font-size: 16px;
font-size: 2rem;
min-width: 0;
padding: 0 30px;
}
}
.fiters-widget .filters-container form .yith-wcan-reset-filters:hover {
background-position: 100% 0;
color: #FFFFFF;
}
.fiters-widget .filters-container form .yith-wcan-reset-filters:focus {
outline: none;
}
.fiters-widget .filters-container form .yith-wcan-reset-filters:hover {
color: #29346e;
background: transparent;
border: 1px solid #29346e;
}
.fiters-widget .filters-container form .yith-wcan-reset-filters .icon {
font-size: 26px;
font-size: 3.25rem;
position: relative;
left: -5px;
top: 6px;
}
body.post-type-archive-product #woocommerce-wrapper > .container > .row {
display: block;
}
.pagination {
justify-content: center;
}
.archive-categories {
text-align: center;
}
@media (min-width: 641px) {
.archive-categories {
margin: 0 16px;
}
}
.archive-categories__list {
list-style: none;
margin: 0;
padding: 0;
}
.archive-categories .link {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 14px;
font-size: 1.75rem;
font-weight: 400;
display: block;
position: relative;
}
@media (min-width: 641px) {
.archive-categories .link {
display: inline-block;
}
}
.archive-categories.primary-categories li {
display: block;
margin: 10px 0;
}
@media (min-width: 641px) {
.archive-categories.primary-categories li {
display: inline-block;
margin: 10px 8px;
}
.archive-categories.primary-categories li:first-of-type {
margin-left: 0;
}
.archive-categories.primary-categories li:last-of-type {
margin-right: 0;
}
}
.archive-categories.primary-categories .link {
font-size: 13px;
font-size: 1.625rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
text-transform: uppercase;
padding: 8px 12px;
letter-spacing: 0.1em;
background: #f0ca4f;
color: #26262E;
width: 100%;
}
.archive-categories.primary-categories .link.active, .archive-categories.primary-categories .link:hover {
color: #fff;
background: #29346e;
}
@media (min-width: 641px) {
.archive-categories.primary-categories .link {
width: auto;
}
}
.archive-categories.secondary-categories {
margin-bottom: 32px;
}
.archive-categories.secondary-categories .category-title {
font-size: 14px;
font-size: 1.75rem;
margin: 0 5px 0 0;
}
.archive-categories.secondary-categories li {
display: inline-block;
}
@media (min-width: 641px) {
.archive-categories.secondary-categories li {
display: inline-block;
}
.archive-categories.secondary-categories li:first-of-type {
margin-left: 0;
}
.archive-categories.secondary-categories li:last-of-type {
margin-right: 0;
}
}
.archive-categories.secondary-categories .link {
font-size: 14px;
font-size: 1.75rem;
font-weight: bold;
color: #26262E;
display: inline-block;
}
@media (min-width: 641px) {
.archive-categories.secondary-categories .link:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "";
display: block;
background: #f0ca4f;
width: 0;
height: 1px;
}
.archive-categories.secondary-categories .link.active, .archive-categories.secondary-categories .link:hover {
color: #f0ca4f;
}
.archive-categories.secondary-categories .link.active:after, .archive-categories.secondary-categories .link:hover:after {
width: 100%;
}
}
.archive-categories.secondary-categories .link.active {
color: #f0ca4f;
}
.archive-categories.secondary-categories .link.active:after {
width: 100%;
}
.prev-next-posts {
display: flex;
align-items: center;
justify-content: center;
}
.prev-next-posts > div {
margin: 0 16px;
}
.prev-next-posts > div a {
font-size: 14px;
font-size: 1.75rem;
color: #26262E;
}
.work-wrapper {
max-width: 1600px;
margin: 0 auto;
}
@media (min-width: 641px) {
.work-wrapper {
display: flex;
padding: 0 40px;
}
}
.work-wrapper .works-sidebar {
position: relative;
}
.work-wrapper .works-sidebar:after, .work-wrapper .works-sidebar:before {
content: "";
display: table;
}
.work-wrapper .works-sidebar:after {
clear: both;
}
@media (max-width: 640px) {
.work-wrapper .works-sidebar {
width: 100%;
}
}
@media (min-width: 641px) {
.work-wrapper .works-sidebar {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 30%;
position: sticky;
top: 80px;
display: inline-block;
}
}
.work-wrapper .works-sidebar .category-list {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
}
@media (max-width: 640px) {
.work-wrapper .works-container {
width: 100%;
padding: 0 20px;
}
}
@media (min-width: 641px) {
.work-wrapper .works-container {
width: 70%;
float: right;
padding: 40px;
display: inline-block;
}
}
@media (max-width: 1024px) {
.work-wrapper .works-container {
padding: 0 20px;
}
}
@media (min-width: 641px) {
.works-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
}
.works-header__dx {
padding-top: 5px;
min-width: 130px;
text-align: right;
}
@media (min-width: 641px) {
.works-header__dx {
text-align: center;
}
}
.works-header__dx .expired-date {
font-size: 12px;
font-size: 1.5rem;
color: #828289;
display: block;
margin-top: 15px;
}
.company_quote {
padding: 10px 40px;
}
@media (min-width: 641px) {
.company_quote {
margin: 0 40px 40px;
}
}
.company_quote__text {
font-size: 40px;
font-size: 5rem;
color: #29346e;
font-style: italic;
font-weight: 100;
}
.entry-header .entry-title {
font-size: 60px;
font-size: 7.5rem;
color: #26262E;
font-weight: 100;
}
@media (max-width: 640px) {
.entry-header .entry-title {
font-size: 32px;
font-size: 4rem;
}
}
.entry-meta__company {
font-size: 18px;
font-size: 2.25rem;
font-weight: bold;
color: #26262E;
margin-bottom: 16px;
}
body.page-template-pubblica-annuncio-php .landing-wrapper {
background-image: url(https://www.the-district.com/wp-content/uploads/2019/05/Pattern-1.png);
background-repeat: repeat-y;
background-position: center center;
background-attachment: scroll;
background-size: contain;
}
body.page-template-pubblica-annuncio-php .landing-about p {
max-width: 480px;
margin: 0 auto;
background: #fff;
padding: 10px 30px;
}
body.page-template-free-district-php,
body.page-template-pubblica-annuncio-php {
padding-top: 0 !important;
}
body.page-template-free-district-php input[type=checkbox].styled:checked + label:after,
body.page-template-free-district-php #header-search,
body.page-template-pubblica-annuncio-php input[type=checkbox].styled:checked + label:after,
body.page-template-pubblica-annuncio-php #header-search {
display: none;
}
body.page-template-free-district-php .wrapper,
body.page-template-pubblica-annuncio-php .wrapper {
padding: 0;
}
body.page-template-free-district-php .dstr-button,
body.page-template-free-district-php .dstr-count,
body.page-template-free-district-php h1,
body.page-template-free-district-php h2,
body.page-template-free-district-php h3,
body.page-template-free-district-php h4,
body.page-template-free-district-php label,
body.page-template-pubblica-annuncio-php .dstr-button,
body.page-template-pubblica-annuncio-php .dstr-count,
body.page-template-pubblica-annuncio-php h1,
body.page-template-pubblica-annuncio-php h2,
body.page-template-pubblica-annuncio-php h3,
body.page-template-pubblica-annuncio-php h4,
body.page-template-pubblica-annuncio-php label {
font-family: "district-h";
}
body.page-template-free-district-php p,
body.page-template-pubblica-annuncio-php p {
font-family: "raleway";
}
body.page-template-free-district-php .dstr-button,
body.page-template-pubblica-annuncio-php .dstr-button {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-clip: padding-box;
}
body.page-template-free-district-php .landing-wrapper .landing-hero,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero {
padding: 80px 0;
background: url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/img/works/background.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-wrapper .landing-hero,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero {
padding: 40px 0;
}
}
body.page-template-free-district-php .landing-wrapper .landing-hero__hover,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__hover {
opacity: 0.8;
filter: alpha(opacity=80);
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #123E7F;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__content,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__content {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 2;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__content:after, body.page-template-free-district-php .landing-wrapper .landing-hero__content:before,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__content:after,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__content:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__content:after,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__content:after {
clear: both;
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-wrapper .landing-hero__content,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__content {
display: flex;
align-items: center;
}
}
body.page-template-free-district-php .landing-wrapper .landing-hero__text,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text {
width: 60%;
padding: 0 80px;
}
@media screen and (max-width: 1200px) {
body.page-template-free-district-php .landing-wrapper .landing-hero__text,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text {
padding: 0 40px 0 20px;
}
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-wrapper .landing-hero__text,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text {
width: 100%;
padding: 0 20px;
}
}
body.page-template-free-district-php .landing-wrapper .landing-hero__text .iorestoacasa,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text .iorestoacasa {
font-size: 13px;
font-size: 1.625rem;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-clip: padding-box;
background: #F9AE00;
padding: 6px 15px;
display: inline-block;
margin-bottom: 20px;
letter-spacing: 0.03em;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__text h1,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text h1 {
font-size: 40px;
font-size: 5rem;
margin: 0 0 30px;
font-weight: 900;
color: #fff;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__text p,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text p {
font-size: 18px;
font-size: 2.25rem;
font-weight: normal;
line-height: 24px;
color: #fff;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__text .red,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__text .red {
color: #29346e;
}
body.page-template-free-district-php .landing-wrapper .landing-hero__form,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__form {
width: 40%;
padding: 40px 30px;
background: #fff;
border-radius: 3px;
box-shadow: 0 6px 10px 6px rgba(0, 0, 0, 0.2);
margin: 0 20px;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-wrapper .landing-hero__form,
body.page-template-pubblica-annuncio-php .landing-wrapper .landing-hero__form {
width: auto;
margin: 20px 20px 0;
}
}
body.page-template-free-district-php .landing-wrapper .price-box,
body.page-template-pubblica-annuncio-php .landing-wrapper .price-box {
font-family: "district-h";
margin-top: 40px;
}
body.page-template-free-district-php .landing-wrapper .price-box .free,
body.page-template-pubblica-annuncio-php .landing-wrapper .price-box .free {
font-size: 18px;
font-size: 2.25rem;
color: #F9AE00;
margin-left: 10px;
font-weight: 900;
letter-spacing: 0.03em;
font-family: "district-h";
}
body.page-template-free-district-php .landing-wrapper .price-box .title,
body.page-template-pubblica-annuncio-php .landing-wrapper .price-box .title {
font-size: 14px;
font-size: 1.75rem;
display: block;
color: #fff;
}
body.page-template-free-district-php .landing-wrapper .price-box .the-price,
body.page-template-pubblica-annuncio-php .landing-wrapper .price-box .the-price {
font-size: 30px;
font-size: 3.75rem;
position: relative;
color: #fff;
font-family: "district-h";
}
body.page-template-free-district-php .landing-wrapper .price-box .the-price:before,
body.page-template-pubblica-annuncio-php .landing-wrapper .price-box .the-price:before {
content: "";
display: block;
width: 100%;
height: 4px;
position: absolute;
z-index: 2;
background: #F9AE00;
transform: rotate(175deg);
left: 0;
top: 13px;
}
body.page-template-free-district-php .landing-wrapper .price-box .symbol,
body.page-template-pubblica-annuncio-php .landing-wrapper .price-box .symbol {
font-size: 18px;
font-size: 2.25rem;
}
body.page-template-free-district-php .form-button,
body.page-template-pubblica-annuncio-php .form-button {
text-align: center;
margin-top: 20px;
}
body.page-template-free-district-php .checkbox-form,
body.page-template-pubblica-annuncio-php .checkbox-form {
text-align: left;
margin-top: 20px;
}
body.page-template-free-district-php .checkbox-form:after, body.page-template-free-district-php .checkbox-form:before,
body.page-template-pubblica-annuncio-php .checkbox-form:after,
body.page-template-pubblica-annuncio-php .checkbox-form:before {
content: "";
display: table;
}
body.page-template-free-district-php .checkbox-form:after,
body.page-template-pubblica-annuncio-php .checkbox-form:after {
clear: both;
}
body.page-template-free-district-php .checkbox-form input[type=checkbox],
body.page-template-pubblica-annuncio-php .checkbox-form input[type=checkbox] {
display: none;
}
body.page-template-free-district-php .checkbox-form label,
body.page-template-pubblica-annuncio-php .checkbox-form label {
font-size: 13px;
font-size: 1.625rem;
line-height: 20px;
line-height: 2.5rem;
cursor: pointer;
display: inline-block;
position: relative;
padding-left: 25px;
text-transform: none;
letter-spacing: 0;
font-weight: normal;
font-family: "raleway";
}
body.page-template-free-district-php .checkbox-form label.white,
body.page-template-pubblica-annuncio-php .checkbox-form label.white {
color: #FFFFFF;
}
body.page-template-free-district-php .checkbox-form label:before,
body.page-template-pubblica-annuncio-php .checkbox-form label:before {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
background: #F8F7FD;
content: "";
width: 18px;
height: 18px;
position: absolute;
left: 0;
border: 1px solid transparent;
}
body.page-template-free-district-php .checkbox-form input[type=checkbox]:checked + label:before,
body.page-template-pubblica-annuncio-php .checkbox-form input[type=checkbox]:checked + label:before {
background: #F8F7FD url(//interazioniumane.it/wp-content/themes/interazioniumane/assets/img/elements/check.svg) center center no-repeat;
background-size: 80% auto;
}
body.page-template-free-district-php .wpcf7-form-control-wrap,
body.page-template-pubblica-annuncio-php .wpcf7-form-control-wrap {
width: 100%;
}
body.page-template-free-district-php .dtr-input,
body.page-template-free-district-php .input-text,
body.page-template-free-district-php form.wpcf7-form input[type=email],
body.page-template-free-district-php form.wpcf7-form input[type=password],
body.page-template-free-district-php form.wpcf7-form input[type=tel],
body.page-template-free-district-php form.wpcf7-form input[type=text],
body.page-template-free-district-php form.wpcf7-form input[type=url],
body.page-template-pubblica-annuncio-php .dtr-input,
body.page-template-pubblica-annuncio-php .input-text,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=email],
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=password],
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=tel],
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=text],
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=url] {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 40px;
line-height: 5rem;
display: block;
width: 100%;
max-width: 100%;
height: 40px;
font-weight: normal;
padding: 0 10px !important;
margin: 15px 0 8px;
text-align: left;
border: 1px solid transparent;
outline: none;
background: #F8F7FD;
color: #26262E;
}
body.page-template-free-district-php .dtr-input:-ms-input-placeholder, body.page-template-free-district-php .dtr-input::-ms-input-placeholder, body.page-template-free-district-php .dtr-input::placeholder,
body.page-template-free-district-php .input-text:-ms-input-placeholder,
body.page-template-free-district-php .input-text::-ms-input-placeholder,
body.page-template-free-district-php .input-text::placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=email]:-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=email]::-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=email]::placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=password]:-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=password]::-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=password]::placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=tel]:-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=tel]::-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=tel]::placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=text]:-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=text]::-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=text]::placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=url]:-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=url]::-ms-input-placeholder,
body.page-template-free-district-php form.wpcf7-form input[type=url]::placeholder,
body.page-template-pubblica-annuncio-php .dtr-input:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php .dtr-input::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php .dtr-input::placeholder,
body.page-template-pubblica-annuncio-php .input-text:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php .input-text::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php .input-text::placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=email]:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=email]::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=email]::placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=password]:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=password]::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=password]::placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=tel]:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=tel]::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=tel]::placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=text]:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=text]::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=text]::placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=url]:-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=url]::-ms-input-placeholder,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=url]::placeholder {
color: #999;
}
body.page-template-free-district-php .dtr-input:focus,
body.page-template-free-district-php .input-text:focus,
body.page-template-free-district-php form.wpcf7-form input[type=email]:focus,
body.page-template-free-district-php form.wpcf7-form input[type=password]:focus,
body.page-template-free-district-php form.wpcf7-form input[type=tel]:focus,
body.page-template-free-district-php form.wpcf7-form input[type=text]:focus,
body.page-template-free-district-php form.wpcf7-form input[type=url]:focus,
body.page-template-pubblica-annuncio-php .dtr-input:focus,
body.page-template-pubblica-annuncio-php .input-text:focus,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=email]:focus,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=password]:focus,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=tel]:focus,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=text]:focus,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=url]:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
body.page-template-free-district-php .dtr-input.wpcf7-not-valid,
body.page-template-free-district-php .input-text.wpcf7-not-valid,
body.page-template-free-district-php form.wpcf7-form input[type=email].wpcf7-not-valid,
body.page-template-free-district-php form.wpcf7-form input[type=password].wpcf7-not-valid,
body.page-template-free-district-php form.wpcf7-form input[type=tel].wpcf7-not-valid,
body.page-template-free-district-php form.wpcf7-form input[type=text].wpcf7-not-valid,
body.page-template-free-district-php form.wpcf7-form input[type=url].wpcf7-not-valid,
body.page-template-pubblica-annuncio-php .dtr-input.wpcf7-not-valid,
body.page-template-pubblica-annuncio-php .input-text.wpcf7-not-valid,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=email].wpcf7-not-valid,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=password].wpcf7-not-valid,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=tel].wpcf7-not-valid,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=text].wpcf7-not-valid,
body.page-template-pubblica-annuncio-php form.wpcf7-form input[type=url].wpcf7-not-valid {
border: 1px solid #FF583D;
}
body.page-template-free-district-php textarea,
body.page-template-pubblica-annuncio-php textarea {
height: 100px !important;
resize: vertical;
}
body.page-template-free-district-php .pubblica-annuncio,
body.page-template-pubblica-annuncio-php .pubblica-annuncio {
margin: 40px auto;
max-width: 480px;
padding: 0 30px 30px;
background: #fff;
border: 2px solid #29346e;
}
body.page-template-free-district-php .form-row,
body.page-template-pubblica-annuncio-php .form-row {
max-width: 450px;
margin: 10px auto;
}
body.page-template-free-district-php .form-row.button,
body.page-template-pubblica-annuncio-php .form-row.button {
margin-top: 20px;
text-align: center;
}
body.page-template-free-district-php .form-row.button input,
body.page-template-pubblica-annuncio-php .form-row.button input {
margin: 0 auto;
}
body.page-template-free-district-php .form-row h3,
body.page-template-pubblica-annuncio-php .form-row h3 {
font-size: 18px;
font-size: 2.25rem;
font-weight: 900;
margin: 30px 0 20px;
}
body.page-template-free-district-php .dstr-label,
body.page-template-free-district-php .form-row label:not(.checkbox-label),
body.page-template-pubblica-annuncio-php .dstr-label,
body.page-template-pubblica-annuncio-php .form-row label:not(.checkbox-label) {
font-size: 12px;
font-size: 1.5rem;
display: block;
width: 100%;
max-width: 100%;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 0;
text-align: left;
color: #828289;
letter-spacing: 0.08em;
}
body.page-template-free-district-php .landing-about,
body.page-template-pubblica-annuncio-php .landing-about {
padding: 80px 0 40px;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-about,
body.page-template-pubblica-annuncio-php .landing-about {
padding: 40px 20px;
}
}
body.page-template-free-district-php .landing-about__content,
body.page-template-pubblica-annuncio-php .landing-about__content {
text-align: center;
max-width: 850px;
margin: 0 auto;
}
body.page-template-free-district-php .landing-about__content:after, body.page-template-free-district-php .landing-about__content:before,
body.page-template-pubblica-annuncio-php .landing-about__content:after,
body.page-template-pubblica-annuncio-php .landing-about__content:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-about__content:after,
body.page-template-pubblica-annuncio-php .landing-about__content:after {
clear: both;
}
body.page-template-free-district-php .landing-about h2,
body.page-template-pubblica-annuncio-php .landing-about h2 {
font-size: 40px;
font-size: 5rem;
margin-bottom: 30px;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-about h2,
body.page-template-pubblica-annuncio-php .landing-about h2 {
font-size: 32px;
font-size: 4rem;
}
}
body.page-template-free-district-php .landing-about p,
body.page-template-pubblica-annuncio-php .landing-about p {
font-size: 18px;
font-size: 2.25rem;
font-weight: normal;
line-height: 24px;
color: #828289;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-about p,
body.page-template-pubblica-annuncio-php .landing-about p {
font-size: 16px;
font-size: 2rem;
}
}
body.page-template-free-district-php .landing-about .red,
body.page-template-pubblica-annuncio-php .landing-about .red {
color: #29346e;
}
body.page-template-free-district-php .landing-numbers,
body.page-template-pubblica-annuncio-php .landing-numbers {
padding: 40px 0 80px;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-numbers,
body.page-template-pubblica-annuncio-php .landing-numbers {
padding: 0 20px 40px;
}
}
body.page-template-free-district-php .landing-numbers__content,
body.page-template-pubblica-annuncio-php .landing-numbers__content {
max-width: 1200px;
margin: 0 auto;
}
body.page-template-free-district-php .landing-numbers__content:after, body.page-template-free-district-php .landing-numbers__content:before,
body.page-template-pubblica-annuncio-php .landing-numbers__content:after,
body.page-template-pubblica-annuncio-php .landing-numbers__content:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-numbers__content:after,
body.page-template-pubblica-annuncio-php .landing-numbers__content:after {
clear: both;
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-numbers__content,
body.page-template-pubblica-annuncio-php .landing-numbers__content {
display: flex;
align-items: center;
justify-content: center;
}
}
body.page-template-free-district-php .landing-numbers__text,
body.page-template-pubblica-annuncio-php .landing-numbers__text {
text-align: center;
padding: 0 30px;
font-family: "district-h";
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-numbers__text,
body.page-template-pubblica-annuncio-php .landing-numbers__text {
padding: 0 10px;
margin: 20px 0;
}
}
body.page-template-free-district-php .landing-numbers__text .dstr-count,
body.page-template-free-district-php .landing-numbers__text .dstr-label,
body.page-template-pubblica-annuncio-php .landing-numbers__text .dstr-count,
body.page-template-pubblica-annuncio-php .landing-numbers__text .dstr-label {
display: block;
text-align: center;
font-weight: 900;
}
body.page-template-free-district-php .landing-numbers__text .dstr-count,
body.page-template-pubblica-annuncio-php .landing-numbers__text .dstr-count {
font-size: 30px;
font-size: 3.75rem;
color: #29346e;
display: inline-block;
vertical-align: middle;
font-family: "district-h";
}
body.page-template-free-district-php .landing-numbers__text .dstr-count__number,
body.page-template-pubblica-annuncio-php .landing-numbers__text .dstr-count__number {
font-size: 40px;
font-size: 5rem;
display: inline-block;
vertical-align: middle;
margin-left: 6px;
font-family: "district-h";
}
body.page-template-free-district-php .landing-clients,
body.page-template-pubblica-annuncio-php .landing-clients {
padding: 80px 0;
border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-clients,
body.page-template-pubblica-annuncio-php .landing-clients {
padding: 40px 0;
}
}
body.page-template-free-district-php .landing-clients__content,
body.page-template-pubblica-annuncio-php .landing-clients__content {
text-align: center;
}
body.page-template-free-district-php .landing-clients__content:after, body.page-template-free-district-php .landing-clients__content:before,
body.page-template-pubblica-annuncio-php .landing-clients__content:after,
body.page-template-pubblica-annuncio-php .landing-clients__content:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-clients__content:after,
body.page-template-pubblica-annuncio-php .landing-clients__content:after {
clear: both;
}
body.page-template-free-district-php .landing-clients__content h3,
body.page-template-pubblica-annuncio-php .landing-clients__content h3 {
font-size: 18px;
font-size: 2.25rem;
margin-bottom: 25px;
color: #29346e;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-clients__content h3,
body.page-template-pubblica-annuncio-php .landing-clients__content h3 {
font-size: 16px;
font-size: 2rem;
}
}
body.page-template-free-district-php .landing-clients .clients-list,
body.page-template-pubblica-annuncio-php .landing-clients .clients-list {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
body.page-template-free-district-php .landing-clients .clients-list li,
body.page-template-pubblica-annuncio-php .landing-clients .clients-list li {
display: inline-block;
width: 13%;
padding: 0 15px;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-clients .clients-list li,
body.page-template-pubblica-annuncio-php .landing-clients .clients-list li {
width: 30%;
margin: 5px 0;
}
}
body.page-template-free-district-php .landing-clients .clients-list li img,
body.page-template-pubblica-annuncio-php .landing-clients .clients-list li img {
width: 100%;
}
body.page-template-free-district-php .landing-works h4,
body.page-template-pubblica-annuncio-php .landing-works h4 {
font-size: 20px;
font-size: 2.5rem;
margin-bottom: 25px;
}
body.page-template-free-district-php .landing-works h4 span,
body.page-template-pubblica-annuncio-php .landing-works h4 span {
font-size: 30px;
font-size: 3.75rem;
}
body.page-template-free-district-php .landing-works__content,
body.page-template-pubblica-annuncio-php .landing-works__content {
text-align: center;
max-width: 1200px;
margin: 0 auto;
}
body.page-template-free-district-php .landing-works__content:after, body.page-template-free-district-php .landing-works__content:before,
body.page-template-pubblica-annuncio-php .landing-works__content:after,
body.page-template-pubblica-annuncio-php .landing-works__content:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-works__content:after,
body.page-template-pubblica-annuncio-php .landing-works__content:after {
clear: both;
}
body.page-template-free-district-php .landing-works__section:after, body.page-template-free-district-php .landing-works__section:before,
body.page-template-pubblica-annuncio-php .landing-works__section:after,
body.page-template-pubblica-annuncio-php .landing-works__section:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-works__section:after,
body.page-template-pubblica-annuncio-php .landing-works__section:after {
clear: both;
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-works__section,
body.page-template-pubblica-annuncio-php .landing-works__section {
display: flex;
align-items: center;
justify-content: center;
padding: 40px 0;
}
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-works__section,
body.page-template-pubblica-annuncio-php .landing-works__section {
padding: 30px 20px;
}
}
body.page-template-free-district-php .landing-works__section--image.mobile,
body.page-template-pubblica-annuncio-php .landing-works__section--image.mobile {
display: none;
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-works__section--image,
body.page-template-pubblica-annuncio-php .landing-works__section--image {
width: 50%;
padding: 0 80px;
}
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-works__section--image.mobile,
body.page-template-pubblica-annuncio-php .landing-works__section--image.mobile {
display: block;
}
body.page-template-free-district-php .landing-works__section--image.desktop,
body.page-template-pubblica-annuncio-php .landing-works__section--image.desktop {
display: none;
}
}
body.page-template-free-district-php .landing-works__section--image img,
body.page-template-pubblica-annuncio-php .landing-works__section--image img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-works__section--image img,
body.page-template-pubblica-annuncio-php .landing-works__section--image img {
margin: 15px auto;
}
}
body.page-template-free-district-php .landing-works__section--text,
body.page-template-pubblica-annuncio-php .landing-works__section--text {
text-align: left;
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-works__section--text,
body.page-template-pubblica-annuncio-php .landing-works__section--text {
width: 40%;
padding: 0 50px;
}
}
body.page-template-free-district-php .landing-works__section--text h3,
body.page-template-pubblica-annuncio-php .landing-works__section--text h3 {
font-size: 24px;
font-size: 3rem;
margin-bottom: 25px;
font-weight: 900;
}
body.page-template-free-district-php .landing-works__section--text p,
body.page-template-pubblica-annuncio-php .landing-works__section--text p {
font-size: 18px;
font-size: 2.25rem;
color: #828289;
}
body.page-template-free-district-php .landing-promo,
body.page-template-pubblica-annuncio-php .landing-promo {
margin-top: 40px;
padding: 50px 0;
background: #29346e;
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-promo,
body.page-template-pubblica-annuncio-php .landing-promo {
padding: 30px 20px;
margin-bottom: 30px;
}
}
body.page-template-free-district-php .landing-promo__content,
body.page-template-pubblica-annuncio-php .landing-promo__content {
text-align: center;
max-width: 1200px;
margin: 0 auto;
}
body.page-template-free-district-php .landing-promo__content:after, body.page-template-free-district-php .landing-promo__content:before,
body.page-template-pubblica-annuncio-php .landing-promo__content:after,
body.page-template-pubblica-annuncio-php .landing-promo__content:before {
content: "";
display: table;
}
body.page-template-free-district-php .landing-promo__content:after,
body.page-template-pubblica-annuncio-php .landing-promo__content:after {
clear: both;
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-promo__content,
body.page-template-pubblica-annuncio-php .landing-promo__content {
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (min-width: 821px) {
body.page-template-free-district-php .landing-promo__text,
body.page-template-pubblica-annuncio-php .landing-promo__text {
text-align: left;
padding-right: 50px;
}
}
@media screen and (max-width: 820px) {
body.page-template-free-district-php .landing-promo__text,
body.page-template-pubblica-annuncio-php .landing-promo__text {
margin-bottom: 30px;
}
}
body.page-template-free-district-php .landing-promo__text h3,
body.page-template-pubblica-annuncio-php .landing-promo__text h3 {
font-size: 26px;
font-size: 3.25rem;
font-weight: 900;
}
body.page-template-free-district-php .landing-promo__text p,
body.page-template-pubblica-annuncio-php .landing-promo__text p {
font-size: 18px;
font-size: 2.25rem;
color: #FFFFFF;
}
.dstr-intro:after, .dstr-intro:before {
content: "";
display: table;
}
.dstr-intro:after {
clear: both;
}
@media (min-width: 641px) {
.dstr-intro__container {
width: 90%;
margin: 0 auto;
}
}
.dstr-intro__subtitle {
font-size: 24px;
font-size: 3rem;
font-weight: 300;
padding: 20px;
}
@media (min-width: 641px) {
.dstr-intro__subtitle {
font-size: 36px;
font-size: 4.5rem;
padding: 50px 20px;
}
}
.dstr-intro__claim {
font-size: 40px;
font-size: 5rem;
color: #26262E;
padding: 30px 20px;
font-weight: 300;
}
@media (min-width: 641px) {
.dstr-intro__claim {
font-size: 80px;
font-size: 10rem;
padding: 80px 20px;
}
}
.dstr-intro .small {
font-size: 14px;
font-size: 1.75rem;
color: #828289;
padding: 0 20px;
}
.dstr-intro__text {
display: flex;
align-items: baseline;
margin-top: 40px;
}
.dstr-intro__text--column {
padding: 20px;
}
.dstr-intro__text--column p {
font-size: 18px;
font-size: 2.25rem;
color: #828289;
}
.dstr-intro__text--column p strong {
font-weight: 900;
}
.dstr-intro__buttons {
margin-top: 60px;
display: flex;
align-items: center;
}
.dstr-intro__buttons a {
margin: 0 10px;
}
.dstr-gallery {
padding: 200px 0 60px;
display: flex;
align-items: baseline;
}
.dstr-gallery__container {
margin-top: 80px;
}
.dstr-gallery__column {
text-align: right;
width: 50%;
}
.dstr-gallery img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-clip: padding-box;
max-width: 100%;
display: block;
padding: 10px;
}
.dstr-gallery img.img-illustrator {
max-width: 60%;
float: right;
}
.dstr-section {
padding: 40px 20px;
width: 100%;
position: relative;
}
@media (min-width: 641px) {
.dstr-section {
padding: 60px 20px;
}
}
.dstr-section.dstr-companies {
color: #fff;
background: #29346e;
}
@media (max-width: 640px) {
.dstr-section.dstr-companies {
margin-bottom: 40px;
}
}
.dstr-section.dstr-companies .dstr-reviews--quote,
.dstr-section.dstr-companies h2 {
color: #FFFFFF;
}
.dstr-section.dstr-companies .dstr-section__text--column p {
color: rgba(255, 255, 255, 0.6);
}
.dstr-section__minititle {
font-size: 16px;
font-size: 2rem;
font-weight: 300;
text-align: center;
margin-bottom: 24px;
}
@media (min-width: 641px) {
.dstr-section__minititle {
font-size: 20px;
font-size: 2.5rem;
}
}
.dstr-section__title {
font-size: 30px;
font-size: 3.75rem;
color: #26262E;
text-align: center;
font-weight: 900;
}
@media (min-width: 641px) {
.dstr-section__title {
font-size: 50px;
font-size: 6.25rem;
max-width: 70%;
margin: 0 auto;
}
}
.dstr-section__text {
display: flex;
align-items: baseline;
margin-top: 40px;
}
.dstr-section__text--column {
padding: 20px;
}
.dstr-section__text--column.wide {
width: 100%;
}
.dstr-section__text--column p {
font-size: 18px;
font-size: 2.25rem;
color: #828289;
}
.dstr-section__text--column p strong {
font-weight: 900;
}
.dstr-section__text--column p.wide {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
.dstr-team {
padding: 60px 20px;
}
.dstr-team__title {
font-size: 40px;
font-size: 5rem;
color: #26262E;
text-align: left;
font-weight: 300;
line-height: 1;
}
@media (min-width: 641px) {
.dstr-team__title {
font-size: 80px;
font-size: 10rem;
}
}
.dstr-team__intro {
font-size: 18px;
font-size: 2.25rem;
color: #828289;
text-align: left;
margin-top: 30px;
}
@media (min-width: 641px) {
.dstr-team__intro {
font-size: 18px;
font-size: 2.25rem;
max-width: 60%;
}
}
.dstr-team--gallery {
padding: 40px 0;
margin: 0 auto;
}
.dstr-team--gallery__column {
text-align: left;
width: 100%;
}
@media (min-width: 641px) {
.dstr-team--gallery__column {
display: flex;
align-items: baseline;
justify-content: space-between;
}
}
.dstr-team--gallery img {
max-width: 100%;
display: block;
}
.dstr-team--people {
padding: 20px;
}
@media (min-width: 641px) {
.dstr-team--people {
width: 33.333%;
padding: 40px 50px;
}
}
.dstr-team--people__name {
font-size: 32px;
font-size: 4rem;
font-weight: 900;
color: #26262E;
margin: 25px 0 10px;
}
.dstr-team--people__role {
font-size: 14px;
font-size: 1.75rem;
color: #26262E;
margin-bottom: 30px;
}
.dstr-team--people__bio {
font-size: 16px;
font-size: 2rem;
color: #828289;
}
.dstr-reviews {
padding: 50px 50px 0;
max-width: 500px;
margin: 0 auto;
text-align: center;
}
.dstr-reviews--stars {
font-size: 18px;
font-size: 2.25rem;
color: #F9AE00;
text-align: center;
padding-bottom: 20px;
}
@media (min-width: 641px) {
.dstr-reviews--stars {
font-size: 24px;
font-size: 3rem;
}
}
.dstr-reviews--item {
margin: 24px 0;
}
.dstr-reviews--name {
font-size: 15px;
font-size: 1.875rem;
color: #828289;
}
@media (min-width: 641px) {
.dstr-reviews--name {
font-size: 16px;
font-size: 2rem;
}
}
.dstr-reviews--quote {
font-size: 18px;
font-size: 2.25rem;
color: #26262E;
line-height: 1.2;
}
@media (min-width: 641px) {
.dstr-reviews--quote {
font-size: 22px;
font-size: 2.75rem;
}
}
.to-creatives {
background: #F1F1F1;
}
.to-creatives:after, .to-creatives:before {
content: "";
display: table;
}
.to-creatives:after {
clear: both;
}
.to-creatives .dstr-section {
padding-bottom: 0;
}
.to-creatives__top {
padding: 40px 20px;
}
@media (min-width: 641px) {
.to-creatives__top {
width: 50%;
float: right;
padding: 60px 80px 100px;
}
}
.to-creatives__top p {
font-size: 20px;
font-size: 2.5rem;
margin: 0;
}
@media (max-width: 640px) {
.to-creatives__top p {
font-size: 18px;
font-size: 2.25rem;
}
}
.to-creatives__bottom {
background: #F1F1F1;
padding-bottom: 40px;
}
@media (min-width: 641px) {
.to-creatives__bottom {
padding-bottom: 0;
display: flex;
align-items: baseline;
justify-content: space-between;
background: #fff;
}
}
@media (min-width: 641px) {
.to-creatives__image {
width: 550px;
margin-top: -250px;
margin-left: 60px;
}
}
.dstr-story__row {
padding: 15px 0;
}
@media (min-width: 641px) {
.dstr-story__row {
padding: 50px 0;
display: flex;
align-items: center;
justify-content: center;
}
}
.dstr-story__img {
max-width: 100%;
}
@media (min-width: 641px) {
.dstr-story__img {
max-width: 400px;
}
}
.dstr-story__text {
padding: 20px;
}
@media (min-width: 641px) {
.dstr-story__text {
max-width: 700px;
padding: 0 80px;
}
}
.dstr-story__text h4 {
font-size: 28px;
font-size: 3.5rem;
margin: 0 0 24px;
}
@media (min-width: 641px) {
.dstr-story__text h4 {
font-size: 32px;
font-size: 4rem;
}
}
.dstr-story__text p {
font-size: 18px;
font-size: 2.25rem;
margin: 0;
}
.dstr-guerrilla {
padding: 50px 0;
text-align: center;
}
.dstr-guerrilla.home {
border-top: 1px solid #ddd;
margin-top: 50px;
}
.dstr-guerrilla.home .dstr-section__title {
font-size: 28px;
font-size: 3.5rem;
}
@media (min-width: 641px) {
.dstr-guerrilla.home .dstr-section__title {
font-size: 40px;
font-size: 5rem;
}
}
.dstr-guerrilla .dstr-section__title {
text-align: center;
display: block;
margin: 0 auto;
}
.dstr-guerrilla__list {
margin-top: 60px;
width: 100%;
}
@media (min-width: 641px) {
.dstr-guerrilla__list {
display: flex;
align-items: baseline;
justify-content: center;
}
}
.dstr-guerrilla__item {
text-align: center;
padding: 20px 30px;
}
@media (min-width: 641px) {
.dstr-guerrilla__item {
width: 25%;
}
}
.dstr-guerrilla__item .asterix {
font-size: 80px;
font-size: 10rem;
display: block;
line-height: 60px;
}
.dstr-guerrilla__item h4 {
font-size: 22px;
font-size: 2.75rem;
margin: 0 0 16px;
font-weight: 900;
}
.dstr-guerrilla__item p {
font-size: 16px;
font-size: 2rem;
margin: 0;
}
.to-companies .dstr-companies--content {
width: 100%;
}
.to-companies__text {
margin-top: 40px;
width: 100%;
}
@media (min-width: 641px) {
.to-companies__text {
margin-top: 60px;
display: flex;
align-items: flex-start;
justify-content: center;
}
}
.to-companies__intro {
max-width: 100%;
padding: 20px;
}
@media (min-width: 641px) {
.to-companies__intro {
width: 550px;
padding: 20px 80px;
}
}
.to-companies__intro p {
font-size: 20px;
font-size: 2.5rem;
margin: 0;
}
@media (max-width: 640px) {
.to-companies__intro p {
font-size: 18px;
font-size: 2.25rem;
}
}
@media (max-width: 640px) {
.to-companies__list {
padding: 20px;
}
}
.to-companies__list ul {
list-style: none;
margin: 0;
padding: 0;
}
.to-companies__list ul li {
font-size: 34px;
font-size: 4.25rem;
display: block;
font-weight: 300;
}
@media (min-width: 641px) {
.to-companies__list ul li {
font-size: 60px;
font-size: 7.5rem;
}
}
.to-companies__list ul li.first {
color: #fff !important;
font-weight: 900;
}
.magazine--list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.magazine--post,
.magazine .grid-sizer {
width: 33.333%;
margin: 32px 0;
padding: 0 20px;
}
@media (max-width: 1024px) {
.magazine--post,
.magazine .grid-sizer {
width: 50%;
}
}
@media (max-width: 640px) {
.magazine--post,
.magazine .grid-sizer {
width: 100%;
margin: 16px 0;
}
}
.magazine--post__header,
.magazine .grid-sizer__header {
padding: 16px 0 8px;
}
.magazine--post__image,
.magazine .grid-sizer__image {
display: block;
overflow: hidden;
}
.magazine--post__image img,
.magazine .grid-sizer__image img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magazine--post__image:hover img,
.magazine .grid-sizer__image:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.magazine--post__title,
.magazine .grid-sizer__title {
font-size: 20px;
font-size: 2.5rem;
font-weight: 300;
}
.magazine--post__title a,
.magazine .grid-sizer__title a {
color: #26262E;
}
.magazine--post__title a:hover,
.magazine .grid-sizer__title a:hover {
color: #29346e;
}
.magazine--post__meta,
.magazine .grid-sizer__meta {
padding: 8px 0;
}
.magazine--post__meta ul,
.magazine .grid-sizer__meta ul {
margin: 0;
padding: 0;
list-style: none;
}
.magazine--post__meta ul li,
.magazine .grid-sizer__meta ul li {
display: inline-block;
padding: 2px 4px;
}
.magazine--post__meta ul li:first-child,
.magazine .grid-sizer__meta ul li:first-child {
padding-left: 0;
}
.magazine--post__meta ul li:first-child:before,
.magazine .grid-sizer__meta ul li:first-child:before {
content: none;
}
.magazine--post__meta ul li:before,
.magazine .grid-sizer__meta ul li:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: #26262E;
margin-right: 6px;
position: relative;
top: -2px;
}
.magazine--post__meta ul li a,
.magazine .grid-sizer__meta ul li a {
font-size: 12px;
font-size: 1.5rem;
text-transform: uppercase;
font-weight: 900;
color: #26262E;
}
.article-hero__content {
display: block;
position: relative;
}
@media (min-width: 641px) {
.article-hero__content {
height: 450px;
}
}
@media (max-width: 640px) {
.article-hero__content {
height: 50vh;
}
}
.article-hero__text {
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
z-index: 3;
color: #FFFFFF;
text-align: center;
width: 1200px;
max-width: 100%;
padding: 0 20px;
}
@media (min-width: 641px) {
.article-hero__text {
max-width: 70%;
}
}
.article-hero__hover {
opacity: 0.4;
filter: alpha(opacity=40);
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #26262E;
}
.article-hero__image {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.article-hero__title {
font-size: 60px;
font-size: 7.5rem;
font-weight: 300;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 640px) {
.article-hero__title {
font-size: 34px;
font-size: 4.25rem;
}
}
.article-hero__description {
max-width: 500px;
margin: 32px auto 0;
}
@media (max-width: 640px) {
.article-hero__description {
margin: 24px auto;
}
}
.article-hero__description p {
font-size: 18px;
font-size: 2.25rem;
color: #FFFFFF;
}
@media (max-width: 640px) {
.article-hero__description p {
font-size: 16px;
font-size: 2rem;
}
}
.article__entry-content {
padding: 50px 20px;
}
.faq {
margin-bottom: 40px;
}
.faq__item {
margin: 32px 0;
}
.faq__title {
font-size: 18px;
font-size: 2.25rem;
margin: 0;
position: relative;
padding-left: 30px;
line-height: 1.3;
}
@media (min-width: 641px) {
.faq__title {
font-size: 28px;
font-size: 3.5rem;
padding-left: 45px;
}
}
.faq__icon {
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 40px;
font-size: 5rem;
position: absolute;
left: 0;
top: 2px;
margin: 0 8px 0 0;
color: #29346e;
display: inline-block;
}
@media (max-width: 640px) {
.faq__icon {
font-size: 30px;
font-size: 3.75rem;
margin-left: -8px;
top: 3px;
margin-right: 5px;
}
}
.faq__icon.show-faq {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.faq__description {
display: none;
padding-top: 24px;
padding-bottom: 16px;
}
@media (min-width: 641px) {
.faq__description {
padding-left: 45px;
padding-bottom: 32px;
}
}
.faq__description p {
margin: 0;
}
.course-faq {
max-width: 990px;
margin: 40px auto 50px;
border-top: 1px solid #ddd;
padding-top: 50px;
}
@media (max-width: 640px) {
.course-faq {
margin: 40px 0 0;
padding: 32px 20px;
}
}
.course-faq--title {
text-align: center;
font-size: 26px;
font-size: 3.25rem;
margin-bottom: 40px;
text-decoration: underline;
}
.page-header.career-page {
margin: 80px 0;
text-align: center;
}
.page-header.career-page:after, .page-header.career-page:before {
content: "";
display: table;
}
.page-header.career-page:after {
clear: both;
}
@media (max-width: 640px) {
.page-header.career-page {
margin: 20px 0 40px;
padding: 0 20px;
}
}
.page-header.career-page .page-title {
font-size: 65px;
font-size: 8.125rem;
color: #26262E;
line-height: 0.8;
position: relative;
display: inline-block;
}
@media (max-width: 640px) {
.page-header.career-page .page-title {
font-size: 36px;
font-size: 4.5rem;
}
}
.page-header.career-page .taxonomy-description {
font-size: 18px;
font-size: 2.25rem;
color: #828289;
max-width: 600px;
margin: 20px auto;
font-weight: 100;
display: flex;
align-items: center;
justify-content: center;
}
.page-header.career-page .taxonomy-description span {
margin: 0 8px;
}
.page-header.career-page .taxonomy-description span:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #29346e;
margin-right: 16px;
}
.page-header.career-page .taxonomy-description span:last-of-type {
margin-right: 0;
}
.page-header.career-page .taxonomy-description span:first-of-type {
margin-left: 0;
}
.page-header.career-page .taxonomy-description span:first-of-type:before {
content: none;
}
@media (max-width: 640px) {
.page-header.career-page .taxonomy-description {
font-size: 16px;
font-size: 2rem;
margin-top: 16px;
}
}
.career {
margin-bottom: 40px;
}
@media (min-width: 641px) {
.career {
padding: 0 100px;
margin-bottom: 100px;
}
}
.career__item {
margin: 32px 0;
border-top: 1px solid #ddd;
padding-top: 45px;
}
@media (max-width: 640px) {
.career__item {
padding-left: 20px;
padding-right: 20px;
padding-top: 32px;
margin: 24px 0;
padding-bottom: 24px;
}
}
.career__item.science {
border-top: none;
border-bottom: 1px solid #ddd;
margin: 32px 0;
padding: 0 0 32px;
}
@media (max-width: 640px) {
.career__item.science {
margin: 16px 0;
padding: 0 0 16px;
}
}
.career__item.science:first-of-type {
margin-top: 0;
padding-top: 24px;
}
@media (min-width: 641px) {
.career__flex {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
}
@media (max-width: 640px) {
.career__flex .arrow-link {
min-width: 115px;
}
.science .career__flex .arrow-link {
display: none;
}
}
.career__title {
font-size: 22px;
font-size: 2.75rem;
margin: 0;
position: relative;
line-height: 1.3;
}
.career__title a {
color: #26262E;
}
.career__title a:hover {
color: #29346e;
}
.science .career__title {
font-size: 18px;
font-size: 2.25rem;
}
@media (min-width: 641px) {
.career__title {
font-size: 30px;
font-size: 3.75rem;
}
.science .career__title {
font-size: 24px;
font-size: 3rem;
padding-right: 40px;
max-width: 70%;
}
}
@media (min-width: 641px) {
.career__title {
padding-right: 24px;
}
}
.career__details {
font-size: 18px;
font-size: 2.25rem;
font-weight: 300;
line-height: 1.2;
padding-bottom: 2px;
}
@media (min-width: 641px) {
.career__details {
font-size: 20px;
font-size: 2.5rem;
}
}
.career__details.seniority {
display: inline-block;
margin-right: 16px;
}
.career__details.seniority > span {
border-bottom: 1px solid #29346e;
color: #29346e;
}
.career__details.seniority:after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #29346e;
position: relative;
top: -2px;
margin-left: 16px;
}
.career__description {
padding-top: 24px;
padding-bottom: 16px;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 641px) {
.career__description {
padding-bottom: 32px;
}
}
@media (max-width: 640px) {
.career__description {
display: none;
}
}
.career__description span {
margin: 0 8px;
}
@media (max-width: 640px) {
.career__description span {
font-size: 14px;
font-size: 1.75rem;
}
}
.career__description span:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #29346e;
margin-right: 16px;
}
.career__description span:last-of-type {
margin-right: 0;
}
.career__description span:first-of-type {
margin-left: 0;
}
.career__description span:first-of-type:before {
content: none;
}
.career__description p {
margin: 0;
}
.the-career__content h3 {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 32px 0;
color: #26262E;
}
.the-career__content h3:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
.the-career__content h3 ul {
margin: 16px 0;
padding: 0;
list-style: none;
}
.the-career__content h3 ul li {
font-size: 18px;
font-size: 2.25rem;
font-weight: 300;
line-height: 1.4;
padding: 8px 0 8px 20px;
position: relative;
}
@media (min-width: 641px) {
.the-career__content h3 ul li {
font-size: 20px;
font-size: 2.5rem;
}
}
.the-career__content h3 ul li:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
content: "";
display: block;
width: 10px;
height: 10px;
background: #29346e;
position: absolute;
top: 18px;
left: 0;
}
.the-career__content h3 ul li strong {
border-bottom: 1px solid #26262E;
padding-bottom: 2px;
}
body.woocommerce-checkout .entry-content {
max-width: 600px;
margin: 0 auto;
}
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2 {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
float: none;
}
body.woocommerce-checkout .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-checkout #payment {
background: #fff !important;
}
.woocommerce table.shop_table {
background: #f8f7fd;
}
.woocommerce table.shop_table td.product-name {
position: relative;
padding-left: 32px;
}
.woocommerce table.shop_table .remove {
position: absolute;
top: 8px;
left: 6px;
}
#order_review_heading {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 32px 0;
color: #26262E;
}
#order_review_heading:after, #order_review_heading:before {
content: "";
display: table;
}
#order_review_heading:after {
clear: both;
}
#order_review_heading:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
.woocommerce-additional-fields h3 {
font-size: 24px;
font-size: 3rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 32px 0;
color: #26262E;
}
.woocommerce-additional-fields h3:after, .woocommerce-additional-fields h3:before {
content: "";
display: table;
}
.woocommerce-additional-fields h3:after {
clear: both;
}
.woocommerce-additional-fields h3:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
.woocommerce-additional-fields__field-wrapper textarea {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
line-height: 45px;
line-height: 5.625rem;
display: block;
width: 100%;
max-width: 100%;
height: 45px;
font-weight: normal;
padding: 0 10px;
margin: 8px 0;
text-align: left;
border: 1px solid #f1f1f1;
outline: none;
background: #F8F7FD;
color: #26262E;
resize: vertical;
height: 120px !important;
line-height: 1.2 !important;
padding: 10px;
margin: 0;
}
.woocommerce-additional-fields__field-wrapper textarea:-ms-input-placeholder, .woocommerce-additional-fields__field-wrapper textarea::-ms-input-placeholder, .woocommerce-additional-fields__field-wrapper textarea::placeholder {
color: #A5A5AC;
}
.woocommerce-additional-fields__field-wrapper textarea:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
border: 1px solid #29346e;
}
.woocommerce-additional-fields__field-wrapper textarea.wpcf7-not-valid {
border: 1px solid #FF583D;
}
.info-payment {
margin-bottom: 16px;
border-bottom: 1px solid #ddd;
padding-bottom: 16px;
}
.info-payment p {
font-size: 14px;
font-size: 1.75rem;
}
.woocommerce-info {
border: none !important;
}
.form-row.place-order {
justify-content: space-between;
align-items: center;
padding: 0 !important;
margin: 0 !important;
}
.form-row.place-order .checkbox-form {
margin: 0 !important;
}
.form-row.place-order .checkbox-form label {
line-height: 1.3 !important;
}
.form-row.place-order .checkbox-form label:before {
border: 1px solid #ddd;
}
.form-row.place-order .checkbox-form label a {
color: #29346e;
}
body.woocommerce-order-received .entry-header {
display: none !important;
}
.thankyou {
text-align: center;
}
.thankyou--title {
font-size: 40px;
font-size: 5rem;
margin: 40px 0 24px;
}
@media (min-width: 641px) {
.thankyou--title {
font-size: 60px;
font-size: 7.5rem;
}
}
.thankyou--subtitle {
font-size: 14px;
font-size: 1.75rem;
}
@media (min-width: 641px) {
.thankyou--subtitle {
font-size: 18px;
font-size: 2.25rem;
}
}
.thankyou img {
margin: 0 auto;
width: 350px;
display: block;
}
.woocommerce-checkout #payment {
background: #FFFFFF !important;
border-radius: 16px !important;
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: none !important;
padding: 0 !important;
margin-bottom: 40px;
}
.woocommerce-checkout #payment ul.payment_methods li input {
display: none;
}
.woocommerce-checkout #payment ul.payment_methods li .payment_method_wallet label strong {
font-weight: 400;
}
.woocommerce-checkout #payment ul.payment_methods li label {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-clip: padding-box;
font-size: 16px;
font-size: 2rem;
background: #F8F7FD;
cursor: pointer;
margin: 4px 0;
padding: 10px;
width: 100%;
color: #26262E;
display: block;
border: 1px solid #f1f1f1;
}
.woocommerce-checkout #payment ul.payment_methods li .payment_box {
font-size: 14px;
font-size: 1.75rem;
background: #F8F7FD;
}
.woocommerce-checkout #payment ul.payment_methods li .payment_box:before {
border: 1em solid #F8F7FD;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.woocommerce-checkout #payment ul.payment_methods li .payment_box .wc-credit-card-form {
padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods li .payment_box .wc-credit-card-form #wcpay-card-element,
.woocommerce-checkout #payment ul.payment_methods li .payment_box .wc-credit-card-form #wcpay-sepa-element {
padding: 16px 10px;
border-radius: 8px;
}
.woocommerce-checkout #payment ul.payment_methods li input:checked ~ label {
background: #29346e;
border-color: #29346e;
color: #FFFFFF;
}
.woocommerce-checkout #payment ul.payment_methods li:not(.payment_method_woocommerce_payments) .payment_box {
display: none;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_satispay > label, .woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_satispay > label img, .woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label img {
display: block;
height: 32px;
}
#payment .payment_methods li .payment_box.payment_method_woocommerce_payments fieldset {
border: none;
background: rgba(255, 255, 255, 0.7);
padding: 24px 16px !important;
}
.books--section {
padding: 32px 0;
}
.books--category {
font-size: 22px;
font-size: 2.75rem;
font-weight: 900;
position: relative;
display: inline-block;
margin: 40px 0 24px 16px;
color: #26262E;
}
.books--category:after, .books--category:before {
content: "";
display: table;
}
.books--category:after {
clear: both;
}
@media (min-width: 641px) {
.books--category {
font-size: 28px;
font-size: 3.5rem;
}
}
.books--category:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #26262E;
position: absolute;
left: 0;
bottom: -3px;
}
.books--science {
margin: 0 16px;
}
.book--item {
padding: 16px;
}
.book--image {
display: block;
}
.book--link {
display: block;
overflow: hidden;
}
.book--link img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.book--link:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.book--header {
margin-top: 8px;
}
.book--title a {
font-size: 20px;
font-size: 2.5rem;
color: #26262E;
}
.book--title a:hover {
color: #29346e;
}
.book--info {
font-size: 16px;
font-size: 2rem;
color: #828289;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.book--price {
font-size: 20px;
font-size: 2.5rem;
font-weight: 900;
}
.book--price .symbol {
font-size: 16px;
font-size: 2rem;
font-weight: 400;
}
.book-hero {
margin-top: 24px;
}
@media (min-width: 641px) {
.book-hero {
margin-top: 40px;
}
}
.book-hero__flex {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.book-hero__image {
width: 100%;
display: block;
margin: 0 0 24px;
}
@media (min-width: 641px) {
.book-hero__image {
width: 40%;
margin: 0;
}
}
@media (min-width: 641px) {
.book-hero__info {
width: 60%;
padding-left: 40px;
}
}
.book-hero__title {
font-size: 30px;
font-size: 3.75rem;
line-height: 1.1;
}
@media (min-width: 641px) {
.book-hero__title {
font-size: 45px;
font-size: 5.625rem;
}
}
.book-hero__author {
font-size: 18px;
font-size: 2.25rem;
line-height: 1.1;
font-weight: 400;
margin-bottom: 16px;
}
@media (min-width: 641px) {
.book-hero__author {
font-size: 22px;
font-size: 2.75rem;
}
}
.book-hero__description {
font-size: 18px;
font-size: 2.25rem;
line-height: 1.4;
font-weight: 300;
margin-top: 24px;
color: #828289;
}
@media (min-width: 641px) {
.book-hero__description {
font-size: 22px;
font-size: 2.75rem;
}
}
.exam__list {
margin-top: 32px;
}
.exams .my-account--minititle {
color: #fff;
margin: 16px 0 !important;
}
.exams .my-account--minititle:after {
background: #fff;
}