/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Child theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@font-face {
    font-family: 'HV Philosykos';
    src: url('/wp-content/themes/astra-child/fonts/HVPhilosykos-Regular.eot');
    src: url('/wp-content/themes/astra-child/fonts/HVPhilosykos-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/astra-child/fonts/HVPhilosykos-Regular.woff2') format('woff2'),
        url('/wp-content/themes/astra-child/fonts/HVPhilosykos-Regular.woff') format('woff'),
        url('/wp-content/themes/astra-child/fonts/HVPhilosykos-Regular.ttf') format('truetype'),
        url('/wp-content/themes/astra-child/fonts/HVPhilosykos-Regular.svg#HVPhilosykos-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arrus BT';
    src: url('/wp-content/themes/astra-child/fonts/ArrusBT-Roman.eot');
    src: url('/wp-content/themes/astra-child/fonts/ArrusBT-Roman.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/astra-child/fonts/ArrusBT-Roman.woff2') format('woff2'),
        url('/wp-content/themes/astra-child/fonts/ArrusBT-Roman.woff') format('woff'),
        url('/wp-content/themes/astra-child/fonts/ArrusBT-Roman.ttf') format('truetype'),
        url('/wp-content/themes/astra-child/fonts/ArrusBT-Roman.svg#ArrusBT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lucida Sans';
    src: url('/wp-content/themes/astra-child/fonts/LucidaSans.eot');
    src: url('/wp-content/themes/astra-child/fonts/LucidaSans.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/astra-child/fonts/LucidaSans.woff2') format('woff2'),
        url('/wp-content/themes/astra-child/fonts/LucidaSans.woff') format('woff'),
        url('/wp-content/themes/astra-child/fonts/LucidaSans.ttf') format('truetype'),
        url('/wp-content/themes/astra-child/fonts/LucidaSans.svg#LucidaSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.lucida-font h2, .lucida-font span, .lucida-font p{

	font-family: 'Lucida Sans'!important;
}
.hv-font h1, .hv-font h2{
	font-family:"HV Philosykos" !important;
}
a:focus {
    outline: none!Important;
}
body{
	background-color: #faf8f6!important;
}
/* -----------------header-footer-start------------------------------------- */
body:not(.home) a.menu-link,
body:not(.home) #ast-hf-menu-1 li.menu-item-type-custom > a::before {
    color: white !important;
}
body:not(.home) [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: white;
}
body:not(.home) img.custom-logo {
    filter: invert(1) brightness(6);
}

body:not(.home) .ast-custom-button {
    color: white !important;
    border-color: white !important;
}

body:not(.home) .ast-header-button-1 .ast-custom-button:hover {
    color: #000000 !important;
    background: #ffffff;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
    border: 0!important;
    outline: none!important;
}
.home header#masthead {
    background-image: url('https://jillkyle.stagingserver.cloud/wp-content/uploads/2025/06/Pozadina-so-tekstura-1.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.rsvp-content::before {
    content: '';
    width: 100%;
    height: 50%;
    background: #ffffff;
    z-index: -1;
    position: absolute;
    bottom: 0;
}
 .elementor-30 .elementor-element.elementor-element-7efd734 > .elementor-widget-container {
  transition: transform 3s ease-out;
}
.elementor-30 .elementor-element.elementor-element-2bdfff1 > .elementor-widget-container {
  transition: transform 2s ease-out;
}

a.elementor-button.elementor-button-link.elementor-size-sm {
    width: 100%;
}
summary[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}
a.elementor-button.elementor-button-link.elementor-size-sm {
    border-radius: 0;
}
.countdown-wrapper {
  position: relative;
  width: 100%;
}

.countdown-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
    max-width: 100%;
}
.countdown-overlay {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    color: white;
    text-align: center;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
}
div#countdown {
    gap: 60px;
    display: flex;
    justify-content: center;
    margin-top: 119px;
}

div#countdown span {
    font-family: 'Arrus BT';
    font-weight: 400;
    font-size: 70px;
	  color: #85090F;
    line-height: 24px;
    letter-spacing: 5%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.countdown-timer .label {
 font-family: 'Lucida Sans'!important;
    font-weight: 600;
    font-size: 30px;
    line-height: 24px;
    letter-spacing: 4.8px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #AB9797;
}
#ast-hf-menu-1 li.menu-item-type-custom > a::before {
    content: "• ";
    margin-right: 30px;
    color: #706D6D;
    font-weight: bold;
}
.footer h1 {
 font-family: 'Lucida Sans'!important;
    font-weight: 600;
    font-size: 30px;
    line-height: 24px;
    letter-spacing: 17.1px;
    text-align: center;
    text-transform: uppercase;
}
ul#ast-hf-mobile-menu a.menu-link {
 
    color: #85090F!important;
}
/* ----------------header-footer-end-------------------------------------- */
/* -----------------------form-design------------------------------ */
.rsvp-popup-form.slide-out {
  transform: translateY(100%);
  transition: transform 0.5s ease-in;
}

.rsvp-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 9999;
  justify-content: center;
