/*
Theme Name: Hello Elementor Child
Author: Elementor Team
Description: Child theme for Hello Elementor
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template:hello-elementor
Version: 1.0.0
Text Domain:  hello-elementor-child
*/

:root{
    --var-elementor-section-max-width:1355px;
}
body{
    margin:0;
}
p{
    margin:0 0 10px;
}
.section-padding-left{
    padding-left:calc((100% - var(--var-elementor-section-max-width))/2);
}
.section-padding-right{
    padding-right:calc((100% - var(--var-elementor-section-max-width))/2);
}
@font-face{
    font-family:SFCompactRounded;
    src: url(assets/fonts/SF-Compact-Rounded-Regular.otf);
}
body,p,span,a, h1,h2,h3,h4,h5,h6,div{
    font-family: SFCompactRounded !important;
}
body:not([class*=elementor-page-]) .site-main {
    padding:20px 10px;
}
.page .page-header .entry-title{
    display:none;
}
/*------------------------------------------------------------------------------
            Contact Us
------------------------------------------------------------------------------*/
.contact-us .two-col{
    display:flex;
    gap:20px;
}
.contact-us form input:not([type="submit"]){
    height:50px;
    font-size:14px;
    color:#747c87;
    padding:15px;
    background:#fff;
    border:none;
    box-shadow:0 5px 5px 0 #00000024;
}
.contact-us form textarea{
    height:110px;
    background:#fff;
    color:#747c87;
    border:none;
    padding:15px;
    font-size:14px;
    max-width:700px;
    width:100%;
    resize:none;
    box-shadow:0 5px 5px 0 #00000024;
}
.contact-us input[type="submit"]{
    font-size:14px;
    color:#fff;
    background-color:#db3b87;
    height:50px;
    border-radius:8px;
    padding:16px 28px;
    border:1px solid #db3b87;
    margin-top:8px;
}
.contact-us input:not([type="submit"]):focus-visible{
    outline:none;
}
/*-------------------------------------------------------------------------------
            Section Blog
---------------------------------------------------------------------------------*/
.section--blog{
    overflow:hidden;
    margin:0 60px;
}
.section--blog .title a{
    color:#000;
    font-size:18px;
    font-weight:700;
}
.section--blog .content{
    margin-bottom:20px;
    color:#363636;
}
.section--blog .blog-read-more{
    color:#000;
    text-decoration:underline;
}
.section--blog .swiper-button-prev{
    left:-5px;
}
.section--blog .swiper-button-next{
    right:-5px;
}
.section--blog .swiper-button-prev,
.section--blog .swiper-button-next{
    background-image:none;
    background:#F3F3F3;
    padding:7px 12px;
    width:35px;
    height:35px;
    border-radius:50px;
}
.section--blog .swiper-button-prev svg,
.section--blog .swiper-button-next svg{
    stroke:#999FA7;
    fill:#999FA7;
}
.section--blog .swiper-button-prev:hover,
.section--blog .swiper-button-next:hover{
    background:#DB3B87;
    color:#fff;
}
/* .section--blog .swiper-button-prev:hover svg,
.section--blog .swiper-button-next:hover svg{
    stroke:#fff;
    fill:#fff;
} */
.section--blog .post-thumbnail img{
    border-radius:5px;
    height:220px;
    object-fit:cover;
}
.section--blog .title a{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.rte-content .title a{
    text-decoration:none;
}
.section--blog .swiper-button-next:after, 
.section--blog .swiper-button-prev:after{
    font-size:20px;
}
/*------------------------------------------------------------------------------
            Articles Post
-------------------------------------------------------------------------------*/
.section--articles,
.section--newsletter{
    background:#f0f0f0;
    padding:10px;
}
.section--articles .articles-content,
.section--newsletter .newsletter-content{
    display:flex;
    flex-wrap:wrap;
}
.section--articles .rte-content,
.section--newsletter .rte-content{
    flex:0 0 50%;
    width:50%;
}
.section--articles .contents{
    margin-right:10px;
}
.section--articles .title a{
    color:#000;
}
.section--articles .content{
    color:#747C87;
}
.section--articles .author-meta{
    display:flex;
    margin-top:20px;
    gap:10px;
}
.section--articles .author-meta img{
    border-radius:50px;
    width:50px;
    height:50px;
}
.section--articles .author-meta .post-time{
    color:#747C87;
}
.section--articles .content-wrapper{
    background:#fff;
    margin:10px;
    padding:20px;
}
/*------------------------------------------------------------------------------
            Newsletter
------------------------------------------------------------------------------*/
.section--newsletter .title a{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.section--newsletter .content-wrapper{
    margin:10px;
    position:relative;
}
.section--newsletter  .post-thumbnail img{
    display:block;
}
.section--newsletter .contents{
    position:absolute;
    bottom:0;
}
.section--newsletter .contents .title{
    margin:15px 0;
}
.section--newsletter .contents a{
    padding: 0 15px;
    color:#fff;
    font-size:22px;
}
/*-------------------------------------------------------------------------------
            Archive
-------------------------------------------------------------------------------*/
.archive .page-content{
    display:flex;
    flex-wrap:wrap;
}
.archive .page-content article.post{
    flex:0 0 25%;
    width:25%;
    padding:10px
}
.archive .entry-title a{
    font-size:28px;
}
.page-content .entry-title a{
    color:#333;
}
.blog-read-more{
    color:#333;
    margin-top:15px;
    display:block;
}
/*-------------------------------------------------------------------------------
            Footer
-------------------------------------------------------------------------------*/
footer .footer-copyright .elementor-widget-container p{
    margin:0;
}
footer .footer-below-menu ul li{
    display:flex;
}
footer .footer-below-menu ul li:not(:last-of-type):after{
    content:"|";
    color:#B1B6BE;
}
.footer-contact-form .newsletter-signup{
    display: flex;
    background: #fff;
    width: fit-content;
    height: 50px;
    padding:0 20px 0 15px;
    align-items:center;
}
.footer-contact-form  p{
    margin:0;
}
.footer-contact-form input{
    font-size:14px;
    font-weight:400;
    color:#747C87;
    border:none;
}
.footer-contact-form input:focus-visible{
    outline:none;
}
.newsletter-signup button span{
    display:none;
}
.newsletter-signup .wpcf7-not-valid-tip{
    margin-top:22px;
}
.newsletter-signup input{
    border:none !important;
}
.newsletter-signup button{
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}
.newsletter-signup button:before{
    content:'';
    background: url(assets/images/paper-plane.svg);
    width:24px;
    height: 24px;
    display:block;
}
/*--------------------------------------------------------------------------------
            Media Query
--------------------------------------------------------------------------------*/

@media only screen and (max-width:1360px){
    .section-padding-left .elementor-container{
        margin-left:10px;
    }
    .section-padding-right .elementor-container{
        margin-right:10px;
    }
}
@media (min-width:1200px){
    .page-header .entry-title, 
    .site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: var(--var-elementor-section-max-width) !important;
    }
}
@media (max-width:1024px){
    .archive .page-content article.post{
        flex:0 0 50%;
        width:50%;
        padding:10px
    }
    .mobile-toggle{
        /* width:100% !important; */
        display:inline;
        left:22px;
        position:absolute;
    }
    /* .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu{
        width:40px;
    } */
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu,
    .hfe-nav-menu__toggle{
        margin-right:0 !important;
        display:inline !important;
    }
    .login-contents .title,
    .cart-contents .title{
        display:none !important;
    }
    /* .hfe-search-button-wrapper .hfe-search-form__input,
    .hfe-search-button-wrapper .hfe-search-submit{
        background-color:transparent !important;
    }
    .hfe-search-button-wrapper .hfe-search-submit{
        font-size:24px !important;
    }
    .hfe-search-button-wrapper .hfe-search-form__input{
        display:none;
    } 
    .hfe-search-button-wrapper .hfe-search-form__container{
        justify-content: flex-end;
    }
    .display-search{
        display:block !important;
    } */
    .mobile-search-bar{
        position:absolute;
        width:100%;
        background:#fff;
        padding:20px 30px;
        z-index:9;
        height:100%;
    }
    .admin-bar .mobile-search-bar{
        top:195px;
    }
    .mobile-search-bar .hfe-search-form__container{
        background-color:#f0f0f0;
        padding:0 10px
    }
    .mobile-search-bar .hfe-search-form__input{
        background-color:#f0f0f0;
    }
}
@media (max-width:767px){
    .archive .page-content article.post{
        flex:0 0 100%;
        width:100%;
        padding:10px
    }
}
@media (max-width:540px){
    .section--articles .rte-content, 
    .section--newsletter .rte-content{
        flex:0 0 100%;
        width:100%
    }
}

/* after dark 2/23/2025 */
.variations label {padding-left:10px;}

/* checkout */
.wc-block-components-express-payment-continue-rule, .wc-block-components-express-payment-continue-rule--checkout, .wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout,.wc-block-components-express-payment, .wc-block-components-express-payment--checkout, span.price.wc-block-components-product-price, .wp-block-woocommerce-checkout-shipping-method-block,.wp-block-woocommerce-checkout-pickup-options-block{display:none;}

.wc-block-components-form .wc-block-components-checkout-step {margin:0px!important;}

.pay-icon img {display:block;width:200px;height:29px}

h2.1wc-block-components-title.wc-block-components-checkout-step__title::after {
    content:' ';
    display:inline-block;
    background:url('https://theplumeriasociety.org/plumeria/wp-content/uploads/2025/02/visa-mastercard-discover-american-express.png');
    background-size:200px 29px;
    margin-left:15px;
    margin-top:20px;
    background-repeat: no-repeat;
    width:200px;
    height:29px;

}