@charset "UTF-8";
/*
Theme Name: Dental Network
Template: pm-core
Description: Dental Network egyedi témája - child theme
Version: 1.1.4
*/
@font-face {
  font-family: "Roboto";
  src: url(../theme-dentalnetwork/fonts/Roboto-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "Roboto";
  src: url(../theme-dentalnetwork/fonts/Roboto-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  src: url(../theme-dentalnetwork/fonts/Roboto-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Roboto";
  src: url(../theme-dentalnetwork/fonts/Roboto-Black.ttf);
  font-weight: 900;
}
@font-face {
  font-family: "Archivo Black";
  src: url(../theme-dentalnetwork/fonts/ArchivoBlack-Regular.ttf);
  font-weight: 900;
}
body {
  --wp--preset--shadow--natural: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
body .emphasis {
  font-family: var(--wp--preset--font-family--body);
  font-weight: 900;
}
body iframe {
  max-width: 100%;
}
@media screen and (max-width: 998px) {
  body .wp-block-cover.terkep {
    min-height: 300px !important;
  }
  body .bcg-img {
    min-height: 260px !important;
  }
  body div#rendelo-linkek {
    gap: 10px !important;
  }
}
body .wp-block-button.with-arrow {
  position: relative;
}
body .wp-block-button.with-arrow a {
  padding-right: 5.5rem !important;
}
body .wp-block-button.with-arrow a::after {
  content: url("../theme-jazmin/img/arrow-right.svg");
  display: inline-block;
  position: absolute;
  right: 1.5em;
  top: 0.8em;
  width: 40px;
  height: 40px;
  margin-left: 0.5em;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body ul.square li:before, body ul.bullet li:before, body .bullet ul li:before {
  top: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  background: var(--wp--preset--color--tertiary);
}
body .wp-block-group.elonyok {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  align-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
@media screen and (min-width: 999px) {
  body { /* desktop */ }
  body .title-line {
    position: relative;
  }
  body .title-line.has-primary-color::after {
    background-image: url("../theme-jazmin/img/underline-svg-black.svg");
    background-size: 100% 90%;
  }
  body .title-line::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 8px;
    background-image: url("../theme-jazmin/img/underline-svg-pink.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}
body .highlight-text {
  position: relative;
  font-weight: 700;
  display: inline-block;
  padding: 2px 4px;
}
body .highlight-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 60%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath d='M2,15 Q25,10 50,13 Q75,16 98,13' stroke='%23f8bbd9' stroke-width='15' fill='none' stroke-linecap='round' opacity='0.7'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: auto 100%;
  z-index: -1;
}
body main ul {
  list-style: none;
  padding: 0;
}
body main ul li {
  position: relative;
  margin-bottom: 0.2rem !important;
  padding-left: 1em;
}
body main ul li:before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--wp--preset--color--secondary);
  border-radius: 50%;
}
body main .workflow .steps {
  margin-top: 0;
}
body main .workflow .steps .step {
  position: relative;
}
body main .workflow .steps .step svg {
  width: 3vw;
}
body main .workflow .steps .step .num {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 1.2em;
  font-weight: bold;
  color: var(--wp--preset--color--txt-light);
  background: var(--wp--preset--color--primary);
  box-shadow: var(--wp--preset--shadow--natural);
  border-radius: 50%;
  z-index: 10;
}
@media screen and (min-width: 999px) {
  body main .workflow { /* desktop */ }
  body main .workflow .steps {
    gap: 6rem;
  }
  body main .workflow .steps .step .num {
    position: absolute;
    top: -15px;
  }
  body main .workflow .steps > .wp-block-column:first-child {
    text-align: right;
    position: relative;
  }
  body main .workflow .steps > .wp-block-column:first-child:after {
    content: "";
    background-color: black;
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    right: -3rem;
    top: 0;
  }
  body main .workflow .steps > .wp-block-column:first-child .num {
    right: calc(-25px - 3rem);
  }
  body main .workflow .steps > .wp-block-column:last-child {
    text-align: left;
    position: relative;
  }
  body main .workflow .steps > .wp-block-column:last-child .num {
    left: calc(-25px - 3rem);
  }
}
@media screen and (max-width: 998px) {
  body main .workflow .step .wp-block-group.has-border-color {
    margin: auto !important;
    width: 350px;
  }
  body main .workflow .steps {
    padding-right: 50px;
    gap: 0;
  }
  body main .workflow .steps .num {
    margin-bottom: 1em;
  }
  body main .workflow .steps .step {
    text-align: right;
    padding-top: 20px;
  }
  body main .workflow .steps .wp-block-spacer {
    height: 0 !important;
  }
  body main .workflow .steps .step svg {
    width: 60px;
  }
}

/* ========================= HERO ============================ */
@media screen and (max-width: 998px) {
  body #hero .wp-block-cover { /* SMARTPHONE */
    padding-top: 1rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  body #hero .wp-block-cover .wp-block-group.has-bcg-dark-color {
    border-bottom-left-radius: 0 !important;
  }
}

/* ========================= EFFECTS ============================ */
BODY .shining-text {
  position: relative;
  animation: shine 5s infinite;
}
@keyframes shine {
  0% {
    text-shadow: 0 0 5px rgba(20, 169, 255, 0), 0 0 10px rgba(20, 169, 255, 0), 0 0 15px rgba(20, 169, 255, 0), 0 0 20px rgba(20, 169, 255, 0);
  }
  50% {
    text-shadow: 0 0 128px rgba(20, 169, 255, 0.2), 0 0 50px rgba(20, 169, 255, 0.2), 0 0 50px rgba(20, 169, 255, 0.2), 0 0 50px rgba(20, 169, 255, 0.2);
  }
  100% {
    text-shadow: 0 0 120px rgba(20, 169, 255, 0.1), 0 0 50px rgba(20, 169, 255, 0.1), 0 0 50px rgba(20, 169, 255, 0.1), 0 0 50px rgba(20, 169, 255, 0.1);
  }
}
BODY .bcg-pattern .wp-block-cover__background {
  z-index: -1;
}
BODY .bcg-pattern:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
BODY .bcg-pattern.stripe-h:before {
  background: repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(255, 255, 255, 0.03) 40px, rgba(255, 255, 255, 0.03) 42px);
}
BODY .bcg-pattern.stripe-v:before {
  background: repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(255, 255, 255, 0.03) 40px, rgba(255, 255, 255, 0.03) 42px);
}
BODY .bcg-pattern.diagonal:before {
  background: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.03) 20px, rgba(255, 255, 255, 0.03) 22px);
}
BODY .bcg-pattern.dots:before {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 24px 24px;
}
BODY .bcg-pattern.dots-lg:before {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 2px, transparent 2px);
  background-size: 48px 48px;
}
BODY .bcg-pattern.grid:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
}
BODY .bcg-pattern.cross:before {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1px), radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