overflow: scroll;
}
div#frm_form_1_container {
    width: 100%;
}
img.rsvp-bg-img, img.rsvp-bg-img2 {
    position: absolute;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.rsvp-popup-form {
  width: 100%;
  display: flex;
  justify-content: center;
  transform: translateY(100%);
  transition: transform 0.5s ease-in;
  flex-direction: column;
  align-items: center;
	margin-top: 10px;
  position: relative;
}

.rsvp-content {
    position: relative;
    padding-top: 450px!important;
    width: 100%;
    padding: 0 80px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rsvp-popup-overlay.show .rsvp-popup-form {
  transform: translateY(0);
}
button.frm_button_submit {
    width: 100%!important;
}
.frm_form_field.form-field.frm_top_container.vertical_radio, .frm_opt_container {
    display: flex!important;
    flex-wrap: nowrap;
    gap: 24px;
}
h1.form-title {
    font-weight: 400;
    font-size: 50px;
    line-height: 51px;
    letter-spacing: 12.5px;
    text-transform: uppercase;
    text-align: center;
}

input#field_qh4icy, input#field_29yf4d, input#field_e6lis6, input#field_9jv0r1{
    height: 50px!important;
    padding-top: 20px!important;
}
p.form-para {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.6px;
    text-align: center;
    margin-top: 40px;
    max-width: 1345px;
}
.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
    margin: 0!important;
}
label#field_qh4icy_label, label#field_29yf4d_label, label#field_e6lis6_label, label#field_9jv0r1_label {
    background: white;
    position: absolute;
    margin: -2px 20px;
}
div#frm_field_9_container {
    display: none;
}
.rsvp-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus {
    border: none;
}
/* -------------------form-design-close------------------------- */
.slider-wrapper, .slider-wrapper2 {
    position: relative;
    overflow: hidden;
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 100px;
}
.slider-wrapper2 .title, .slider-wrapper .title {
    margin-top: 10px;
}

    .arrow {
      cursor: pointer;
      transition: transform 0.3s ease;
      user-select: none;
    }

    .arrow.left {
      transform: rotate(180deg);
    }

    .side-block,
    .main-block {
      display: flex;
      flex-direction: column;
/*       align-items: center; */
      position: relative;
    }

    .side-image {
      object-fit: cover;
      border-radius: 4px;
      cursor: pointer;
    }
    .date {
    font-family: Lucida Grande;
    font-weight: 500;
    font-size: 13.97px;
    line-height: 18.63px;
    letter-spacing: 1.397px;
    vertical-align: middle;
/*     margin-top: 20px; */
    color: #706D6D;
    text-transform: uppercase;
}
.title {
    font-family: Lucida Grande;
    font-weight: 600;
    font-size: 13.97px;
	margin-top: 6.63px;
    line-height: 18.63px;
    letter-spacing: 1.397px;
    vertical-align: middle;
    color: #85090F;
    text-transform: uppercase;
}
.block-group:hover .info-box {
    background: #85090f;
}
.block-group:hover .info-box>div{
	color:white;
}

.info-box {
    padding: 26px 40px;
    background: white;
}

div#titleRight, div#dateRight, div#dateLeft, div#titleLeft, div#titleRight2, div#titleLeft2{
    font-size: 7.56px;
    line-height: 10.08px;
    letter-spacing: 0.756px;
}
    .block-group {
      display: flex;
      align-items: center;
      gap: 100px;
    }

img#imgLeft2, img#imgRight2, img#imgLeft, img#imgRight {
    height: 400px;
    width: 100%;
}

.block-group:hover .main-image,
.block-group:hover .side-image {
 filter: brightness(150%);
}
.main-image, .side-image {
  filter: brightness(100%);
  transition: filter 0.3s ease;
}
 .flip-card {
      width: 870px;
      height: 600px;
      perspective: 1000px;
      cursor: pointer;
      position: relative;
    }

    .flip-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.8s ease-in-out;
      transform-style: preserve-3d;
    }
.flip-card .flip-inner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card.flipped .flip-inner {
  transform: rotateY(180deg);
}


.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}


    .flip-front,
    .flip-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
    }

.flip-back {
    transform: rotateY(180deg);
    background: #ffffff;
    display: flex;
    gap: 23.43px;
    padding: 46px;
    flex-direction: column;
}
h3#backMainH3 {
    font-family: "Source Code Pro";
    font-weight: 400;
    font-size: 18.63px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
}
h2#backMainH2, h2#backMainH22 {
    font-weight: 400;
    font-size: 54.32px;
    margin: 0;
    line-height: 100%;
    color: #3C3C43;
    letter-spacing: 0%;
    vertical-align: middle;
}
.flip-back p{
    font-weight: 500;
    font-size: 13.97px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
/*     margin: 0; */
    color: #666666;
}
.custom-underline {
  width: 100%;
  height: 1.95px;
  background-color: #3C3C43; /* You can change color */

}
.side-block.flip-card {
    max-width: 350px;
}
img.rsvp-bg-img2 {
    display: none;
}
/* --------------------------media queries start--------------------- */
@media (min-width: 576px) {
  .elementor-30 .elementor-element.elementor-element-2bdfff1 .elementor-icon svg {
    height: 180px !important;
  }
}

}
@media (max-width: 890px) {
  .rsvp-content {
    padding: 10px;
    padding-top: 550px !important;
  }
	.frm_form_field.form-field.frm_top_container.vertical_radio, .frm_opt_container {
    gap: 15px;
}
	.main-block.flip-card {
    width: 400px;
    height: 420px;
}
	.flip-card {
    width: 285px;
    height: 200px;
}
  .block-group {
    gap: 10px;
  }
		.arrow {
    width: 45px;
}
	h2#backMainH2, h2#backMainH22 {
    font-size: 44px;
}

