.elementor-1402 .elementor-element.elementor-element-0c0e6d4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1402 .elementor-element.elementor-element-d16be56{--display:flex;--position:absolute;--min-height:67vh;top:0px;}.elementor-1402 .elementor-element.elementor-element-d16be56:not(.elementor-motion-effects-element-type-background), .elementor-1402 .elementor-element.elementor-element-d16be56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0ECE6;}body:not(.rtl) .elementor-1402 .elementor-element.elementor-element-d16be56{left:0px;}body.rtl .elementor-1402 .elementor-element.elementor-element-d16be56{right:0px;}.elementor-1402 .elementor-element.elementor-element-eb09c9c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:040px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1402 .elementor-element.elementor-element-8d724cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1402 .elementor-element.elementor-element-5cfa60f{font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:16px;letter-spacing:0px;word-spacing:0px;}.elementor-1402 .elementor-element.elementor-element-5cfa60f a{color:#000000;}.elementor-1402 .elementor-element.elementor-element-5cfa60f a:hover{color:#000000;}.elementor-1402 .elementor-element.elementor-element-b49584a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1402 .elementor-element.elementor-element-b49584a .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-weight:500;}.elementor-1402 .elementor-element.elementor-element-2914a7e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1402 .elementor-element.elementor-element-2914a7e img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-1402 .elementor-element.elementor-element-e7a2fc4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1402 .elementor-element.elementor-element-7c93e70 .elementor-heading-title{font-family:"Yu Mincho", Sans-serif;font-weight:800;}.elementor-1402 .elementor-element.elementor-element-f03708e{font-family:"Noto Sans JP", Sans-serif;}.elementor-1402 .elementor-element.elementor-element-7fb8b97{--display:flex;--margin-top:0px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;}.elementor-1402 .elementor-element.elementor-element-5b4cb0a .elementor-heading-title{font-family:"Yu Mincho", Sans-serif;}.elementor-1402 .elementor-element.elementor-element-2647c69{--swiper-slides-to-display:3;--swiper-slides-gap:0px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-24px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-24px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:#9C865E;}.elementor-1402 .elementor-element.elementor-element-2647c69 .swiper-slide > .elementor-element{height:100%;}.elementor-1402 .elementor-element.elementor-element-396c7b8{--display:flex;}.elementor-1402 .elementor-element.elementor-element-8a28dbe .elementor-heading-title{font-family:"Yu Mincho", Sans-serif;}.elementor-1402 .elementor-element.elementor-element-06fd103{--display:flex;--margin-top:0px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1402 .elementor-element.elementor-element-4681bc5{--grid-columns:3;}.elementor-1402 .elementor-element.elementor-element-4681bc5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1402 .elementor-element.elementor-element-4681bc5 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1402 .elementor-element.elementor-element-4681bc5 .e-loop-item > .elementor-section, .elementor-1402 .elementor-element.elementor-element-4681bc5 .e-loop-item > .elementor-section > .elementor-container, .elementor-1402 .elementor-element.elementor-element-4681bc5 .e-loop-item > .e-con, .elementor-1402 .elementor-element.elementor-element-4681bc5 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1402 .elementor-element.elementor-element-4681bc5 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1402 .elementor-element.elementor-element-4681bc5 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1402 .elementor-element.elementor-element-4681bc5 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1402 .elementor-element.elementor-element-4681bc5 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1402 .elementor-element.elementor-element-4681bc5 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-1402:not(.elementor-motion-effects-element-type-background), body.elementor-page-1402 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-1402 .elementor-element.elementor-element-2647c69{--swiper-slides-to-display:2;}.elementor-1402 .elementor-element.elementor-element-4681bc5{--grid-columns:2;}}@media(max-width:767px){.elementor-1402 .elementor-element.elementor-element-0c0e6d4{--width:100%;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1402 .elementor-element.elementor-element-d16be56{--min-height:369px;}.elementor-1402 .elementor-element.elementor-element-eb09c9c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1402 .elementor-element.elementor-element-2914a7e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1402 .elementor-element.elementor-element-2914a7e img{width:100%;height:314px;object-fit:cover;border-radius:8px 8px 8px 8px;}.elementor-1402 .elementor-element.elementor-element-e7a2fc4{--margin-top:016px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1402 .elementor-element.elementor-element-7c93e70 .elementor-heading-title{font-size:32px;}.elementor-1402 .elementor-element.elementor-element-f03708e{font-size:16px;}.elementor-1402 .elementor-element.elementor-element-7fb8b97{--margin-top:0px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1402 .elementor-element.elementor-element-2647c69{--swiper-slides-to-display:1;--swiper-slides-gap:0px;--arrow-prev-left-align:50%;--arrow-prev-translate-x:-50%;--arrow-prev-left-position:-25px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:55px;--arrow-next-right-align:50%;--arrow-next-translate-x:50%;--arrow-next-right-position:-25px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:55px;}.elementor-1402 .elementor-element.elementor-element-396c7b8{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1402 .elementor-element.elementor-element-06fd103{--content-width:100%;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1402 .elementor-element.elementor-element-4681bc5{--grid-columns:1;}.elementor-1402 .elementor-element.elementor-element-4681bc5 > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-1402{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1402 .elementor-element.elementor-element-eb09c9c{--content-width:100%;}.elementor-1402 .elementor-element.elementor-element-e7a2fc4{--width:100%;}.elementor-1402 .elementor-element.elementor-element-7fb8b97{--content-width:100%;}.elementor-1402 .elementor-element.elementor-element-396c7b8{--content-width:100%;}.elementor-1402 .elementor-element.elementor-element-06fd103{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-eb09c9c */.elementor-1402 .elementor-element.elementor-element-eb09c9c {
    /* 1. The normal width (fluid) */
    width: 80% !important; 
    
    /* 2. The cap (stop growing at this size) */
    max-width: 1200px !important; 
    
    /* 3. Center the container on the screen */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Optional: Make it wider on Mobile so it doesn't look squished */
@media (max-width: 767px) {
    .elementor-1402 .elementor-element.elementor-element-eb09c9c {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-2647c69 *//* Mobile Only: Shrink the carousel width, but let content overflow */
@media (max-width: 767px) {
    
    /* 1. Make the actual slider narrower (85% of screen) */
    /* This fixes the scroll math because Swiper now thinks the screen is smaller */
    .elementor-1402 .elementor-element.elementor-element-2647c69 .swiper {
        width: 85% !important; 
        overflow: visible !important; /* Crucial: Lets the next slide be seen */
    }

    /* 2. Ensure the container doesn't cut off the overflow */
    .elementor-1402 .elementor-element.elementor-element-2647c69 .elementor-widget-container {
        overflow: visible !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fb8b97 */.elementor-1402 .elementor-element.elementor-element-7fb8b97 {
    /* 1. The normal width (fluid) */
    width: 80% !important; 
    
    /* 2. The cap (stop growing at this size) */
    max-width: 1200px !important; 
    
    /* 3. Center the container on the screen */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Optional: Make it wider on Mobile so it doesn't look squished */
@media (max-width: 767px) {
    .elementor-1402 .elementor-element.elementor-element-7fb8b97 {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for wp-widget-wpc_filters_widget, class: .elementor-element-01ce5a3 *//* 1. Reset the wrapper styles */
.elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filters-section {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    box-sizing: border-box !important; /* Crucial for width calculations */
}

/* 2. DESKTOP LAYOUT */
.elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filters-section {
    display: inline-block !important;
    vertical-align: top !important;
    width: auto !important;
    margin-right: 15px !important; 
    margin-bottom: 10px !important;
}

/* Remove margin from the last item on desktop */
.elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filters-section:last-child {
    margin-right: 0 !important;
}

/* 3. STYLE THE DROPDOWNS */
.elementor-1402 .elementor-element.elementor-element-01ce5a3 select, 
.elementor-1402 .elementor-element.elementor-element-01ce5a3 input[type="text"] {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 50px;
    
    /* UPDATED: More padding on right for the arrow */
    padding: 0 45px 0 20px !important; 
    
    height: 45px;
    color: #333;
    min-width: 140px;
    
    /* Fix for arrow overlap */
    appearance: none; /* Clears default browser styling so we can control it */
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
}

/* 4. STYLE THE BUTTON */
.elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-submit-button {
    background-color: #FF6B6B;
    color: white;
    border-radius: 50px;
    border: none;
    height: 45px;
    padding: 0 25px;
    font-weight: bold;
    width: 100%; /* Full width inside its wrapper */
}

/* 5. HIDE TITLE */
.elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filter-header {
    display: none !important;
}

/* --- MOBILE SPECIFIC FIX --- */
@media (max-width: 767px) {
    
    /* Force items to float */
    .elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filters-section {
        float: left !important;
        
        /* UPDATED: Wider buttons, smaller gap */
        width: 49% !important; 
        
        /* UPDATED: Only 2% gap now (was 6%) */
        margin-right: 2% !important; 
        margin-bottom: 10px !important;
    }

    /* Target the 2nd item (Right side) */
    .elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filters-section:nth-of-type(even) {
        margin-right: 0 !important;
        float: right !important; /* Forces it to snap to the right edge */
    }

    /* Make the Dropdowns fill their box */
    .elementor-1402 .elementor-element.elementor-element-01ce5a3 select, 
    .elementor-1402 .elementor-element.elementor-element-01ce5a3 input[type="text"] {
        width: 100% !important;
    }

    /* Make the Search Button (Last item) full width */
    .elementor-1402 .elementor-element.elementor-element-01ce5a3 .wpc-filters-section:last-child {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important; 
        clear: both;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-396c7b8 */.elementor-1402 .elementor-element.elementor-element-396c7b8 {
    /* 1. The normal width (fluid) */
    width: 80% !important; 
    
    /* 2. The cap (stop growing at this size) */
    max-width: 1200px !important; 
    
    /* 3. Center the container on the screen */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Optional: Make it wider on Mobile so it doesn't look squished */
@media (max-width: 767px) {
    .elementor-1402 .elementor-element.elementor-element-396c7b8 {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06fd103 */.elementor-1402 .elementor-element.elementor-element-06fd103 {
    /* 1. The normal width (fluid) */
    width: 80% !important; 
    
    /* 2. The cap (stop growing at this size) */
    max-width: 1200px !important; 
    
    /* 3. Center the container on the screen */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Optional: Make it wider on Mobile so it doesn't look squished */
@media (max-width: 767px) {
    .elementor-1402 .elementor-element.elementor-element-06fd103 {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* FORCE ASTRA TO GO FULL WIDTH */

/* 1. Kill the max-width on the main container */
.ast-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* 2. Remove padding from the content wrapper */
.site-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Ensure rows stretch fully */
.ast-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* 1. Remove Astra's default padding around the card */
.elementor-loop-container .ast-article-post,
.elementor-loop-container .ast-article-inner {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}

/* 2. Remove the grey line/border at the bottom */
.elementor-loop-container .ast-article-post {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 3. Just in case Astra uses a pseudo-element for the line */
.elementor-loop-container .ast-article-post::after,
.elementor-loop-container .ast-article-post::before {
    display: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Yu Mincho';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://magma-resort.com/wp-content/uploads/2025/11/yu-mincho-regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */