@charset "UTF-8";

 @font-face {
font-display: block;
font-family: "Fira Sans";
font-style: normal;
font-weight: 400;
src: url(//closeakademia.hu/wp-content/themes/closeuni/assets/fonts/fira-sans-v18-latin_latin-ext-regular.woff2) format("woff2");
} @font-face {
font-display: block;
font-family: "Fira Sans";
font-style: medium;
font-weight: 500;
src: url(//closeakademia.hu/wp-content/themes/closeuni/assets/fonts/fira-sans-v18-latin_latin-ext-500.woff2) format("woff2");
} @font-face {
font-display: block;
font-family: "Fira Sans";
font-style: normal;
font-weight: 800;
src: url(//closeakademia.hu/wp-content/themes/closeuni/assets/fonts/fira-sans-v18-latin_latin-ext-800.woff2) format("woff2");
}  *,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
} html {
font-size: 18px;
scroll-behavior: smooth;
scroll-padding-top: 180px;
}
@media (max-width: 1024px) {
html {
scroll-padding-top: 120px;
}
}
body {
font: Normal 18px/26px "Fira Sans", system-ui, sans-serif;
color: #0F172A;
background-color: none;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
}
#primary {
flex: 1;
display: flex;
align-items: stretch;
flex-direction: column;
}
.cky-btn-revisit-wrapper {
width: 30px !important;
height: 30px !important;
background-color: #434343 !important;
}   .text.lg-normal {
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
.text-sm-medium {
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.wp-block-table {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
padding: 0 1.25rem;
}
table {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
}
table td,
.wp-block-table td {
width: auto;
vertical-align: baseline;
padding: 0.75rem;
border: none;
background-color: #F1F5F9;
}
@media (max-width: 1024px) {
.wp-block-table,
table {
display: block;
overflow-x: auto;
width: 100%;
}
.wp-block-table table,
table {
width: 100%;
border-collapse: collapse;
}
.wp-block-table table th,
.wp-block-table table td,
table th,
table td {
padding: 8px 12px;
border: 1px solid #ccc;
white-space: nowrap;
}
}
* {
-webkit-tap-highlight-color: transparent;
}  .text-xs-normal {
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
@media (min-width: 1024px) {
.text-xs-normal {
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
}  .text-base-normal {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
@media (min-width: 1024px) {
.text-base-normal {
font-size: 18px;
line-height: 26px;
font-weight: 400;
}
}  .text-base-medium {
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
@media (min-width: 1024px) {
.text-base-medium {
font-size: 18px;
line-height: 26px;
font-weight: 500;
}
}  .text-base-bold {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-base-bold {
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
}  .text-sm-normal {
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
@media (min-width: 1024px) {
.text-sm-normal {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
}  .text-sm-semibold {
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
@media (min-width: 1024px) {
.text-sm-semibold {
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
}  .text-sm-bold {
font-size: 12px;
line-height: 16px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-sm-bold {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
}  .text-sm-extrabold {
font-size: 12px;
line-height: 16px;
font-weight: 800;
}
@media (min-width: 1024px) {
.text-sm-extrabold {
font-size: 14px;
line-height: 20px;
font-weight: 800;
}
}  .text-lg-normal {
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
@media (min-width: 1024px) {
.text-lg-normal {
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
}  .text-lg-medium {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
@media (min-width: 1024px) {
.text-lg-medium {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
}  .text-lg-bold {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-lg-bold {
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
}  .text-xl-medium {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
@media (min-width: 1024px) {
.text-xl-medium {
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
}  .text-xl-semibold {
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
@media (min-width: 1024px) {
.text-xl-semibold {
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
}  .text-xl-bold {
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-xl-bold {
font-size: 20px;
line-height: 28px;
font-weight: 700;
}
}  .text-2xl-normal {
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
@media (min-width: 1024px) {
.text-2xl-normal {
font-size: 24px;
line-height: 32px;
font-weight: 400;
}
}  .text-2xl-bold {
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-2xl-bold {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
}  .text-3xl-normal {
font-size: 22px;
line-height: 30px;
font-weight: 400;
}
@media (min-width: 1024px) {
.text-3xl-normal {
font-size: 28px;
line-height: 42px;
font-weight: 400;
}
}  .text-3xl-bold {
font-size: 22px;
line-height: 30px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-3xl-bold {
font-size: 28px;
line-height: 42px;
font-weight: 700;
}
}  .text-4xl-medium {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
@media (min-width: 1024px) {
.text-4xl-medium {
font-size: 32px;
line-height: 40px;
font-weight: 500;
}
}  .text-4xl-bold {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-4xl-bold {
font-size: 32px;
line-height: 40px;
font-weight: 700;
}
}  .text-4xl-extrabold {
font-size: 24px;
line-height: 32px;
font-weight: 800;
}
@media (min-width: 1024px) {
.text-4xl-extrabold {
font-size: 32px;
line-height: 40px;
}
}  .text-5xl-medium {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
@media (min-width: 1024px) {
.text-5xl-medium {
font-size: 42px;
line-height: 56px;
font-weight: 500;
}
}  .text-5xl-bold {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
@media (min-width: 1024px) {
.text-5xl-bold {
font-size: 42px;
line-height: 56px;
font-weight: 700;
}
}  .text-5xl-extrabold {
font-size: 24px;
line-height: 32px;
font-weight: 800;
}
@media (min-width: 1024px) {
.text-5xl-extrabold {
font-size: 42px;
line-height: 56px;
font-weight: 800;
}
}   h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
}
h1 {
font-size: 22px;
line-height: 30px;
font-weight: 700;
}
@media (min-width: 1024px) {
h1 {
font-size: 28px;
line-height: 42px;
font-weight: 700;
}
}
h2 {
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
@media (min-width: 1024px) {
h2 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
}
h3 {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
@media (min-width: 1024px) {
h3 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
}
h3 {
margin: 0 0 0.5rem 0;
}
h4 {
margin: 0 0 1rem 0;
}
p {
margin-bottom: 1.25rem;
}
p:last-child, p:last-of-type {
margin-bottom: 0;
}
.cimsor {
font-weight: 700 !important;
color: #FFFFFF !important;
}
.white {
color: #FFFFFF !important;
}  ul,
.editor-styles-wrapper ul {
list-style: none;
}
.bulletes,
.szoveges,
.videos-mozaik,
.accordion-blokk,
.single-hirek-container { }
.bulletes ul,
.bulletes .editor-styles-wrapper ul,
.szoveges ul,
.szoveges .editor-styles-wrapper ul,
.videos-mozaik ul,
.videos-mozaik .editor-styles-wrapper ul,
.accordion-blokk ul,
.accordion-blokk .editor-styles-wrapper ul,
.single-hirek-container ul,
.single-hirek-container .editor-styles-wrapper ul {
margin: 1rem 0;
}
.bulletes ul:first-child,
.bulletes .editor-styles-wrapper ul:first-child,
.szoveges ul:first-child,
.szoveges .editor-styles-wrapper ul:first-child,
.videos-mozaik ul:first-child,
.videos-mozaik .editor-styles-wrapper ul:first-child,
.accordion-blokk ul:first-child,
.accordion-blokk .editor-styles-wrapper ul:first-child,
.single-hirek-container ul:first-child,
.single-hirek-container .editor-styles-wrapper ul:first-child {
margin-top: 0;
}
.bulletes ul li,
.bulletes .editor-styles-wrapper ul li,
.szoveges ul li,
.szoveges .editor-styles-wrapper ul li,
.videos-mozaik ul li,
.videos-mozaik .editor-styles-wrapper ul li,
.accordion-blokk ul li,
.accordion-blokk .editor-styles-wrapper ul li,
.single-hirek-container ul li,
.single-hirek-container .editor-styles-wrapper ul li {
position: relative;
padding-left: 1rem;
}
.bulletes ul li:not(:last-child),
.bulletes .editor-styles-wrapper ul li:not(:last-child),
.szoveges ul li:not(:last-child),
.szoveges .editor-styles-wrapper ul li:not(:last-child),
.videos-mozaik ul li:not(:last-child),
.videos-mozaik .editor-styles-wrapper ul li:not(:last-child),
.accordion-blokk ul li:not(:last-child),
.accordion-blokk .editor-styles-wrapper ul li:not(:last-child),
.single-hirek-container ul li:not(:last-child),
.single-hirek-container .editor-styles-wrapper ul li:not(:last-child) {
padding-bottom: 0.75rem;
}
.bulletes ul li::before,
.bulletes .editor-styles-wrapper ul li::before,
.szoveges ul li::before,
.szoveges .editor-styles-wrapper ul li::before,
.videos-mozaik ul li::before,
.videos-mozaik .editor-styles-wrapper ul li::before,
.accordion-blokk ul li::before,
.accordion-blokk .editor-styles-wrapper ul li::before,
.single-hirek-container ul li::before,
.single-hirek-container .editor-styles-wrapper ul li::before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background-color: #434343;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} a {
text-decoration: none;
color: inherit;
transition: color 0.2s ease;
}
a:hover:not(.btn a):not(.right-logo):not(.feher-gomb a) {
color: #707070;
} img, video {
max-width: 100%;
height: auto;
display: block;
}
.alignleft {
float: left;
padding: 0.5rem 2rem 0.5rem 0rem;
}
.alignright {
float: right;
padding: 0.5rem 0rem 0.5rem 2rem;
} button, input, select, textarea {
font-family: inherit;
font-size: inherit;
background: none;
border: none;
outline: none;
color: inherit;
line-height: inherit;
}
label {
display: flex;
align-items: center;
gap: 12px;
justify-content: flex-start;
}
.wpcf7 form { }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
background-color: #CB0000;
color: #FFFFFF;
border: none;
}
.wpcf7 label {
display: block;
width: 100%;
grid-column: 1/-1;
}
.wpcf7 label.half {
grid-column: span 1;
}
.wpcf7 label.third {
grid-column: span 1;
}
.wpcf7 .full {
font-size: 12px;
line-height: 16px;
font-weight: 700;
}
@media (min-width: 1024px) {
.wpcf7 .full {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
}
.wpcf7 .full {
grid-column: 1/-1;
display: grid;
grid-template-columns: 1fr;
}
.wpcf7 .full.two {
grid-template-columns: repeat(2, 1fr);
}
.wpcf7 .full {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.wpcf7 .full p {
grid-column: 1/-1;
}
.wpcf7 .full .half {
grid-column: span 1;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 .wpcf7-date {
width: 100%;
padding: 12px 14px;
border: 1px solid #ccc;
font-size: Normal 18px/26px "Fira Sans", system-ui, sans-serif;
margin-top: 0.5rem;
color: #0F172A;
}
.wpcf7 textarea {
resize: vertical;
min-height: 140px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//closeakademia.hu/wp-content/themes/closeuni/assets/images/chevron-down.svg) no-repeat right 0.5rem center;
background-size: 2rem auto;
padding-right: 2rem;
background-color: #FFFFFF;
color: #0F172A;
}
input {
padding: 12px 14px;
border: 1px solid #ccc;
font-size: Normal 18px/26px "Fira Sans", system-ui, sans-serif;
color: #0F172A;
}
@media (max-width: 960px) {
.wpcf7 form {
grid-template-columns: 1fr;
}
.wpcf7 form .full,
.wpcf7 form .full.two,
.wpcf7 form .half,
.wpcf7 form .third {
grid-template-columns: 1fr;
}
.wpcf7 label {
font-size: 12px;
line-height: 16px;
font-weight: 700;
}
}
@media (max-width: 960px) and (min-width: 1024px) {
.wpcf7 label {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
}
@media (max-width: 960px) {
.wpcf7 label.half,
.wpcf7 label.third {
grid-column: 1/-1;
}
.wpcf7 input:not([type=checkbox]),
.wpcf7 textarea,
.wpcf7 select {
width: 100%;
max-width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
min-width: 0;
}
}
input:not([type=submit]), textarea, select {
width: auto;
padding: 14px 16px;
border-radius: 8px;
color: #0F172A;
background-color: #FFFFFF;
transition: border-color 0.2s ease;
}
input:not([type=submit])[type=checkbox], textarea[type=checkbox], select[type=checkbox] {
transform: scale(1.3);
transform-origin: left center;
cursor: pointer;
margin-right: 0.5rem;
padding: 7px;
}
input:not([type=submit]):focus, textarea:focus, select:focus {
border: 1px solid #0F172A;
}
input:not([type=submit]).wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid {
border: 2px solid #CB0000;
}
input:not([type=submit]).wpcf7-valid, textarea.wpcf7-valid, select.wpcf7-valid {
border: 2px solid #16A34A;
}
.wpcf7-not-valid-tip {
margin-top: 0px;
margin-left: 1rem;
color: #CB0000 !important;
font-size: 14px;
}
.wpcf7-spinner {
position: absolute;
bottom: -30px;
right: 60px;
margin: 0;
}
.wpcf7-list-item {
margin: 12px 0;
} .wp-block {
margin-bottom: 2rem;
}
.wp-block-group,
.wp-block-columns {
max-width: calc(1432px + 2 * 2rem) !important;
margin-left: auto;
margin-right: auto;
}
.block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: calc(1432px + 2 * 2rem) !important;
} .sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.editor-styles-wrapper {
font-family: "Fira Sans", system-ui, sans-serif;
}
.editor-styles-wrapper .wp-block {
max-width: calc(1432px + 2 * 2rem);
margin-inline: auto;
}
.editor-styles-wrapper .alignwide {
max-width: calc(1432px + 2 * 2rem);
}
.editor-styles-wrapper .alignfull {
max-width: none;
}
.hide-on-desktop {
display: block;
}
@media (min-width: 1024px) {
.hide-on-desktop {
display: none;
}
}
.hide-on-mobile {
display: none;
}
@media (min-width: 1024px) {
.hide-on-mobile {
display: block;
}
}
@media (max-width: 960px) {
.cookieadmin_re_consent {
width: 25px;
height: 25px;
}
} .abt-sitemap ul {
list-style: none;
padding-left: 20px;
margin: 0;
}
.abt-sitemap li {
margin: 5px 0;
position: relative;
}
.abt-sitemap .toggle {
cursor: pointer;
font-weight: bold;
margin-right: 5px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.abt-sitemap a {
text-decoration: none;
}
.vimeo-modal {
display: none;
}
.wpcf7-submit {
background-color: #000000;
color: #FFFFFF;
border: none;
padding: 14px 36px;
border-radius: 50px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.wpcf7-submit:hover {
background-color: #707070;
}
.container {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
padding: 0 2rem;
}
.container .full-width {
max-width: 100%;
padding: 0;
}
.site-main .container {
padding-top: 2rem;
padding-bottom: 2rem;
}
.blokk-padding {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.blokk-padding:has(+ .no-padding) {
margin-bottom: 1.25rem !important;
}
.no-padding + .blokk-padding {
margin-top: 1.25rem !important;
}
.cim-padding {
margin-top: 4rem !important;
margin-bottom: 2rem !important;
}
.page-title {
width: 100%;
max-width: 1920px;
margin: 0 auto;
text-align: center;
}
.page-header {
padding: 5rem 1rem;
}
.page-header + *:not(.filter-container):not(.full-width) {
padding-top: 2.5rem !important;
margin-top: 0 !important;
}
.pattern-bg {
background-repeat: no-repeat;
background-size: auto;
background-position: left 0px bottom 0, right 0px top 0;
}
.page-default {
width: 100%;
margin: 0 auto;
padding: 80px 0;
}
@media (max-width: 1500px) {
.container {
padding: 0 2rem;
}
}
@media (max-width: 1024px) {
.blokk-padding:not(.szolgaltatasok-kartya-lapozos) {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.page-header {
padding: 4rem 2rem;
}
.page-default {
padding: 0;
}
}
@media (max-width: 1030px) {
.pattern-bg {
background-size: 50%, 50% !important;
}
}
header:not(.entry-header) {
width: 100%;
background-color: #000000;
position: sticky;
top: 0;
z-index: 1000;
color: #FFFFFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
header:not(.entry-header) .header-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
position: relative;
padding: 1rem 2rem;
}
header:not(.entry-header) .custom-logo-link img {
display: block;
width: auto;
height: 58px;
}
header:not(.entry-header) .menu-primary {
display: flex;
gap: 2rem;
align-items: center;
text-transform: uppercase;
}
header:not(.entry-header) .fiok-ikon a,
header:not(.entry-header) .kosar-ikon a {
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
header:not(.entry-header) .fiok-ikon a::before,
header:not(.entry-header) .kosar-ikon a::before {
content: "";
display: block;
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.2s ease, filter 0.2s ease;
}
header:not(.entry-header) .fiok-ikon a:hover::before,
header:not(.entry-header) .kosar-ikon a:hover::before {
transform: scale(1.08);
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.45));
}
header:not(.entry-header) .fiok-ikon a::before {
background-image: url(//closeakademia.hu/wp-content/themes/closeuni/assets/images/fiokom-ikon.svg);
}
header:not(.entry-header) .kosar-ikon a::before {
background-image: url(//closeakademia.hu/wp-content/themes/closeuni/assets/images/kosar-ikon.svg);
}
@media (min-width: 1024px) {
.feher-gomb {
padding: 14px 36px;
background-color: #F0F0F0;
color: #000000;
border-radius: 50px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
text-align: center;
}
.feher-gomb:hover {
background: #707070;
color: #000000;
}
}
@media (max-width: 1024px) {
.rmp-container .rmp-menu-wrap .rmp-menu {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#rmp-menu-wrap-190 .rmp-menu-item-link {
padding-right: 0;
transition: none;
padding: 0.5rem 0;
background: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
footer {
width: 100%;
background-color: #000000;
color: #FFFFFF;
}
footer * {
font: Normal 14px/24px "Fira Sans", system-ui, sans-serif;
}
footer .footer-inner {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
display: flex;
justify-content: flex-start;
align-items: flex-start;
-moz-column-gap: 160px;
column-gap: 160px;
row-gap: 1rem;
padding: 44px 2rem;
}
footer .footer-logo .logo-wrapper .custom-logo-link img {
display: block;
width: auto;
height: 80px;
}
footer .footer-menu {
display: flex;
gap: 80px;
justify-content: flex-start;
align-items: flex-start;
}
footer .footer-menu a {
font-size: 18px;
line-height: 28px;
}
footer .barion-cards {
display: block;
margin: 0 auto;
width: auto;
height: 42px;
}
footer .impresszum-menu {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
text-align: center;
padding-bottom: 1rem;
}
footer .footer-menu-impressszum .footer-menu__list {
display: flex;
justify-content: center;
gap: 1rem;
align-items: center;
}
footer .footer-kapcsolat p, footer .footer-kapcsolat a:not(.btn) {
margin: 0 0 5px 0;
display: block;
}
footer .footer-kapcsolat .btn {
margin: 16px 0 30px 0;
}
footer .footer-newsletter {
padding-top: 60px;
padding-bottom: 60px;
display: flex;
justify-content: space-between;
gap: 80px;
flex-wrap: wrap;
}
footer .footer-newsletter .footer-newsletter-cim {
flex: 1 300px;
}
footer .footer-newsletter .wpcf7 {
flex: 2 600px;
}
footer .footer-newsletter p, footer .footer-newsletter a, footer .footer-newsletter span {
color: #FFFFFF;
}
footer .footer-newsletter .wpcf7 input[type=text],
footer .footer-newsletter .wpcf7 input[type=email],
footer .footer-newsletter .wpcf7 input[type=tel],
footer .footer-newsletter .wpcf7 textarea,
footer .footer-newsletter .wpcf7 select {
margin-top: 0;
}
footer .footer-newsletter .wpcf7 form {
display: flex;
flex-direction: column;
gap: 0;
}
footer .footer-newsletter .wpcf7 .urlap {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
align-items: start;
margin: 0;
position: relative;
}
footer .footer-newsletter .wpcf7 .urlap label {
grid-column: span 1;
}
footer .footer-newsletter .wpcf7 .urlap .wpcf7-form-control-wrap {
width: 100%;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
footer .footer-newsletter .wpcf7 .urlap .wpcf7-form-control-wrap input {
width: 100%;
height: 100%;
}
footer .footer-newsletter .wpcf7 .urlap .wpcf7-submit {
white-space: nowrap;
padding-left: 24px;
padding-right: 24px;
height: 100%;
width: 100%;
}
footer .footer-newsletter .wpcf7 .wpcf7-acceptance {
display: block;
margin-top: 0.5rem;
}
footer .footer-newsletter .wpcf7 .wpcf7-list-item {
margin: 0;
}
footer .footer-data {
display: grid;
border-top: 1px solid #334155;
padding-top: 60px;
padding-bottom: 60px;
gap: 1rem;
grid-template-columns: repeat(5, 1fr);
}
footer .footer-data * + div {
flex: 1;
}
footer .social-etl {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
footer .social-etl img {
max-height: 52px;
width: auto;
}
footer .social-icons {
display: flex;
align-items: center;
gap: 15px;
margin-top: 10px;
}
@media (max-width: 960px) {
footer .footer-inner {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2rem;
}
footer .footer-menu {
gap: 1rem;
}
}
.btn-wrapper {
display: block;
margin: 2rem auto;
width: 100%;
max-width: calc(1432px + 2 * 2rem);
}
.btn-wrapper--align-balra {
text-align: left;
}
.btn-wrapper--align-kozepre {
text-align: center;
}
.btn-wrapper--align-jobbra {
text-align: right;
}
.btn-wrapper--width-keskeny {
max-width: calc(720px + 210px + 2 * 2rem);
}
.btn-wrapper--width-keskeny.szoveges {
padding: 0 1.25rem;
margin: 0 auto;
}
.btn-wrapper--width-teljes {
max-width: calc(1432px + 2 * 2rem);
}
.btn-wrapper--width-hero_w {
max-width: 1920px;
}
.full-width > .btn-wrapper {
padding: 0 1rem;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: -moz-fit-content !important;
width: fit-content !important;
max-width: 100%;
font: Normal 18px/26px "Fira Sans", system-ui, sans-serif;
border-radius: 50px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
color: #FFFFFF;
text-align: center;
background-color: #000000;
}
.btn a {
height: auto !important;
}
.btn::hover a {
color: #FFFFFF !important;
}
.btn:not(input) {
margin: 0;
}
.btn:disabled {
opacity: 0.5;
cursor: not-allowed;
color: #94A3B8;
}
.btn--big {
padding: 14px 36px;
}
.btn--normal {
padding: 1rem 2.5rem;
}
.btn--small {
padding: 8px 36px;
}
.btn--primary:hover {
background: #434343;
color: #FFFFFF !important;
}
.btn--primary.whitehover:hover {
background-color: #FFFFFF;
color: #42a0ed;
}
.btn--secondary {
background: #646465;
}
.btn--secondary:hover {
background: #0F172A;
}
.btn--ghost {
background: transparent;
color: #ffffff;
border: 2px solid #000000;
}
.btn--ghost:hover {
background: #646465;
border-color: #646465;
color: #ffffff;
}
.btn--filter {
background: transparent;
color: #000000;
border-radius: 2rem;
}
.btn--filter:hover {
background: #42a0ed;
color: #ffffff;
}
.btn--whitetext {
color: #ffffff;
}
.btn--whitebg {
background: #ffffff;
color: #000000;
}
.btn--whitebg:hover {
background: #E2E8F0;
color: #000000;
}
.btn--redbg {
background: #CB0000;
color: #ffffff;
}
.btn--redbg:hover {
background: #E2E8F0;
color: #000000 !important;
}
.btn--greenbg {
background: #07B100;
color: #ffffff;
}
.btn--greenbg:hover {
background: #E2E8F0;
color: #000000 !important;
}
@media (max-width: 960px) {
.btn-wrapper {
margin: 1rem auto; }
}
.pagination {
padding: 2rem 1rem 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
grid-column: 1/-1;
}
.pagination .nav-links {
display: flex;
align-items: center;
gap: 16px;
}
.pagination .page-numbers {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
@media (min-width: 1024px) {
.pagination .page-numbers {
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
}
.pagination .page-numbers {
text-decoration: none;
border-radius: 12px;
border: 2px solid #F1F5F9;
background: #fff;
color: #0F172A;
transition: all 0.2s ease;
}
.pagination .page-numbers:hover {
border-color: #0F172A;
}
.pagination .page-numbers.current {
background: #0F172A;
color: #fff;
}
.pagination .page-numbers.disabled, .pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
opacity: 0.4;
pointer-events: none;
cursor: default;
color: #0F172A;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
position: relative;
background: #F1F5F9; font-size: 0;
line-height: 0;
overflow: hidden;
}
.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
opacity: 0.9;
background-color: #0F172A;
}
.pagination .page-numbers.prev::before, .pagination .page-numbers.next::before {
content: "";
width: 20px;
height: 20px;
display: block; color: #0F172A;
background-color: currentColor;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-image: none;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-image: none;
}
.pagination .page-numbers.prev::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 18l-6-6 6-6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 18l-6-6 6-6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.pagination .page-numbers.next::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.hero {
text-align: left;
margin: 0px auto;
width: 100%;
}
.hero:first-child {
margin-top: 0px;
}
.hero:last-child {
margin-bottom: 0px;
}
.hero .btn-wrapper {
margin: 0 auto;
}
.hero .hero-container {
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
padding: 5rem 2rem;
}
.hero .hero-container .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2rem;
width: 100%;
}
.hero .hero-container .hero-content .hero-title,
.hero .hero-container .hero-content .hero-text {
width: 100%;
}
.hero .hero-container .hero-content .hero-text {
margin-bottom: 12px;
}
.hero .hero-container .hero-kep {
width: 100%;
}
.hero .hero-container .hero-kep img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 1500px) {
.hero .hero-content-container {
padding: 2rem;
}
}
@media (max-width: 760px) {
.hero {
text-align: center;
}
.hero .hero-container {
grid-template-columns: 1fr;
width: 100%;
margin: 0 auto;
padding: 2rem;
}
.hero .hero-container .hero-kep {
order: -1;
}
.hero .btn-wrapper,
.hero .btn-wrapper--align-balra {
text-align: center;
}
}
.hero-keskeny {
text-align: left;
margin: 0px auto;
width: 100%;
}
.hero-keskeny:first-child {
margin-top: 0px;
}
.hero-keskeny:last-child {
margin-bottom: 0px;
}
.hero-keskeny .btn-wrapper {
margin: 0 auto;
}
.hero-keskeny .hero-container {
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(90px * 1 + 30px * 2);
padding: 5rem 2rem 5rem calc(90px * 1 + 30px * 1 + 2rem);
}
.hero-keskeny .hero-container .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2rem;
width: 100%;
}
.hero-keskeny .hero-container .hero-content .hero-title {
width: 100%;
max-width: calc(90px * 4 + 30px * 3);
}
.hero-keskeny .hero-container .hero-content .hero-text {
margin-bottom: 12px;
}
.hero-keskeny .hero-container .hero-kep {
width: 100%;
}
.hero-keskeny .hero-container .hero-kep img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.hero-keskeny--kep_szoveg {
background-color: #F2F2F2;
}
.hero-keskeny--kep_szoveg .hero-container {
padding: 5rem calc(90px * 1 + 30px * 1 + 2rem) 5rem 2rem;
}
.hero-keskeny--kep_szoveg .hero-container .hero-content {
order: 2;
}
@media (max-width: 1500px) {
.hero-keskeny .hero-content-container {
padding: 2rem;
}
}
@media (max-width: 900px) {
.hero-keskeny .hero-container {
grid-template-columns: 1fr;
width: 100%;
margin: 0 auto;
padding: 2rem;
gap: 30px;
}
.hero-keskeny .hero-container .hero-kep {
order: -1;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.hero-keskeny .hero-container .hero-content {
width: 100%;
max-width: 400px;
margin: 0 auto;
gap: 1rem;
}
.hero-keskeny .hero-container .hero-content .hero-title {
text-align: center;
}
.hero-keskeny .btn-wrapper,
.hero-keskeny .btn-wrapper--align-balra {
text-align: center;
}
}
.masodik-blokk {
width: 100%;
margin: 0px auto;
background-color: #F2F2F2;
}
.masodik-blokk .masodik-blokk-container {
color: #000000;
text-align: center;
margin: 0px auto;
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 5rem 2rem;
display: flex;
flex-direction: column;
gap: calc(30px * 2);
}
.masodik-blokk .masodik-blokk-container .masodik-blokk-title {
width: 100%;
max-width: calc(90px * 6 + 30px * 5);
margin: 0 auto;
}
.masodik-blokk .masodik-blokk-container:first-child {
margin-top: 0px;
}
.masodik-blokk .masodik-blokk-container .blokk-elem-container {
display: grid;
justify-content: center;
align-items: flex-start;
-moz-column-gap: 0;
column-gap: 0;
row-gap: 30px;
grid-template-columns: repeat(4, 1fr);
}
.masodik-blokk .masodik-blokk-container .blokk-elem-container .blokk-elem {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 30px;
min-width: 0;
}
.masodik-blokk .masodik-blokk-container .blokk-elem-container .blokk-elem .kep {
width: 100%;
}
.masodik-blokk .masodik-blokk-container .blokk-elem-container .blokk-elem .kep img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
}
.masodik-blokk .masodik-blokk-container .blokk-elem-container .blokk-elem .szoveg {
padding: 0 1rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
@media (max-width: 1100px) {
.masodik-blokk .masodik-blokk-container {
padding: 2rem;
gap: 30px;
}
.masodik-blokk .masodik-blokk-container .blokk-elem-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.masodik-blokk .masodik-blokk-container .blokk-elem-container {
grid-template-columns: 1fr;
}
}
.technikak-blokk {
width: 100%;
margin: 0px auto;
}
.technikak-blokk .technikak-blokk-container {
color: #000000;
text-align: center;
margin: 5rem auto;
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 0px 2rem;
display: flex;
flex-direction: column;
gap: calc(30px * 2);
}
.technikak-blokk .technikak-blokk-container .technikak-blokk-title {
width: 100%;
max-width: calc(90px * 6 + 30px * 5);
margin: 0 auto;
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container {
display: grid;
justify-content: center;
align-items: flex-start;
gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container .technikak-elem {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 30px;
min-width: 0;
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container .technikak-elem .kep {
width: 100%;
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container .technikak-elem .kep img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 451/293;
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container .technikak-elem .szoveg {
padding: 0 1rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
@media (max-width: 800px) {
.technikak-blokk .technikak-blokk-container .technikak-elem-container {
grid-template-columns: repeat(2, 1fr);
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container .technikak-elem:last-child {
grid-column: 1/-1;
}
}
@media (max-width: 640px) {
.technikak-blokk .technikak-blokk-container:last-child {
margin-bottom: 0;
}
.technikak-blokk .technikak-blokk-container .technikak-elem-container {
grid-template-columns: 1fr;
}
}
.referencia-grid {
padding: 0 0 5rem;
margin: 0px auto;
width: 100%;
background-color: #F2F2F2;
}
.referencia-grid:first-child {
margin-top: 0px;
}
.referencia-grid__cim {
width: 100%;
text-align: center;
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
padding: 0 2rem 2rem;
}
.referencia-grid__inner {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 0 2rem;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.referencia-grid__inner__item {
min-width: 0;
}
.referencia-grid__inner__item img {
width: 100%;
height: auto;
aspect-ratio: 275/375;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1200px) {
.referencia-grid__inner {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.referencia-grid__inner {
grid-template-columns: repeat(2, 1fr);
}
.referencia-grid__inner__item:nth-child(odd):last-child {
display: none; }
}
.trust-bar {
width: 100%;
margin: 0 auto;
padding: 0;
background-color: #000000;
}
.trust-bar__content {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0px auto;
padding: 3.5rem 2rem;
}
.trust-bar__content__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
color: #FFFFFF;
}
.trust-bar__content__items__item {
text-align: center;
}
@media (max-width: 760px) {
.trust-bar__content__items {
grid-template-columns: repeat(2, 1fr);
row-gap: 30px;
}
}
.testimonial-grid {
width: 100%;
padding: 0;
background-color: #000000;
margin: 0 auto;
}
.testimonial-grid__content {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0px auto;
padding: 3.5rem 2rem;
display: flex;
flex-direction: column;
gap: 3.5rem;
}
.testimonial-grid__content__title {
color: #FFFFFF;
text-align: center;
}
.testimonial-grid__content__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.testimonial-grid__content__items__item {
text-align: center;
background-color: #FFFFFF;
padding: 1.5rem 1rem 1.2rem;
border-radius: 1.6rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
}
.testimonial-grid__content__items__item p {
margin: 0;
}
@media (max-width: 760px) {
.testimonial-grid__content__items {
grid-template-columns: 1fr;
row-gap: 30px;
}
.testimonial-grid__content__items__item {
gap: 1rem;
}
}
.accordion-blokk {
width: 100%;
margin: 0 auto;
background-color: #F2F2F2;
}
.accordion-blokk-container {
width: 100%;
max-width: calc(720px + 210px + 2 * 2rem);
margin: 0 auto;
padding: 5rem 2rem;
}
.accordion-blokk-container .acc-title {
width: 100%;
max-width: calc(90px * 6 + 30px * 5);
margin: 0 auto 2rem;
text-align: center;
}
.accordion-blokk-container-elemek {
display: flex;
flex-direction: column;
gap: 0.7rem;
}
.accordion-blokk-container-elemek .acc-elem {
display: flex;
flex-direction: column;
gap: 0;
padding: 1rem 2.5rem;
background-color: #FFFFFF;
border-radius: 5px;
}
.accordion-blokk-container-elemek .panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-blokk-container-elemek .panel p:first-child {
padding-top: 1rem;
}
.accordion-blokk-container-elemek .accordion {
cursor: pointer;
width: 100%;
text-align: left;
outline: none;
transition: 0.4s;
margin-bottom: 0;
padding-right: 2rem;
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
}
.accordion-blokk-container-elemek .accordion::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(//closeakademia.hu/wp-content/themes/closeuni/assets/images/acc-plus.svg);
background-repeat: no-repeat;
background-size: contain;
transition: transform 0.3s ease;
background-position: center;
}
.accordion-blokk-container-elemek .accordion.active p:last-child {
margin-bottom: 0;
}
.accordion-blokk-container-elemek .accordion.active::after {
background-image: url(//closeakademia.hu/wp-content/themes/closeuni/assets/images/acc-minus_.svg);
}
@media (max-width: 1500px) {
.accordion-blokk {
padding: 0 2rem;
}
.accordion-blokk-container {
width: 100%;
margin: 0 auto;
padding: 2rem 0;
}
}
.cta-grid {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 4rem auto;
padding: 0 2rem;
}
.cta-grid .btn-wrapper {
margin: 0 auto;
}
.cta-grid .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 2rem;
border-radius: 0.75rem;
padding: 4.4rem 45px 4.4rem 90px;
}
.cta-grid .content .bal {
flex: 1;
display: flex;
flex-direction: column;
gap: 1.5rem;
justify-content: center;
align-items: flex-start;
}
.cta-grid .content .jobb {
flex: 1;
margin-bottom: -150px;
display: flex;
justify-content: flex-end;
}
.cta-grid .content .cta-grid-price {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem;
}
.cta-grid .content .cta-grid-price span {
display: block;
line-height: 18px;
color: #FFFFFF;
}
.cta-grid.simple .content {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.cta-grid.szurke .content {
background-color: #F2F2F2;
padding: 2.5rem 6.5rem;
}
.cta-grid.szurke .content .jobb {
margin-bottom: 0;
}
.cta-grid.szurke .content .jobb img {
width: 100%;
height: auto;
max-width: 457px;
aspect-ratio: 457/297;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
@media (max-width: 760px) {
.cta-grid {
padding: 2rem;
margin: 0 auto;
}
.cta-grid .btn-wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
}
.cta-grid .btn-wrapper .btn {
width: 100%;
}
.cta-grid .content {
flex-direction: column;
padding: 2rem;
gap: 1rem;
}
.cta-grid .content .bal,
.cta-grid .content .jobb {
width: 100%;
margin-bottom: 0;
}
.cta-grid.szurke .content {
flex-direction: column;
padding: 2rem;
gap: 1rem;
}
.cta-grid.szurke .content .bal,
.cta-grid.szurke .content .jobb {
width: 100%;
}
}
.cta-grid.full-width {
width: 100%;
max-width: 1920px;
padding: 0;
background-color: #646465;
}
.cta-grid.full-width .btn-wrapper {
margin: 0 auto;
}
.cta-grid.full-width .content {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0px auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 2rem;
padding: 5.3rem 1.5rem;
}
.cta-grid.full-width .content .cta-grid-title {
margin-bottom: 1rem;
}
.cta-grid.full-width .content .bal {
flex: 1;
}
.cta-grid.full-width .content .jobb {
flex: 0 1 230px;
} @media (max-width: 760px) {
.cta-grid.full-width .content {
flex-direction: column;
}
.cta-grid.full-width .content .bal,
.cta-grid.full-width .content .jobb {
flex: unset;
width: 100%;
}
}
.cta-vertical {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 5rem auto;
}
.cta-vertical .btn-wrapper {
margin: 0 auto;
}
.cta-vertical .content {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
border-radius: 0.75rem;
padding: 0 2rem;
}
.cta-vertical .content .kep {
width: 100%;
max-width: calc(90px * 4 + 30px * 3);
margin: 0 auto;
}
.cta-vertical .content .szoveg {
width: 100%;
max-width: calc(90px * 8 + 30px * 7);
margin: 0 auto;
text-align: center;
}
.cta-vertical .content .cta-grid-price {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem;
}
.cta-vertical .content .cta-grid-price span {
display: block;
line-height: 18px;
color: #FFFFFF;
}
@media (max-width: 760px) {
.cta-vertical {
padding: 0 2rem;
margin: 2rem auto;
}
.cta-vertical:last-child {
margin-bottom: calc(2rem * 2);
}
.cta-vertical .content {
padding: 0;
gap: 1rem;
}
.cta-vertical .btn-wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
}
.cta-vertical .btn-wrapper .btn {
width: 100%;
}
}
.szoveges {
width: 100%;
margin: 2rem auto;
padding: 0px 2rem;
}
.szoveges h1, .szoveges h2, .szoveges h3, .szoveges h4 {
margin: 1.25rem 0;
}
.szoveges.keskeny {
max-width: calc(720px + 210px + 2 * 2rem);
}
.szoveges.teljes {
max-width: calc(1432px + 2 * 2rem);
}
.szoveges:first-child {
margin-top: 0px;
}
.szoveges .szoveges-title {
margin-bottom: 2rem;
}
.szoveges.no-padding .szoveges-title {
margin-top: 1rem;
}
.szoveges .szoveges-lead {
margin: 2rem 0 1.5rem;
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
@media (min-width: 1024px) {
.szoveges .szoveges-lead {
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
}
.szoveges .szoveges-lead:last-child {
margin: 2rem 0 0rem;
}
.szoveges .szoveges-lead:first-child {
margin: 0 0 1.5rem;
}
.szoveges .szoveges-text strong {
font-weight: bold;
}
.szoveges .szoveges-text ul:has(+ h2), .szoveges .szoveges-text ol:has(+ h2) {
margin: 0;
}
.szoveges .szoveges-text ul:has(+ h2) li, .szoveges .szoveges-text ol:has(+ h2) li {
margin-bottom: 0;
}
.szoveges { }
@media (max-width: 1024px) {
.szoveges ul li::before {
top: 7px;
}
}
@media (max-width: 1500px) {
.szoveges {
padding: 0px 2rem;
}
}
.videos-blokk {
width: 100%;
max-width: calc(720px + 210px + 2 * 2rem);
margin: 5rem auto;
color: #FFFFFF;
padding: 0 2rem;
}
.videos-blokk .btn-wrapper {
margin: 0 auto;
}
.videos-blokk .content {
width: 100%;
}
.videos-blokk .content .belso {
width: 100%;
padding: 0;
}
.videos-blokk .content .belso iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
@media (max-width: 960px) {
.videos-blokk {
margin: 2rem auto;
}
.videos-blokk .btn-wrapper {
text-align: center;
}
}
.szoveges.cim-kozepre {
margin: 0px auto;
max-width: calc(1432px + 2 * 2rem);
}
.szoveges.cim-kozepre.keskeny {
max-width: calc(720px + 210px + 2 * 2rem);
}
.szoveges.cim-kozepre.teljes {
max-width: calc(1432px + 2 * 2rem);
}
.szoveges.cim-kozepre.hero_w {
max-width: 1920px;
}
.szoveges.cim-kozepre .szoveges-title {
margin: 0 auto;
}
.szoveges.cim-kozepre .szoveges-title.bal {
text-align: left;
}
.szoveges.cim-kozepre .szoveges-title.kozep {
text-align: center;
max-width: calc(720px + 210px + 2 * 2rem);
}
.szoveges.cim-kozepre .szoveges-title.jobb {
text-align: right;
}
.szoveges.cim-kozepre:not(.no-padding) + * {
margin-top: 2.5rem !important;
}
.kep-blokk {
width: 100%;
margin: 0px auto;
}
.kep-blokk .content {
padding: 0 1rem;
}
.kep-blokk .kep img {
width: 100%;
display: block;
height: auto;
}
.kep-blokk.keskeny {
max-width: calc(720px + 210px + 2 * 2rem);
}
.kep-blokk.teljes {
max-width: calc(1432px + 2 * 2rem);
}
.kep-blokk.full {
max-width: 1920px;
}
.kep-blokk.full .content {
padding: 0;
}
.kep-blokk.no-padding .szoveges-title {
margin-top: 1rem;
}
.kep-cim-blokk {
width: 100%;
margin: 0px auto;
}
.kep-cim-blokk .content {
padding: 0 1rem;
}
.kep-cim-blokk .kep {
width: 100%;
display: block;
aspect-ratio: 1500/350;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.kep-cim-blokk .kep-dark {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.kep-cim-blokk.keskeny {
max-width: calc(720px + 210px + 2 * 2rem);
}
.kep-cim-blokk.teljes {
max-width: calc(1432px + 2 * 2rem);
}
.kep-cim-blokk.full {
max-width: 1920px;
}
.kep-cim-blokk.full .content {
padding: 0;
}
.kep-cim-blokk.no-padding .szoveges-title {
margin-top: 0.5rem;
}
.kep-cim-blokk .kep-tartalom {
width: 100%;
max-width: calc(720px + 210px + 2 * 2rem);
height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 0;
padding: 0 1rem;
color: #FFFFFF;
}
.kep-cim-blokk .kep-tartalom div {
width: 100%;
}
.kep-cim-blokk .kep-tartalom *, .kep-cim-blokk .kep-tartalom h1, .kep-cim-blokk .kep-tartalom h2, .kep-cim-blokk .kep-tartalom h3, .kep-cim-blokk .kep-tartalom p, .kep-cim-blokk .kep-tartalom span {
text-align: left;
} @media (max-width: 1500px) {
.kep-cim-blokk .kep-tartalom {
padding: 0 2rem;
}
}
@media (max-width: 600px) {
.kep-cim-blokk .kep {
aspect-ratio: 4/3;
}
}
.page-aloldal {
width: 100%;
max-width: calc(720px + 210px + 2 * 2rem);
margin: 0 auto;
padding: 2rem 0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
background-color: #000000;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
background-color: #434343;
color: #FFFFFF !important;
}
.line-through {
text-decoration: line-through;
} .cart_totals tr.cart-subtotal,
tfoot .cart-subtotal {
display: none !important;
} .wc-block-components-totals-item.wc-block-components-totals-item--subtotal,
.wc-block-components-totals-subtotal {
display: none !important;
}
.woocommerce-cart table.cart td.actions {
display: none !important;
} .woocommerce-cart table.cart th.product-quantity,
.woocommerce-cart table.cart td.product-quantity {
display: none !important;
} .woocommerce-cart table.cart th.product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
display: none !important;
} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: left;
border-radius: 50px;
}
.woocommerce-cart .wc-proceed-to-checkout {
width: auto;
display: inline-block;
padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
border-radius: 50px !important;
padding: 16px 36px;
font-weight: 400;
width: 100%;
display: inline-block;
}
.woocommerce-privacy-policy-text {
margin: 0 0 1rem 0;
}
.woocommerce form .form-row {
padding: 0;
}
form.checkout.woocommerce-checkout {
width: 100%;
margin: 0 auto;
padding: 0 2rem;
display: flex;
flex-direction: column;
gap: 3rem;
}
.woocommerce-checkout-review-order {
padding-top: 5px;
}
.woocommerce table.shop_table {
margin: 0 0 3rem 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
margin-top: 1rem;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
padding: 1rem 0.5rem;
text-align: center;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
}
.single-product.woocommerce span.onsale {
position: static;
background-color: #ff0000;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.single-product.woocommerce div.product {
width: 100%;
margin: 0px auto;
display: flex;
flex-wrap: wrap;
gap: 0;
}
.single-product.woocommerce div.product form.cart .button {
background-color: #000000;
font-weight: normal;
padding: 1rem 4rem;
border-radius: 25px;
}
.single-product.woocommerce div.product form.cart .button:hover {
background-color: #414040;
}
.single-product.woocommerce div.product .product-layout {
width: 100%;
margin: 0px auto;
display: flex;
flex-direction: column;
gap: 0;
}
.single-product.woocommerce div.product .product-main {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
}
.single-product.woocommerce div.product .product-main .product-gallery {
flex: 1 400px;
}
.single-product.woocommerce div.product .product-main .product-gallery div.images {
width: 100%;
clear: both;
}
.single-product.woocommerce div.product .product-main .product-summary {
flex: 1 400px;
display: flex;
flex-direction: column;
gap: calc(30px / 2);
padding-right: calc(90px + 30px);
}
.single-product.woocommerce div.product .product-main .product-summary img {
width: 20px;
}
.single-product.woocommerce div.product .product-main .product-data {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.single-product.woocommerce div.product .product-main .product-data-item {
display: flex;
gap: 0.75rem;
align-items: center;
}
.single-product.woocommerce div.product .product-main .already-purchased-message p {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: flex-start;
}
.single-product.woocommerce div.product .product-description-wrapper {
width: 100%;
margin: 0 auto;
padding: 60px 2rem;
background-color: #F2F2F2;
}
.single-product.woocommerce div.product .product-description-wrapper .product-description:has(.szoveges) {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 0;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 30px;
align-items: flex-start;
flex-wrap: wrap;
}
.single-product.woocommerce div.product .product-description-wrapper .product-description:has(.szoveges) .szoveges {
flex: 1;
}
.single-product.woocommerce div.product .purchased-downloads-wrapper {
margin: 0 auto;
padding: 0px 2rem 60px;
background-color: #434343;
width: 100%;
margin: 0 auto;
}
.single-product.woocommerce div.product .purchased-downloads-wrapper .purchased-downloads-section {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: calc(30px * 1.5);
}
.single-product.woocommerce div.product .purchased-downloads-wrapper .purchased-downloads-section .downloads-list { gap: 1rem;
-moz-column-count: 3;
column-count: 3;
}
.single-product.woocommerce div.product .purchased-downloads-wrapper .purchased-downloads-section .downloads-list .download-item {
-moz-column-break-inside: avoid;
break-inside: avoid;
margin-bottom: 1rem;
}
.single-product.woocommerce div.product .purchased-downloads-wrapper .purchased-downloads-section .downloads-list a:hover .file-name {
color: #707070 !important;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper {
width: 100%;
margin: 0 auto;
padding: 60px 2rem;
background-color: #434343;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
padding: 0 2rem;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: calc(30px * 2);
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .video-group-block .video-group-title {
color: #FFFFFF;
margin: 1rem 0 2rem;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .video-group-block .video-items-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .vimeo-thumb {
position: relative;
cursor: pointer;
overflow: hidden;
border-radius: 10px;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .vimeo-thumb.locked-thumb {
cursor: not-allowed;
opacity: 0.7;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .vimeo-thumb img {
width: 100%;
display: block;
transition: transform 0.3s;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .vimeo-thumb:hover img {
transform: scale(1.01);
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .lock-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .video-title {
padding: 0.5rem;
text-align: center;
color: #FFFFFF;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 28px;
color: white;
background-image: url(//closeakademia.hu/wp-content/themes/closeuni/assets/images/play-icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.single-product .vimeo-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
}
.single-product .vimeo-modal.open {
display: flex;
}
.single-product .vimeo-modal-inner {
width: 80%;
max-width: 900px;
position: relative;
}
.single-product .vimeo-video iframe {
width: 100%;
height: 500px;
}
.single-product .vimeo-close {
position: absolute;
top: -40px;
right: 0;
color: white;
font-size: 30px;
cursor: pointer;
}
.single-product { }
.single-product .product-gallery.mockup-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
}
.single-product { }
.single-product .mockup-frame {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: auto;
pointer-events: none;
}
.single-product { }
.single-product .mockup-screen {
position: absolute;
z-index: 1;
top: 7%;
left: 11.8%;
aspect-ratio: 16/10;
width: 76.5%;
overflow: hidden;
}
.single-product { }
.single-product .mockup-product-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.single-product { }
.single-product .mockup-screen .woocommerce-product-gallery,
.single-product .mockup-screen .woocommerce-product-gallery__wrapper,
.single-product .mockup-screen .woocommerce-product-gallery__image {
height: 100%;
}
.single-product { }
.single-product .mockup-screen img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-product .close-current-price {
font-size: 32px;
font-weight: bold;
}
.single-product .close-old-price {
color: #707070;
padding: 0.5rem 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.single-product .close-old-price .close-current-price {
color: #000000;
}
.single-product .close-discount {
color: #707070;
}
@media (max-width: 1024px) {
.single-product.woocommerce div.product .product-description-wrapper {
padding: 0;
}
.single-product.woocommerce div.product .product-description-wrapper .product-description:has(.szoveges) {
display: block;
}
.single-product.woocommerce div.product .product-main .product-summary {
padding-right: 0;
}
.single-product.woocommerce div.product .purchased-downloads-wrapper .purchased-downloads-section .downloads-list {
gap: 1rem;
-moz-column-count: 1;
column-count: 1;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper {
padding: 2rem;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section {
padding: 0;
gap: 2rem;
}
.single-product.woocommerce div.product .purchased-video-section-wrapper .purchased-video-section .video-group-block .video-items-grid {
grid-template-columns: 1fr;
}
.single-product.woocommerce div.product form.cart .button {
width: 100%;
}
.single-product .close-old-price {
flex-direction: column;
}
}
.shop-page .shop-termekek {
width: 100%;
max-width: calc(1432px + 2 * 2rem);
margin: 0 auto;
padding: 0 2rem;
}
.shop-page .shop-termekek .shop-category {
margin-bottom: 6rem;
}
.shop-page .shop-termekek .shop-category h2 {
width: 100%;
max-width: calc(270px + 60px);
margin: 0 auto;
text-align: center;
}
.shop-page .shop-termekek .shop-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin: 2rem auto 0;
}
.shop-page .shop-termekek .shop-grid .termek-kartya {
display: flex;
flex-direction: column;
gap: 1rem;
position: relative;
}
.shop-page .shop-termekek .shop-grid .termek-kartya.megvasarolt::after {
display: block;
content: "";
position: absolute;
top: 1rem;
right: 1rem;
width: 1rem;
height: 1rem;
background-color: #16A34A;
border-radius: 50%;
content: "✓";
color: #FFFFFF;
font-size: 1rem;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a {
display: flex;
flex-direction: column;
gap: 1rem;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .termek-adatok {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .termek-adatok h3 {
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
@media (min-width: 1024px) {
.shop-page .shop-termekek .shop-grid .termek-kartya a .termek-adatok h3 {
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .termek-adatok .desc {
flex: 2;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .termek-adatok .price {
flex: 1;
text-align: right;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .termek-adatok .close-old-price {
display: flex;
flex-direction: column;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .image {
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
position: relative;
border-radius: 20px;
position: relative;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .image .hover-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7647058824);
opacity: 0;
transition: all 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #FFFFFF;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
display: block;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a.button {
background: none;
background-color: #F0F0F0;
display: inline-block;
border-radius: 8px;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a.button:hover {
background-color: #707070;
color: #FFFFFF;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a:hover .hover-layer {
opacity: 1;
}
.shop-page .shop-termekek .shop-grid .termek-kartya a:hover {
color: inherit !important;
}
@media (max-width: 960px) {
.shop-page .shop-termekek .shop-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 660px) {
.shop-page .shop-termekek .shop-grid {
grid-template-columns: 1fr;
}
} @media screen and (max-width: 768px) { .woocommerce-checkout-review-order {
overflow-x: hidden !important;
width: 100% !important;
} .woocommerce-checkout-review-order-table {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
border-collapse: collapse !important;
margin: 0 !important; }
.woocommerce-checkout-review-order-table thead {
display: none !important;
}
.woocommerce-checkout-review-order-table tbody, .woocommerce-checkout-review-order-table tfoot {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-checkout-review-order-table { }
.woocommerce-checkout-review-order-table tr {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 12px 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
display: block !important;
border: none !important;
padding: 0 !important;
background: transparent !important;
}
.woocommerce-checkout-review-order-table { }
.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name {
flex: 1 !important; text-align: left !important;
padding-right: 15px !important; word-break: break-word !important; font-size: 15px !important;
line-height: 1.4 !important;
color: #1e293b !important;
}
.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
display: none;
font-weight: 700 !important;
color: #64748b !important;
white-space: nowrap !important; margin-left: 4px !important;
}
.woocommerce-checkout-review-order-table tbody tr.cart_item .product-total {
flex-shrink: 0 !important; text-align: right !important;
font-weight: 600 !important;
font-size: 15px !important;
color: #0f172a !important;
}
.woocommerce-checkout-review-order-table { }
.woocommerce-checkout-review-order-table tfoot tr th {
flex: 1 !important;
text-align: left !important;
font-weight: normal !important;
color: #64748b !important;
font-size: 14px !important;
}
.woocommerce-checkout-review-order-table tfoot tr td {
flex-shrink: 0 !important;
text-align: right !important;
font-weight: 700 !important;
color: #0f172a !important;
}
.woocommerce-checkout-review-order-table tfoot { }
.woocommerce-checkout-review-order-table tfoot tr.order-total {
border-bottom: none !important;
padding-top: 16px !important;
}
.woocommerce-checkout-review-order-table tfoot tr.order-total th {
font-size: 16px !important;
font-weight: 700 !important;
color: #0f172a !important;
}
.woocommerce-checkout-review-order-table tfoot tr.order-total td strong {
font-size: 18px !important;
color: #000000 !important;
}
} @media screen and (max-width: 768px) {
body.woocommerce-cart .entry-header {
padding: 2rem 0;
}
.woocommerce-cart-form {
width: 100% !important;
padding: 0 !important;
overflow-x: hidden !important;
}
.woocommerce-cart-form .shop_table.cart {
width: 100% !important;
border: none !important;
background: transparent !important;
margin: 0 !important;
}
.woocommerce-cart-form .shop_table.cart thead {
display: none !important;
}
.woocommerce-cart-form .shop_table.cart tbody {
display: block !important;
width: 100% !important;
}
.woocommerce-cart-form .shop_table.cart tbody tr.cart_item {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 16px !important;
margin-bottom: 16px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
position: relative !important;
}
.woocommerce-cart-form .shop_table.cart tbody tr.cart_item td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: left !important;
padding: 6px 0 !important;
border: none !important;
float: none !important;
background: none;
}
.woocommerce-cart-form .shop_table.cart tbody tr.cart_item td.product-remove {
width: auto !important;
}
.woocommerce-cart-form .shop_table.cart td.product-remove {
position: absolute !important;
top: 12px !important;
right: 12px !important;
width: auto !important;
padding: 0 !important;
}
.woocommerce-cart-form .shop_table.cart td.product-remove a.remove {
font-size: 20px !important;
color: #ef4444 !important;
background: #ffeeef !important;
width: 28px !important;
height: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
text-decoration: none !important;
}
.woocommerce-cart-form .shop_table.cart { }
.woocommerce-cart-form .shop_table.cart td.product-name {
padding-top: 5px !important;
padding-right: 35px !important;  }
.woocommerce-cart-form .shop_table.cart td.product-name::before {
content: "" !important;
display: block !important;
font-weight: normal !important;
color: #64748b !important;
font-size: 14px !important;
margin-bottom: 4px !important;
float: none !important;
}
.woocommerce-cart-form .shop_table.cart td.product-name a {
display: block !important;
width: 100% !important;
text-align: left !important;
white-space: normal !important;
word-break: break-word !important;
color: #1e293b !important;
font-weight: 600 !important;
font-size: 16px !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}
.woocommerce-cart-form .shop_table.cart { }
.woocommerce-cart-form .shop_table.cart td.product-subtotal {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
font-weight: 700 !important;
font-size: 16px !important;
color: #0f172a !important;
margin-top: 8px !important;
}
.woocommerce-cart-form .shop_table.cart td.product-subtotal::before {
display: none !important;
}
.woocommerce-cart-form { }
.woocommerce-cart-form .actions {
padding: 0 !important;
background: transparent !important;
border: none !important;
width: 100% !important;
}
.woocommerce-cart-form .actions .coupon {
display: flex;
gap: 8px;
margin-bottom: 12px;
width: 100% !important;
}
.woocommerce-cart-form .actions .coupon input.input-text {
width: 100% !important;
height: 44px !important;
padding: 0 12px !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
.woocommerce-cart-form .actions .coupon button.button {
height: 44px !important;
white-space: nowrap;
border-radius: 8px !important;
padding: 0 16px !important;
}
.woocommerce-cart-form .actions button[name=update_cart] {
width: 100% !important;
height: 44px !important;
background: #f1f5f9 !important;
color: #334155 !important;
border-radius: 8px !important;
margin-top: 8px;
box-sizing: border-box !important;
} .cart-collaterals {
width: 100% !important;
margin-top: 24px;
}
.cart-collaterals .cart_totals {
width: 100% !important;
box-sizing: border-box !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 16px !important;
}
.cart-collaterals .cart_totals table.shop_table {
width: 100% !important;
border: none;
}
.cart-collaterals .cart_totals table.shop_table tbody {
display: block;
}
.cart-collaterals .cart_totals table.shop_table tr {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid #e2e8f0;
}
.cart-collaterals .cart_totals table.shop_table tr.order-total {
display: block !important;
}
.cart-collaterals .cart_totals table.shop_table tr th, .cart-collaterals .cart_totals table.shop_table tr td {
border: none !important;
padding: 0 !important;
width: auto !important;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout {
padding: 16px 0 0 0 !important;
width: 100% !important;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px 20px !important;
border-radius: 8px !important;
font-size: 16px !important;
box-sizing: border-box !important;
}
.woocommerce-cart-form .shop_table.cart tbody tr.cart_item td.product-thumbnail,
.woocommerce-cart-form .shop_table.cart tbody tr.cart_item td.product-quantity,
.woocommerce-cart-form .shop_table.cart tbody tr.cart_item td.product-price {
display: none !important;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
margin-right: 30px;
}
}
.woocommerce-account .site-main {
padding: 3rem 1rem;
width: 100%;
max-width: calc(720px + 210px + 2 * 2rem);
margin: 0 auto;
}
.woocommerce-account .site-main header {
margin-bottom: 2rem;
background: none;
color: #0F172A;
box-shadow: none;
}
.woocommerce-account .site-main .woocommerce {
display: flex;
justify-content: space-between;
gap: 2rem;
flex-direction: column;
}
.woocommerce-account .site-main .woocommerce::after, .woocommerce-account .site-main .woocommerce::before {
display: none;
}
.woocommerce-account .site-main .woocommerce-MyAccount-navigation {
clear: both;
width: auto;
flex: 1;
}
.woocommerce-account .site-main .woocommerce-MyAccount-navigation ul {
display: flex;
gap: 1rem;
}
.woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a {
font-size: 18px;
line-height: 28px;
color: #0F172A;
font-weight: 500;
}
.woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a.is-active {
color: #42a0ed;
font-weight: 600;
}
.woocommerce-account .site-main .woocommerce-MyAccount-content {
clear: both;
width: auto;
flex: 1 700px;
}
.woocommerce-account .site-main .woocommerce-MyAccount-content p, .woocommerce-account .site-main .woocommerce-MyAccount-content section, .woocommerce-account .site-main .woocommerce-MyAccount-content h2, .woocommerce-account .site-main .woocommerce-MyAccount-content h3, .woocommerce-account .site-main .woocommerce-MyAccount-content h4, .woocommerce-account .site-main .woocommerce-MyAccount-content h5, .woocommerce-account .site-main .woocommerce-MyAccount-content h6 {
margin: 0 0 1rem 0;
}
.woocommerce-account .site-main .woocommerce-MyAccount-content .woocommerce-info {
background: none !important;
border: none !important;
padding: 0 !important;
display: flex;
align-items: center;
flex-direction: column;
gap: 2rem;
}
.woocommerce-account .site-main .woocommerce-MyAccount-content .woocommerce-info::before {
display: none;
}
.woocommerce-EditAccountForm .clear {
padding: 0.5rem 0;
}
.woocommerce-EditAccountForm fieldset {
padding: 1rem;
margin: 2rem auto;
border: none;
background-color: #F0F0F0;
border-radius: 8px;
position: relative;
}
.woocommerce-EditAccountForm fieldset legend {
position: relative;
top: 36px;
display: block;
width: 100%;
padding: 0 0 10px;
font-weight: 600;
margin-bottom: 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit.email_verification_popup,
.woocommerce .woocommerce-info .button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
background: none;
padding: 14px 36px;
background-color: #000000;
color: #FFFFFF;
border-radius: 50px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit.email_verification_popup:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
background-color: #434343;
color: #FFFFFF !important;
}
.woocommerce-LostPassword.lost_password {
margin: 1rem 0 0 0;
}
@media (max-width: 1024px) {
.woocommerce-account .site-main .wp-block-table, .woocommerce-account .site-main table {
display: table;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.woocommerce-account .site-main .woocommerce {
flex-wrap: wrap;
flex-direction: column;
}
.woocommerce-account .site-main .woocommerce::before, .woocommerce-account .site-main .woocommerce::after {
display: none;
}
.woocommerce-account .site-main .woocommerce table.shop_table_responsive tr {
margin: 1rem 0;
}
.woocommerce-account .site-main .woocommerce-MyAccount-navigation {
flex: 1;
}
.woocommerce-account .site-main .woocommerce-MyAccount-navigation ul li a {
display: block;
width: 100%;
padding: 0.5rem 1rem;
color: #FFFFFF;
background-color: #0F172A;
text-align: center;
}
}.cev-authorization-grid__visual{
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 5000;
}
.cev-authorization-grid__holder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
padding: 24px 0;
position: relative;
z-index: 100;
height:100%;
}
.cev-authorization-grid__inner {
max-width: 460px;
width: 100%;
}
.cev-authorization {
border-radius: 6px;
border: 1px solid #eaeaea;
background-color: #fafafa;
}
.cev-authorization__holder {
padding: 30px 30px 10px;
position: relative;
color: rgba(0,0,0,.6);
font-size: 16px;
line-height: 24px;
text-align: center;
}
.cev-authorization__holder .cev-authorization__envelope {
display: inline-block;
vertical-align: top;
position: relative;
border-radius: 50%;
height: 88px;
margin-bottom: 10px;
margin-left: 19px;
width: 88px;
}
.cev-authorization__envelope:before {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
display: block;
height: 64px;
width: 96px;
left: -38px;
background-image: url(//closeakademia.hu/wp-content/plugins/customer-email-verification-for-woocommerce/includes/../assets/css/images/email-verification-icon.svg);
background-repeat: no-repeat;
background-size: contain;
content: '';
}
.cev-authorization__heading {
position: relative;
}
.cev-authorization__title {
display: block;
color: #333333;
font-size: 22px;
font-weight: 600;
line-height: 40px;
}
.cev-authorization__description {
display: block;
margin: 10px 0;
text-align: initial;
}
.cev-pin-verification__failure {
margin-bottom: 16px;
}
.cev-alert:not(.cev-alert_without_rounding) {
border-radius: 4px;
margin-top: 15px;
}
.cev-alert_theme_red {
background-color: rgba(255,205,210,.4);
color: #e53935;
}
.cev-alert {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 12px 24px;
position: relative;
font-size: 14px;
line-height: 24px;
}
.cev-alert__icon_color_red {
color: #f44336;
}
.cev-alert__icon {
margin-right: 16px;
}
.cev-icon {
font-size: 24px;
line-height: 24px;
display: inline-block;
vertical-align: top;
}
.cev-pin-verification__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cev-field {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
position: relative;
direction: ltr;
}
.cev-pin-verification__events {
position: relative;
margin-bottom: 0px;
}
.cev-button:not(.cev-button-text-normal) {
text-transform: none;
width: 100%;
margin-bottom: 5px;
line-height: initial;
}
.cev-authorization__footer {
border-radius: 0 0 6px 6px;
padding: 0 0 10px 0;
color: rgba(0,0,0,.8);
font-size: 14px;
line-height: 20px;
text-align: center;
}
h5.required-filed-email {
font-size: 15px;
text-align: initial;
font-weight: bold;
margin: 10px 0;
}
.cev-link {    
cursor: pointer;
text-decoration: none;
margin: 0;
}
.cev-button {
-webkit-transition: background-color .3s ease-in-out,color .15s ease-in-out,-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);
transition: background-color .3s ease-in-out,color .15s ease-in-out,-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);
transition: box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s ease-in-out,color .15s ease-in-out;
transition: box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s ease-in-out,color .15s ease-in-out,-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.08);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0;
position: relative;
cursor: pointer;
letter-spacing: .5px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
padding: 8px 16px;
margin: 0;	
}
.cev-button_color_success {
background-color: #212121;
color: #fff;
font-size: 15px;
}
.cev-field_text_center input, .cev-field_text_center textarea {
text-align: center;
}
.cev_pin_verification_form,.cev_pin_verification_form_pro{
margin-bottom: 0;
}
.cev_pin_verification_form input.cev_pin_box,.cev_login_authentication_form input.cev_pin_box {
width: 100%;
height: 50px;
padding: 10px;
text-align: initial;
border-radius: 5px;
display: inline-block;
margin-bottom: 1em;
}
#cev_verify_email input.cev_pin_box_email {
width: 100%;
height: 50px;
padding: 10px;
text-align: initial;
border-radius: 5px;
display: inline-block;
margin: 10px 0;	    
}
.cev_pin_verification_form input.cev_pin_box:last-child { }
.cev_pin_verification_form input.cev_pin_box::-webkit-inner-spin-button, .cev_pin_verification_form input.cev_pin_box::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
a.cev-link-try-again-color,a.cev-link-try-again-color:hover {
color: #2196f3;
}
.cev_send_email_tag {
text-align: left;
}	
.cev_pin_verification_form_pro input.cev_pin_box_email::-webkit-inner-spin-button, .cev_pin_verification_form_pro input.cev_pin_box_email::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
} .js-pincode::-webkit-inner-spin-button {
-webkit-appearance: none;  
} .js-pincode{
-moz-appearance: textfield;
}
h5.required-filed {
font-size: 15px;
text-align: initial;
font-weight: normal;
}
.popup_image {
position: relative;
border-radius: 50%;
display: inline-block;
margin: 0 auto 15px;
}
a.a_cev_resend_guest_user{
vertical-align: unset;
width: 100%;
display: block;
text-align: right;
}
.cev-try-again-disable{
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;	
}
a.cev_already_verify {
color: #0052ff;
display: block;
text-align: left;
font-size: .9em;
padding: 0 0 10px;
}
.cev_limit_message {
color: red;
font-size: .9em;
}
section.cev-authorization__holder .popup_image img {
max-width: 100%;
} a.a_cev_resend_checkout {
vertical-align: text-bottom;
}
.cev_pro_chekout_button{
margin: 10px 0;	
}
.fl-wrap-input span.cev-yes-line {
vertical-align: middle;
}
.cev-authorization__description p, .cev-authorization__description span, .cev-authorization__description h1, .cev-authorization__description h2, .cev-authorization__description h3, .cev-authorization__description h4, .cev-authorization__description h5, .cev-authorization__description h6 {
margin: 10px 0;
}
#otp-popup {
display: none;
position: fixed;
top: 0;
background-color: rgb(255 255 255 / 70%);
padding: 20px;
z-index: 1000;
right: 0;
left: 0;
width: 100%;
height: 100vh;
}
.otp_popup_inn {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center; }
#otp-popup h3 {
font-size: 25px;
color: #333;
font-weight: bold;
margin-bottom: 10px;
}
#otp-popup input {
display: block;
width: 100%;
margin-bottom: 10px;
}
#otp-popup button {
display: block;
width: 100%;
}
.otp-container {
display: flex;
justify-content: center;
} .otp-input, .otp-input-checkout, .otp-input-login, .otp-input-email {
width: 50px !important;
height: 80px;
margin: 0 10px;
font-size: 24px;
text-align: center;
border: 1px solid #e0e0e0 !important;
border-radius: 5px;
outline: none;
background: #fff !important;
box-shadow: none !important;
} .otp-input:focus, .otp-input-checkout:focus, .otp-input-login:focus, .otp-input-email:focus  {
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
p.registration-success {
background: green;
color: #fff;
padding: 10px;
}
.error_mesg{
display: None;
color: red;
}
.cev_loading_overlay {
display: none;
position: fixed;
top: 0;
background-color: rgb(255 255 255 / 80%);
padding: 20px;
z-index: 1000;
right: 0;
left: 0;
width: 100%;
height: 100vh;
}
.back_btn {
cursor: pointer;
display: flex;
width: 30px;
}