.flip-back {
    padding: 20px;
}
	img#imgLeft2, img#imgRight2 {
    height: 200px;

}
}
@media (max-width: 767px) {
.elementor-element.elementor-element-fd4a06a.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div {
  height: 85dvh;
 flex-direction: row;
 justify-content: center;
	align-items: flex-end;
}
	.elementor-element.elementor-element-2db769e.hv-font.elementor-widget.elementor-widget-heading {
    margin: -35px 0;
}
}
@media (min-width: 577px) {
	img.phone-img{
		display:none;
}
.countdown-overlay {
    height: 100%;
	top: 0;
    padding: 64px 20px 0;
 
}
}

@media (max-width: 576px) {
  .elementor-element.elementor-element-2db769e.hv-font.elementor-widget.elementor-widget-heading h1.elementor-heading-title.elementor-size-default {
    font-size: 45px !important;
  }
.main-block.flip-card {
    width: 290px;
    height: 330px;
}
  .footer h1 {
    font-size: 11px;
    letter-spacing: 5.1px;
  }
	h3#backMainH32, h3#backMainH{
    margin-bottom: 10px;
}
h2#backMainH2, h2#backMainH22 {
    font-size: 18px;
}
.flip-back p {
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 6px;
}
.flip-back {
    gap: 5px;
    padding: 10px;
}
	.countdown-wrapper{
		    background-image: url('https://jillkyle.stagingserver.cloud/wp-content/uploads/2025/06/Footer.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	}
	img.desktop-img{
		display:none;
	}
label {
    font-size: 11px!important;
}
	.frm_primary_label {
    font-size: 12px!important;
}
p.form-para {
    font-size: 14px;
    margin-top: 20px;
}
  div#countdown p {
    margin: 10px;
  }


  div#countdown {
    gap: 20px;
    margin-top: 50px;
  }

  div#countdown span {
    font-size: 24px;
  }

  .countdown-timer .label {
    font-size: 9px;
  }

	.info-box {
    padding: 20px 0 20px 10px;
}

}
@media (min-width: 420px) and (max-width: 992px) {
  .footer h1 {
    font-size: 15px;
    letter-spacing: 7.1px;
  }

  div#countdown span {
    font-size: 32px;
  }

  .countdown-timer .label {
    font-size: 14px;
  }

  div#countdown {
    margin-top: 40px;
	  gap: 30px;
  }
}
@media (max-width: 1100px) {
.block-group {
    gap: 10px;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
    padding-left: 22px;
    padding-right: 22px;
}
}
@media (max-width: 450px) {
div#countdown {
    gap: 10px;
    margin-top: 15px;
	}}
@media (max-width: 480px) {
	.rsvp-popup-overlay{
		overflow:hidden!important;
		bottom: 0;
	}
	.frm_error_style {
    font-size: 8px!important;
    padding: 0!Important;
    margin-bottom: 10px!important;
}
	.frm_primary_label {
    font-size: 10px!important;
    margin-top: -9px!important;
}
	label {
    font-size: 11px!important;
    margin-top: -10px;
}
	p.form-para {
    font-size: 9px;
    margin-top: 0;
    letter-spacing: 0.2px;
}
	.frm_style_formidable-style.with_frm_style .frm_error {
    font-size: 8px;
}
	.with_frm_style .frm_checkbox input[type=checkbox] {
    height: 12px!important;
}
	
html,
body {
  overflow-x: hidden !important;
}
.elementor-30 .elementor-element.elementor-element-fd4a06a {
    margin-top: 100px;
}
	img.rsvp-bg-img {
    display: none;
}
	img.rsvp-bg-img2 {
    display: block;
}
	.rsvp-content {
    padding-top: 50px !important;
}
	h1.form-title {
    font-size: 20px;
    letter-spacing: 6.5px;
}

	input#field_qh4icy, input#field_29yf4d, input#field_e6lis6, input#field_9jv0r1 {
    height: 35px!important;
    padding-top: 0px!important;
}
	.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 10px;
}
	.rsvp-close-btn {
    top: -10px;
}
}
@media (max-width: 319px) {
.elementor-element.elementor-element-fd4a06a.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div {
  height: 80dvh;
 flex-direction: row;
 justify-content: center;
	align-items: flex-end;
}
	.elementor-element.elementor-element-2db769e.hv-font.elementor-widget.elementor-widget-heading {
    margin:  0;
}

@media (min-width: 922px) and (max-width: 1162px) {
  a.menu-link {
    font-size: 14px !important;
  }

  .ast-custom-button {
    font-size: 16px !important;
  }
}