.page-template-curso-euskera {
background-color: #f4f5f9;;
}
.page-template-curso-euskera .curso-online-button {
display: none;
}
.curso-euskera-landing h2,
.curso-euskera-landing h3,
.curso-euskera-landing h4,
.editor-styles-wrapper h2.wp-block,
.editor-styles-wrapper h3.wp-block,
.editor-styles-wrapper h4.wp-block {
background-color: transparent;
padding: 0;
display: block;
color: var(--text-primary);
}
p,
.editor-styles-wrapper p.wp-block {
line-height: normal;
color: var(--text-secondary);
font-size: 1.2rem;
}
.lp-padding {
padding-left: 15px !important;
padding-right: 15px !important;
}
.lp-margin {
margin-left: 15px !important;
margin-right: 15px !important;
} .lp-hero-title {
font-size: clamp(1.2rem,6vw,2rem);
font-weight: 700;
letter-spacing: -1px;
color: #484848;
}
.lp-gradient {
margin: 0;
font-size: clamp(2.5rem,6vw,4.5rem);
line-height: 130%;
letter-spacing: -1px;
display: block;
font-weight: 700;
background: linear-gradient(to right, var(--lp-primary) 0, var(--lp-primary-dark) 80%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.lp-button a {
cursor: pointer;
border: none;
font-weight: 700;
background-color: var(--lp-primary);
color: #fff;
font-size: 1.1rem;
border-radius: var(--rounded-l);
box-shadow: var(--bshadow-elevate-1_5);
transition: opacity .15s ease-in-out;
transition: transform 0.2s ease 0.1s;
padding: 1rem 2rem;
}
.lp-button a:hover {
opacity: .8;
transform: translateY(-2px);
}
.lp-hero-text {
font-size: 1.3rem;
color: var(--text-secondary);
max-width: 600px;
}
.styles_page-container-box {
width: 100%;
margin: auto;
flex-grow: 1
}
@media (min-width: 768px) {
.styles_page-container-box--md {
width: 768px
}
}
@media (min-width: 996px) {
.styles_page-container-box--lg {
width: 996px
}
}
@media (min-width: 1200px) {
.styles_page-container-box--xl {
width: 1200px
}
}
@media (min-width: 1400px) {
.styles_page-container-box--xxl {
width: 1400px
}
}
@media (min-width: 2000px) {
.styles_page-container-box--xl {
width: 1400px
}
}
.styles_basic-course-lp {
--lp-primary: #5eaf00;
--lp-primary-dark: #0a9797;
font-size: 1.2rem
}
.styles_basic-course-lp__button {
cursor: pointer;
border: none;
font-weight: 700;
background-color: var(--lp-primary);
color: #fff;
font-size: 1.1rem;
border-radius: var(--rounded-l);
box-shadow: var(--bshadow-elevate-1_5);
transition: opacity .15s ease-in-out
}
.styles_basic-course-lp__button:hover {
opacity: .8;
}
.curso-euskera-landing .styles_hero {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 200px 1fr;
grid-column-gap: 2rem;
column-gap: 2rem;
justify-items: center;
margin: 2rem 1rem 4rem
}
.styles_hero__text {
text-align: center
}
.styles_hero__img {
grid-row: 1;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
aspect-ratio: 1010/888;
height: 100%
}
.styles_hero__img__blob {
position: absolute;
color: red;
width: 100%;
height: 100%;
left: 10px;
transform: scale(2)
}
.styles_hero__img__eusk {
position: relative;
width: 100%;
height: 100%
}
.styles_hero__price-button {
align-items: center;
justify-content: center;
}
.styles_video-section {
padding: 0;
background: linear-gradient(180deg,#bdd5ea 20%,#ddf0ee 80%);
margin-top: 0;
position: relative;
}
.styles_video-section:before,
.styles_video-section:after {
content: "";
display: block;
position: relative;
aspect-ratio: 960/192;
width: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
background-color: #f4f5f9;
}
.styles_video-section:before {
background-image: url(//partekatu.com/wp-content/themes/partekatu/assets/images/layered-waves-haikei.svg);
}
.styles_video-section:after {
background-image: url(//partekatu.com/wp-content/themes/partekatu/assets/images/layered-waves-haikei-2.svg);
}
.styles_video-section__features {
margin-top: 2rem;
box-shadow: var(--bshadow-elevate-1);
border-radius: var(--rounded-m);
background-color: #fff;
display: flex;
flex-direction: column;
gap: .4rem;
padding: 1rem 1rem 1rem 2rem
}
.styles_video-section__features h3 {
text-align: center;
margin: 0 0 1rem;
text-decoration: underline;
-webkit-text-decoration-color: #7091de;
text-decoration-color: #7091de;
text-decoration-thickness: 3px
}
.styles_video-section__feature {
display: flex;
gap: 1rem
}
.curso-euskera-landing .styles_video-section__frame {
margin-top: -26vw;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--rounded-s);
background: #212b38;
box-shadow: var(--bshadow-elevate-2);
margin-inline:auto;
max-width: 100%;
}
.styles_video-section__frame__button {
width: 10px;
height: 10px;
border-radius: 100%
}
.styles_video-section__frame__button--red {
background-color: #ff3b30
}
.styles_video-section__frame__button--green {
background-color: #34c759
}
.styles_video-section__frame__button--yellow {
background-color: #fc0
}
.styles_video-section__text {
display: grid;
grid-template-columns: 1fr;
margin-bottom: min(-5vw,-5rem)
}
.styles_video-section__text p {
text-align: center;
padding: 0 1rem
}
.styles_video-section__title {
color: var(--text-primary);
font-size: 2.4rem;
margin-bottom: 1rem;
text-align: center;
background-color: transparent;
}
.styles_video-section .styles_video-section__content {
padding: 0;
margin: 0;
margin-bottom: min(-5vw, -5rem);
z-index: 1;
position: relative;
}
.curso-euskera-landing .styles_instructor-info__instructor p {
font-size: 2rem;
text-align: center;
}
.curso-euskera-landing .styles_instructor-info__instructor img {
width: 250px !important;
margin-inline:auto
}
.styles_learn_path h2 {
font-size: 2.4rem;
text-align: center
}
.styles_learn_path__elements {
margin-top: 2rem;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 1rem;
font-size: 1.2rem;
row-gap: 1rem;
padding: 0 1rem
}
.styles_learn_path__feature {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 1rem 2rem 2rem;
border-radius: var(--rounded-s);
box-shadow: var(--bshadow-elevate-1);
background: linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8fcbdf,#b38fe5) border-box;
border: 4px solid transparent
}
.styles_learn_path__feature span {
margin-top: 1rem;
margin-bottom: .4rem;
font-size: 1.2rem;
font-weight: 700
}
.styles_learn_path__feature p {
margin: 0 0 1rem;
color: var(--text-secondary)
}
.styles_learn_path__learn-content {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.styles_learn_path__learn-content:not(:last-child) {
border-bottom: 2px solid #e9ecef
}
.styles_opsection {
background: linear-gradient(200deg,#bdd5ea,#ddf0ee);
clip-path: polygon(0 10%,100% 0,100% 100%,0 100%);
-webkit-clip-path: polygon(0 6%,100% 0,100% 100%,0 100%)
}
.styles_opsection__opinions {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 3rem;
row-gap: 3rem;
padding: 1rem;
margin-top: 1rem
}
.styles_opsection__opinion__front:before {
content: "";
display: block;
position: absolute;
background: linear-gradient(90deg,#ce83e9 -.05%,#ef8686 99.98%);
height: 100%;
top: 0;
left: 0;
width: 100%;
border-radius: var(--rounded-l);
transform: rotate(0deg) translate(5px,5px);
z-index: -1;
}
.styles_opsection__opinion__front {
position: relative;
background: #fff;
font-size: 1.2rem;
padding: 1.2rem 2rem;
border-radius: var(--rounded-l);
box-shadow: var(--bshadow-elevate-2);
display: flex;
flex-direction: column;
justify-content: space-between
}
.styles_opsection__opinion__front img {
border-radius: 50%;
margin-right: 12px;
}
.opinion__author img {
vertical-align: middle;
}
.styles_faq__questions {
max-width: 75ch;
font-size: 1.2em;
font-weight: 600;
text-decoration: underline;
-webkit-text-decoration-color: var(--primary);
text-decoration-color: var(--primary);
text-decoration-thickness: 3px
}
.curso-euskera-landing .styles_buy-price-footer {
opacity: 0;
transition: opacity .15s ease-in-out,bottom .3s ease-in-out
}
.curso-euskera-landing .styles_buy-price-footer--show {
opacity: 1;
bottom: 0
}
.styles_buy-price-footer__container {
padding: 1rem 1rem;
gap: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
box-shadow: var(--bshadow-elevate-1_5)
}
.styles_buy-price-footer__price__ammount {
margin-left: .3rem;
font-size: 1.8rem;
font-weight: 700
}
.is-position-sticky-bottom {
z-index: 999;
bottom: 0;
position: sticky;
}
@media (min-width: 526px) {
.styles_buy-price-footer__container {
padding: 1rem 2.4rem;
gap: 1.5rem;
}
}
@media (min-width: 780px) {
.curso-euskera-landing .styles_hero {
margin-top:5rem;
grid-template-columns: 55% 1fr;
grid-template-rows: 1fr;
align-items: center;
margin-bottom: 7rem
}
.styles_hero__text {
text-align: left
}
.styles_hero__img {
grid-column: 2;
aspect-ratio: unset;
height: auto;
width: 100%;
height: 100%
}
.styles_hero__img__eusk {
width: 100%;
height: auto
}
.styles_hero__price-button {
align-items: center;
justify-content: flex-start;
}
.curso-euskera-landing .styles_video-section__frame {
margin-top: -12vw
}
.styles_video-section__text {
display: grid;
grid-template-columns: 1fr 1fr
}
.styles_video-section__text p {
text-align: left;
padding: 0
}
.styles_video-section__features h3 {
text-align: left;
margin-left: 0 !important;
}
.styles_video-section__title {
font-size: 3rem;
text-align: left
}
.styles_video-section:before,
.styles_video-section:after {
aspect-ratio: 960/109
}
.styles_instructor-info p {
font-size: 1.3rem;
}
.curso-euskera-landing .styles_instructor-info__instructor p {
font-size: clamp(2rem,4vw,2.5rem);
font-weight: 400;
}
.curso-euskera-landing .styles_instructor-info__instructor img {
width: clamp(250px,30vw,350px) !important;
}
.styles_learn_path h2 {
font-size: 3rem
}
.styles_learn_path__elements {
flex-direction: row;
font-size: 1.2rem;
justify-content: center
}
.styles_learn_path__feature {
width: calc(50% - 0.5rem);
}
.styles_opsection__opinions {
grid-template-columns: 1fr 1fr;
column-gap: 3rem
}
.styles_opsection__opinion__front {
height: 100%
}
.curso-euskera-landing .styles_buy-price-footer {
margin: 5rem;
position: fixed;
z-index: 10;
bottom: 0;
right: 0
}
.styles_buy-price-footer__container {
padding: 1rem;
align-items: center;
flex-direction: column;
justify-content: space-between;
gap: 1rem;
border-radius: var(--rounded-l);
background-color: #fff;
border: 4px solid #b38fe5
}
.styles_buy-price-footer__price__ammount {
margin-left: .3rem;
font-size: 1.8rem;
font-weight: 700
}
}