/* 
Theme Name: Christanio Floral Academy
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.1.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.page.page-id-438 .ekit-template-content-header {
    position: absolute;
    width: 100%;
}


#masterclasses > .masterclass_single {
    display: flex;
    flex-wrap: nowrap; 
    flex-direction: row;
    gap: 45px; 
    justify-content: center;
    align-items: center;
        padding: 120px 0;
}

.masterclass_single > div {
    width: 50%; 
}

#masterclasses > .masterclass_single:nth-child(2n) {
    flex-direction: row-reverse; 
}
.master_left > * {
    max-width: 633px;
}

#masterclasses > .masterclass_single:nth-child(even) .master_left {
    padding-left: 100px;
}

#masterclasses > .masterclass_single:nth-child(odd) .master_left {
    padding-right: 100px;
}
div#masterclasses h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    font-family: 'poppins';
    color: #9D8D84;
}

div#masterclasses h3 {
    font-size: 30px;
    color: #9D8D84;
    line-height: 30px;
    font-weight: 600;
    font-family: 'poppins';
    margin: 30px 0 47px;
}


div#masterclasses h4 {
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    font-family: 'Poppins';
    color: #252525;
}

div#masterclasses .master_left p {
    font-size: 20px;
    line-height: 35px;
    color: #252525;
    font-weight: normal;
    margin: 25px 0 0;
}

div#masterclasses h5 {
    color: #A1A1A1;
    font-size: 17px;
    line-height: 35px;
}
.master_right p {
    background-color: #C8B8A9;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 5px;
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 100%;
    align-items: center;
    position: absolute;
    left: 40px;
    top: -40px;
}

.master_right {
    position: relative;
}

#masterclasses > .masterclass_single:nth-child(odd) .master_right p {
    left: initial;
    right: 40px;
}

#masterclasses .master_left a {
    width: 249px;
    height: 70px;
    text-decoration: none;
    font-size: 20px;
    line-height: 30px;
    color: #252525;
    border: 1px solid #252525;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
#masterclasses .master_left a:hover {
    background: #C8B8A9;
    border: 1px solid #C8B8A9;
    color: #fff;
}

.pagination {
    justify-content: center !important;
    gap: 30px;
    align-items: center !important;
    width: 100%;
}

.pagination a {
    color: #252525;
    text-decoration: none;
    font-size: 20px;
    line-height: 30px;
}

.pagination span.page-numbers.current {
    font-size: 20px;
    line-height: 30px;
    color: #C8B8A9;
}
div#archive_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#PRoduct_id {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.archive_right {
    width: 70%;
}
.woocommerce div.product form.cart div.quantity {
    float: none;
}
section.related.products {
    clear: both;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}

.woocommerce div.product div.images .flex-control-thumbs {
    width: 24%;

}

.flex-viewport {
    width: 73%;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    display: block;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}
.woocommerce-product-gallery__wrapper {
    pointer-events: none;
}
.archive_left a.active {
    color: #C8B8A9;
    font-weight: 600;
}
.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #FF3D00 transparent;
}
#ourworklightbox {
  position: relative;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

div#header_menu_wrap {
    height: calc(100vh + 210px);
    position: absolute;
    top: calc(-100vh - 210px);
    bottom: 0;
    z-index: 4;
    color: #fff;
    transition: all 0.5s linear;
    padding-top: 210px;
    visibility: hidden;
}

div#header_menu_wrap ul {
    text-align: center;
    padding: 0;
    list-style: none;
}

div#header_menu_wrap ul li a {
    letter-spacing: 4px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 40px;
    line-height: 35px;
}

div#header_menu_wrap ul li {
    padding: 25px 0; 
}
.ekit-sidebar-group {
    display: none;
}
.show_menu div#header_menu_wrap {
    top: 0;
    visibility: visible;
}
.show_menu a#header-main-btn {
    color: #fff !important;
}

.show_menu #flora-main-header span.elementor-button-text {
    color: #fff;
    border-color: #fff;
}

.show_menu img.attachment-large.size-large.wp-image-82 {
    filter: brightness(3);
}


li.menu_instr a {
/*     font-size: 30px !important; */
    letter-spacing: 4px !important;
/*     text-transform: initial !important; */
/*     line-height: 0px !important; */
}

.close_icons, .show_menu .open_icon {
    display: none;
}

.show_menu .close_icons{
    display: block;
}

.home .animation-element:nth-child(odd).in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.home .animation-element:nth-child(odd) {
    /*opacity: 0;*/
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-200px, 0px, 0px);
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -o-transform: translate(-200px, 0px);
    -ms-transform: translate(-200px, 0px);
    transform: translate3d(-200px, 0px, 0px);
}

.home .animation-element:nth-child(even).in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.home .animation-element:nth-child(even) {
    /*opacity: 0;*/
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(200px, 0px, 0px);
    -webkit-transform: translate3d(200px, 0px, 0px);
    -o-transform: translate(200px, 0px);
    -ms-transform: translate(200px, 0px);
    transform: translate3d(200px, 0px, 0px);
}
#masterclasses > .masterclass_single:nth-child(2n) .animation-element.master_right.in-view,
.animation-element.master_left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

#masterclasses > .masterclass_single:nth-child(2n) .animation-element.master_right,
.animation-element.master_left {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-200px, 0px, 0px);
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -o-transform: translate(-200px, 0px);
    -ms-transform: translate(-200px, 0px);
    transform: translate3d(-200px, 0px, 0px);
}

