/* 
Theme Name: Hello Elementor Child
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: 2.0.0
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 */
@import url('assets/fonts/fonts.css');

.container{margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; max-width:1140px;}
a{-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}

.main-header .menu-btn {display: none}
.hero-banner{padding: 130px 0 100px 0;background: #ccc}
.hero-banner .entry-title{margin: 0; padding: 0; text-align: center}
.single .site-main,
.archive .site-main{margin-left: auto; margin-right: auto; padding:100px 15px}
.archive .site-main > .page-content{display: flex; flex-wrap: wrap; margin-left:-15px; margin-right: -15px }
.single .site-main .post,
.archive .site-main .post{float: left; width: 33.3333%; padding: 15px}
.single .site-main .post .post-thumbnail,
.archive .site-main .post .post-thumbnail{margin-bottom: 15px}
.archive .site-main .post .post-thumbnail img{width: 100%; height: 250px; object-fit: cover;}
.single .site-main .post .post-thumbnail img{ height: auto}
.single .site-main .post .procaption,
.archive .site-main .post .procaption{padding: 15px 0 0 0}
.single .site-main .post .procaption .post-list,
.archive .site-main .post .procaption .post-list{display: flex; flex-wrap: wrap;gap:15px; padding: 0 0 15px 0}
.single .site-main .post .procaption .blog-title,
.archive .site-main .post .procaption .blog-title{margin:0 0 10px 0; padding:0; line-height: 1; font-size: 30px; font-weight: 600;}
.single .site-main .post .procaption .blog-title a,
.archive .site-main .post .procaption .blog-title a{color: #000; text-decoration: none}
.single .site-main .post .procaption .blog-title a:hover,
.archive .site-main .post .procaption .blog-title a:hover{color: #000; text-decoration: none}
.single .site-main .post .procaption .blog-desc,
.archive .site-main .post .procaption .blog-desc{}
.single-post .page-content h2.wp-block-heading,
.single-post .page-content h3.wp-block-heading,
.single-post .page-content h4.wp-block-heading,
.single-post .page-content h5.wp-block-heading,
.single-post .page-content h6.wp-block-heading{margin:0 0 15px 0; padding: 0;}
.single-post .page-content ul{margin:0 0 20px 18px; padding: 0;}
.single-post .page-content blockquote{font-size:20px;line-height:26px;border-left:5px solid #eee;margin:30px 0 35px 0;padding:0 20px;color:#000;font-weight:700;}
.single-post .post-content blockquote p{padding:0;margin:0;}
.single-post .page-content blockquote.no-sign{border:none;}
.single-post .page-content blockquote.quote-sign,
.single-post .page-content blockquote.has-sign{border:none;position:relative;padding:20px 20px 10px 60px;z-index:1;}
.single-post .page-content blockquote.quote-sign:before,
.single-post .page-content blockquote.has-sign:before{position:absolute;left:0;top:0;content:"“";height:25px;font-size:180px;line-height:0.8;font-weight:700;color:#eeeeee;z-index:-1;}
.single-post .page-content blockquote.double-quote-sign{border:none;position:relative;padding:20px 60px;z-index:1;}
.single-post .page-content blockquote.double-quote-sign:before,
.single-post .page-content blockquote.double-quote-sign:after{position:absolute;left:0;top:0px;content:"“";height:25px;font-size:180px;line-height:0.8;font-weight:700;color:#eeeeee;z-index:-1;}
.single-post .page-content blockquote.double-quote-sign:after{left:auto;right:0;top:auto;bottom:0;content:"”";}
.single-post .page-content blockquote.has-sign footer{padding-top:10px;font-size:14px;text-transform:uppercase;color:#808080;}
.wp-pagenavi{margin-top:35px;display:flex;flex-wrap:wrap;padding:0;justify-content:center;}
.wp-pagenavi > span,
.wp-pagenavi > a{background:transparent;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0.5rem 0.75rem;margin:0 1px; border:0}
.wp-pagenavi > span.pages{pointer-events:none;}
.wp-pagenavi > a{color:#000;text-decoration:none;}
.wp-pagenavi > a:hover{color:#000;}
.wp-pagenavi > .page-number,
.wp-pagenavi > .current,
.wp-pagenavi > span:hover,
.wp-pagenavi > a:hover{background:#000;color:#fff;border-radius:4px;}
.wp-pagenavi a:first-child:before{margin-right:0.5rem;}
.wp-pagenavi a:last-child:after{margin-left:0.5rem;}

.section-error{text-align: center; padding:250px 15px 100px 15px}

.font-priestacy .elementor-heading-title{font-family: 'Priestacy' !important; }

.section-wellness-journey .pp-info-box-icon{width:150px !important; height: 150px !important;display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; margin: 0 auto}
.section-wellness-journey .pp-info-box-icon img{object-fit: contain; border-radius: 0 !important}
.section-wellness-journey .pp-info-box-icon-wrap{position: relative; z-index: 1}
.section-wellness-journey .box1 .pp-info-box-icon{position: relative}
.section-wellness-journey .box1 .pp-info-box-icon:after{position: absolute; left:-11px; bottom:-12px; content: ''; width: 133px; height: 84px; background: url("assets/img/curve1.png") left top no-repeat}
.section-wellness-journey .box1 .pp-info-box-icon:before{position: absolute; left: -26px; top: 30px; content: '1'; width: 26px; height:26px;background: #333652; border-radius: 50%; color: #fff; font-size: 18px; font-family: "Lato", Sans-serif;    display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; z-index: 1}
.section-wellness-journey .box1{position: relative}
.section-wellness-journey .box1:after{position: absolute; left:65%; top:-15px; content: ''; width: 50%; height: 2px; background: url("assets/img/curve2.png") left top repeat-x; margin:0 0 0 7px}
.section-wellness-journey .box1:before,
.section-wellness-journey .box2:before{ position: absolute;
    right: -25px;
    top: -22px;
    content: '';
    width: 17px;
    height: 16px;
    background: url(assets/img/box-arrow.png) left top repeat-x;
    left: auto;
    z-index: 1;}

.section-wellness-journey .box2{position: relative}
.section-wellness-journey .box2:after{position: absolute; left:0; top:-15px; content: ''; width:100%; height: 2px; background: url("assets/img/curve2.png") left top repeat-x;}
.section-wellness-journey .box2 .pp-info-box-icon{position: relative}
.section-wellness-journey .box2 .pp-info-box-icon:after{position: absolute; left:-11px; bottom:-12px; content: ''; width: 133px; height: 84px; background: url("assets/img/curve1.png") left top no-repeat}
.section-wellness-journey .box2 .pp-info-box-icon:before{position: absolute; left:0;bottom:-23px; right: 0; margin: 0 auto; content: '2'; width: 26px; height:26px;background: #333652; border-radius: 50%; color: #fff; font-size: 18px; font-family: "Lato", Sans-serif;    display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; z-index: 1}


.section-wellness-journey .box3{position: relative}
.section-wellness-journey .box3:after{position: absolute; right:60%; top:-15px; content: ''; width:50%; height: 2px; background: url("assets/img/curve2.png") left top repeat-x;}
.section-wellness-journey .box3 .pp-info-box-icon{position: relative}
.section-wellness-journey .box3 .pp-info-box-icon:after{position: absolute; left:-11px; bottom:-12px; content: ''; width: 133px; height: 84px; background: url("assets/img/curve1.png") left top no-repeat}
.section-wellness-journey .box3 .pp-info-box-icon:before{position: absolute; top:30px; right: -26px; content: '3'; width: 26px; height:26px;background: #333652; border-radius: 50%; color: #fff; font-size: 18px; font-family: "Lato", Sans-serif;    display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; z-index: 1}

.footernav .menu{ margin: 0; padding: 0; list-style: none}
.footernav .menu li{ margin:0 0 18px 0; padding: 0; list-style: none; font-weight: 300; font-size: 16px;}
.footernav .menu li:last-child{ margin-bottom:0}
.footernav .menu li a{color: #e9eaec; text-transform: uppercase; position: relative; padding: 0 0 5px 0}
.footernav .menu li a:after{position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; -moz-transition: all .2s linear;-webkit-transition: all .2s linear; background: #e9eaec;}
.footernav .menu li a:hover{color: #fff;}
.footernav .menu li a:hover:after{width: 100%}

.footer-copy{color: #e9eaec; font-size: 17px; font-weight: 300}
.footer-copy p{margin-bottom: 0; padding-bottom: 0}
.footer-copy .show-mobile{display: none}
.footer-copy a{color:#e9eaec; position: relative; padding-bottom: 3px;}
.footer-copy a:hover{color:#fff }
.footer-copy a:after{position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; -moz-transition: all .2s linear;-webkit-transition: all .2s linear; background: #e9eaec;}
.footer-copy a:hover:after{width: 100%}

.footer-copy span{ padding: 0 12px; color: #62647a}

.sub-page-banner{position: relative}
.sub-page-banner:after{position:absolute; left: 0; right: 0; bottom:-86px; width: 1px; height: 172px; background: #90adc6; content: ''; margin: 0 auto}


@media only screen and (max-width: 1199px){
    .blog .site-main, 
    .single .site-main, 
    .archive .site-main{padding: 60px 15px; max-width: 100% !important}   
}

@media only screen and (max-width: 1024px){
    .ekit_menu_responsive_tablet .elementskit-submenu-indicator{border:0 !important; padding:0 !important; background:#00000029;width: 20px; height: 20px; display: flex !important; align-content: center; justify-content: center; align-items: center;}
    .elementskit-menu-overlay{display: none !important}
    .elementskit-menu-offcanvas-elements{max-width: 100% !important;-webkit-transition: left .2s ease-in-out !important; transition: left .2s ease-in-out !important;}
}
    
@media only screen and (max-width: 991px){

}

@media only screen and (max-width: 767px){
    .blog .site-main .post,
    .single .site-main .post,
    .archive .site-main .post{width:100%;}
    .blog .site-main, 
    .single .site-main, 
    .archive .site-main{padding:40px 30px !important}
    .section-error{padding:130px 15px 50px 15px}
    .main-header .menu-btn {display: block}
    .section-we-help .pp-info-box-icon img{height: 60px; object-fit: contain}
    .section-wellness-journey .box1 .pp-info-box-icon:before,
    .section-wellness-journey .box2 .pp-info-box-icon:before,
    .section-wellness-journey .box3 .pp-info-box-icon:before,
    .section-wellness-journey .box2:after,
    .section-wellness-journey .box3:after,
    .section-wellness-journey .box1 .pp-info-box-icon:after,
    .section-wellness-journey .box2 .pp-info-box-icon:after,
    .section-wellness-journey .box3 .pp-info-box-icon:after,
    .section-wellness-journey .box1:before, .section-wellness-journey .box2:before,
    .section-wellness-journey .box1:after{display: none}
    .footernav .menu li{margin-bottom: 12px;}
    .footer-copy p{text-align: center}
    .footer-copy span{padding: 0 8px;}
    .footer-copy span.first{display: none}
    .footer-copy br.show-mobile{display: block}
    .sub-page-banner:after { bottom: -33px; height: 70px; z-index: 1}
}