/* ========================= BUTTONS ============================ */
body button,
body a.wp-block-read-more,
body a.wp-block-post-excerpt__more-link,
body .wp-block-button:not(.hamburger-btn) a {
  padding: 5px 3em;
  text-transform: uppercase;
  font-weight: normal !important;
  font-size: inherit;
}

/* ========================= FONT SIZES ========================= */
body {
  font-size: 18px;
  line-height: 150%;
}
body h1 {
  font-size: 3rem;
  line-height: 120%;
}
body h2 {
  font-size: 2.4rem;
  line-height: 120%;
}
body h3 {
  font-size: 1.7rem;
  line-height: 130%;
}
body footer h2 {
  font-size: 22px;
  line-height: 28px;
}
@media screen and (min-width: 1500px) and (max-width: 3199px) {
  body {
    font-size: 18px;
  }
  body h2 {
    font-size: 2.2rem;
    line-height: 120%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1499px) {
  body {
    font-size: 16px;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1365px) {
  body {
    font-size: 15px;
  }
}
@media screen and (min-width: 999px) and (max-width: 1269px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 998px) {
  body { /* SMARTPHONE */ }
  body h1 {
    font-size: 2.2em;
    line-height: 130% !important;
  }
  body h2 {
    font-size: 1.6rem !important;
    line-height: 130% !important;
  }
  body h3 {
    font-size: 1.3rem;
    line-height: 120%;
  }
  body {
    --wp--preset--font-size--small: 12px;
    --wp--preset--font-size--medium: 1.1rem;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 319px) {
  body { /* small */ }
  body h1 {
    font-size: 2em !important;
    line-height: 120% !important;
  }
  body {
    --wp--preset--font-size--small: 12px;
    --wp--preset--font-size--medium: 16px;
    --wp--preset--font-size--large: 18px;
    --wp--preset--font-size--extra-large: 22px;
    font-size: 12px;
    line-height: 20px;
  }
}

/* ========================= SPACINGS =========================== */
body article {
  max-width: 950px;
  margin: auto;
  margin-bottom: var(--wp--preset--spacing--v-m);
  padding-left: var(--wp--preset--spacing--h-l);
  padding-right: var(--wp--preset--spacing--h-l);
}
body article h1 {
  margin-left: var(--wp--preset--spacing--h-m);
  margin-right: var(--wp--preset--spacing--h-m);
}
@media screen and (min-width: 1500px) and (max-width: 3199px) {
  body {
    --wp--preset--spacing--h-l: 5rem;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1499px) {
  body {
    --wp--preset--spacing--h-l: 5rem;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1365px) {
  body {
    --wp--preset--spacing--h-m: 3rem;
    --wp--preset--spacing--h-l: 3rem;
  }
}
@media screen and (min-width: 999px) and (max-width: 1269px) {
  body {
    --wp--preset--spacing--h-m: 3rem;
    --wp--preset--spacing--h-l: 2rem;
  }
}
@media screen and (max-width: 998px) {
  body { /* SMARTPHONE */
    --wp--preset--spacing--h-m: 30px;
    --wp--preset--spacing--h-l: 30px;
  }
}

/* PAGES */
body.page-id-882 {
  --wp--preset--color--primary: #79ade5 !important;
  --wp--preset--color--tertiary: #031720 !important;
  --wp--preset--gradient--blue-gradient: linear-gradient(168deg, rgb(32 92 108) 20%, rgb(31, 104, 146) 80%);
}
@media screen and (max-width: 998px) {
  body.page-id-882 { /* SMARTPHONE */ }
  body.page-id-882 h1 {
    font-size: 1.6em !important;
  }
}

body.page-id-561, body.page-id-965 {
  --wp--preset--color--primary: #B8860B !important;
  --wp--preset--color--tertiary: #334b58 !important;
}
body.page-id-561 .box-shadow-top, body.page-id-965 .box-shadow-top {
  box-shadow: 10px -15px 20px #ffffff;
}
body.page-id-561 .box-shadow-bottom, body.page-id-965 .box-shadow-bottom {
  box-shadow: 10px 15px 20px #ffffff;
}
body.page-id-561 main .workflow .steps .step .num, body.page-id-965 main .workflow .steps .step .num {
  font-weight: normal;
}
body.page-id-561 #jelentkezes a, body.page-id-965 #jelentkezes a {
  color: var(--wp--preset--color--txt-dark) !important;
}
@media screen and (max-width: 998px) {
  body.page-id-561, body.page-id-965 { /* SMARTPHONE */ }
  body.page-id-561 h1, body.page-id-965 h1 {
    font-size: 1.3em !important;
    line-height: 170% !important;
  }
  body.page-id-561 .date, body.page-id-965 .date {
    font-size: 1.4em !important;
  }
  body.page-id-561 .steps, body.page-id-965 .steps {
    padding: 0 !important;
  }
  body.page-id-561 .step div.has-background, body.page-id-965 .step div.has-background {
    padding: 2em 1em !important;
    width: 275px !important;
  }
  body.page-id-561 .step div.has-background p, body.page-id-965 .step div.has-background p {
    text-align: center !important;
  }
}

body.page-id-740 {
  --wp--preset--color--primary: #205c6c !important;
  --wp--preset--color--tertiary: #205c6c !important;
  --wp--preset--gradient--blue-gradient: linear-gradient(168deg, rgb(32 92 108) 20%, rgb(31, 104, 146) 80%);
}
body.page-id-740 .box-shadow-top {
  box-shadow: 10px -15px 20px #ffffff;
}
body.page-id-740 .box-shadow-bottom {
  box-shadow: 10px 15px 20px #ffffff;
}
body.page-id-740 #jelentkezes a {
  color: var(--wp--preset--color--txt-light) !important;
}
@media screen and (max-width: 998px) {
  body.page-id-740 { /* SMARTPHONE */ }
  body.page-id-740 h1 {
    font-size: 1.3em !important;
    line-height: 170% !important;
  }
  body.page-id-740 #hero .wp-block-group.has-bcg-dark-color {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
  body.page-id-740 .date {
    font-size: 1.4em !important;
  }
  body.page-id-740 .steps {
    padding: 0 !important;
  }
  body.page-id-740 .step div.has-background {
    padding: 2em 1em !important;
    width: 275px !important;
  }
  body.page-id-740 .step div.has-background p {
    text-align: center !important;
  }
}

body.page-id-1045, body.page-id-1199 {
  --wp--preset--color--primary: #205c6c !important;
  --wp--preset--color--tertiary: #b62010 !important;
  --wp--preset--gradient--blue-gradient: linear-gradient(168deg, #03012C 20%, rgb(31, 104, 146) 80%);
}
@media screen and (max-width: 998px) {
  body.page-id-1045, body.page-id-1199 { /* SMARTPHONE */ }
  body.page-id-1045 h1, body.page-id-1199 h1 {
    font-size: 1.3em !important;
    line-height: 170% !important;
  }
  body.page-id-1045 #hero .wp-block-group.has-bcg-dark-color, body.page-id-1199 #hero .wp-block-group.has-bcg-dark-color {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}

body.page-id-1321 {
  --wp--preset--color--primary: #205c6c !important;
  --wp--preset--color--tertiary: #AF1B3F !important;
  --wp--preset--gradient--blue-gradient: linear-gradient(168deg, rgb(32 92 108) 20%, rgb(31, 104, 146) 80%);
}
@media screen and (max-width: 998px) {
  body.page-id-1321 { /* SMARTPHONE */ }
  body.page-id-1321 h1 {
    font-size: 1.3em !important;
    line-height: 170% !important;
  }
  body.page-id-1321 #hero .wp-block-group.has-bcg-dark-color {
    padding-left: 2em !important;
    padding-right: 2em !important;
  }
}/*# sourceMappingURL=style.css.map */