#masterclasses > .masterclass_single:nth-child(2n) .animation-element.master_left.in-view,
.animation-element.master_right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
#masterclasses > .masterclass_single:nth-child(2n) .animation-element.master_left,
.animation-element.master_right {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(200px, 0px, 0px);
    -webkit-transform: translate3d(200px, 0px, 0px);
    -o-transform: translate(200px, 0px);
    -ms-transform: translate(200px, 0px);
    transform: translate3d(200px, 0px, 0px);
}





div#costom-upcoming-event .elementor-widget-shortcode {
    width: 100%;
}
.section_works {
    overflow: hidden;
}

div#ourworklightbox {
    background: rgb(255 255 255 / 85%) 0% 0% no-repeat padding-box;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    right: 0;
    margin: auto;

}
/* .swiper-container {
    padding-top: 1vh !important;
} */

svg#popclose_icon {
    position: absolute;
    right: 55px;
    z-index: 99999;
    top: 55px;
    cursor: pointer;
}
.work_pop_arrow > div {
    /* position: absolute; */
    top: initial;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}

.work_pop_arrow .swiper-button-prev {
    left: -80px !important;
    
  
}

.work_pop_arrow .swiper-button-next {
    right: -80px !important;
}

.swiper-button-next:after, .swiper-button-prev:after {

    color: #C8B8A9;
}

.related-events-list {
  overflow: hidden;
  position: relative;
}

.wpcf7-form select option:first-child {
    display: none !important;
}
.master-class-content .pagination{
	text-align: center;
}
.master-class-content .pagination>* {
    padding: 0 5px;
}
/* Responsive */
@media(max-width: 1750px){
	.elementor-11 .elementor-element.booking-cta-icon.elementor-widget .elementor-icon {
        font-size: 21px;
    }
	.elementor-11 .elementor-element.booking-cta-icon.elementor-widget .elementor-icon svg{
		height: 21px;
	}
	.contact-form-lable select {
        padding-bottom: 4px !important;
        font-size: 14px !important;
		border: none;
		border-bottom: 1px solid #D6D6D6 !important;
		padding-left: 0 !important;
		color: #666666;
    }
	.contact-form-lable select option{
/*         padding-bottom: 4px !important; */
        font-size: 14px !important;
		padding-left: 0 !important;
		color: #111111;
    }
}
@media(max-width: 1024px){
	.elementor-11 .elementor-element.booking-cta-icon.elementor-widget .elementor-icon {
        font-size: 20px;
    }
	.elementor-11 .elementor-element.booking-cta-icon.elementor-widget .elementor-icon svg{
		height: 20px;
	}	
}
@media(max-width: 767px){
	.masterclass-content .master-row .master-col{
	    display: block;
    }
    .masterclass-content .master-row .master-text{
	    position: unset;
        opacity: 1;
	    width: 100%;
    }
	.masterclass-content .master-row .master-image img{
		opacity: 1;
        transform: none;
        animation: none;
	}
	div#masterclasses .masterclass_single:last-child {
        margin-bottom: 10px;
    }
	#masterclasses > .masterclass_single {
		display: block !important;
		margin-bottom: 25px;
	}
	
	.elementor-11 .elementor-element.booking-cta-icon.elementor-widget .elementor-icon {
        font-size: 16.5px;
    }
	.elementor-11 .elementor-element.booking-cta-icon.elementor-widget .elementor-icon svg{
		height: 16.5px;
	}
	
	.master-row .master-text h2{
		line-height: 38px;
		margin-top: 0;
        padding: 20px 0;
	}
	
	.contact-form-lable select {
/*         padding-bottom: 4px !important; */
        font-size: 12px !important;
    }
	.contact-form-lable select option{
        font-size: 12px !important;
    }
}
@media(max-width: 480px){
	#ourworklightbox .swiper-slide img{
		width: 80%;
		left: 0;
        right: 0;
	}
	#ourworklightbox .work_pop_arrow .swiper-button-next:after,
	#ourworklightbox .work_pop_arrow .swiper-button-prev:after{
		font-size: 32px;
	}
	#ourworklightbox svg#popclose_icon {
        right: 10%;
		top: 9%;
        width: 24px;
        height: 24px;
    }
	.master-row .master-text h2 {
		font-size: 26px;
        line-height: 32px;
        padding: 18px 0;
    }
	.work_pop_arrow > div{
		display: none;
	}
}
@media(max-width: 450px){
	#ourworklightbox svg#popclose_icon {
		top: 11%;
	}
	.work_pop_arrow > div{
		bottom: 45px;
	}
	.work_pop_arrow .swiper-button-prev {
        left: -55px !important;
    }
	.work_pop_arrow .swiper-button-next {
        right: -55px !important;
    }
}
@media(max-width: 425px){
	#ourworklightbox svg#popclose_icon {
		top: 13%;
	}
	.work_pop_arrow > div{
		bottom: 52px;
	}
/* 	.work_pop_arrow .swiper-button-prev {
        left: -55px !important;
    }
	.work_pop_arrow .swiper-button-next {
        right: -55px !important;
    } */
}
@media(max-width: 399px){
	#ourworklightbox svg#popclose_icon {
		top: 15%;
	}
	.work_pop_arrow > div{
		bottom: 12%;
	}
}
@media(max-width: 375px){
	#ourworklightbox svg#popclose_icon {
		top: 17.5%;
	}
	.work_pop_arrow > div{
		bottom: 14%;
	}
}
@media(max-width: 349px){
	#ourworklightbox svg#popclose_icon {
		top: 18.5%;
	}
	.work_pop_arrow > div{
		bottom: 15.5%;
	}
}
@media(max-width: 335px){
	#ourworklightbox svg#popclose_icon {
		top: 20.5%;
	}
	.work_pop_arrow > div{
		bottom: 17.25%;
	}
}