/* 
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');

.font-firelli,
.elementor-heading-title{font-family: 'Firelli';}

.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.bar-short{background: #fff; box-shadow: rgb(0 0 0 / 9%) 0 0 15px;}
.main-header .main-logo img{-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.main-header.bar-short .main-logo img{width: 100px;}
.main-header > .e-con-inner{-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.main-header.bar-short > .e-con-inner{padding-top: 15px !important;padding-bottom: 15px !important}

.hero-banner{padding: 240px 15px 170px 15px; background: url("assets/img/banner-bg.jpg") center center no-repeat; background-size: cover; border-radius: 0px 0px 150px 150px;}
.hero-banner .entry-title{margin: 0; padding: 0; text-align: center; font-family: 'Firelli';}
.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; font-family: 'Firelli'; font-weight: 700}

.single-post .page-content h2.wp-block-heading{ font-size: 40px;}
.single-post .page-content h3.wp-block-heading{ font-size: 36px;}
.single-post .page-content h4.wp-block-heading{ font-size: 32px;}
.single-post .page-content h5.wp-block-heading{ font-size: 28px;}
.single-post .page-content h6.wp-block-heading{ font-size: 24px;}

.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}


.main-header .elementskit-navbar-nav .menu-item.current-menu-item > a,
.main-header .elementskit-navbar-nav .menu-item.current-page-ancestor > a{font-weight: 700 !important; background: url("assets/img/menu-active.png") left center no-repeat; background-size: 47px}
.main-header .elementskit-navbar-nav .menu-item.current-page-ancestor > a{color: #000 !important}

.main-header .elementskit-navbar-nav .elementskit-dropdown .menu-item.current-menu-item > a,
.main-header .elementskit-navbar-nav .elementskit-dropdown .menu-item.current-page-ancestor > a{background: none}

.get-started-lead a{ position: relative;}
.get-started-lead a:after{ position: absolute; left: 0; bottom: -2px; content: ''; width: 100%; height: 3px;background: #79ae4b; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.get-started-lead a:hover:after{width: 0}


.main-header .elementskit-navbar-nav .menu-item:first-child{margin-left: 0 !important}

.section-programs .pp-info-box-icon{display: block}
.section-programs .pp-info-box-icon img{width: 100%; object-fit: cover; height: 306px;}

.footer-nav .menu{ margin: 0; padding: 0; list-style: none}
.footer-nav .menu li{ margin:0 0 18px 0; padding: 0; list-style: none; font-size: 20px; line-height: 1.4}
.footer-nav .menu li:last-child{margin-bottom: 0}
.footer-nav .menu li a{color: #282727;}
.footer-nav .menu li a:hover{color:#00bdf2}
.footer-condetail a .pp-info-list-description{-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.footer-condetail a:hover .pp-info-list-description{color:#00bdf2 !important}

.pum-theme-lightbox .model-title{ color: #110F0F; font-size: 45px; font-weight: 700;background-image: url("assets/img/title-bg1.png"); padding: 35px 0px 0px 0px; margin:0 0 30px 0; background-position: top center; background-size: 110px; background-repeat: no-repeat; text-align: center;font-family: 'Firelli';}
.modal-form p{ margin: 0; padding: 0}
.modal-form br{display: none}
.modal-form .mainrow{display: flex; flex-direction: row; flex-wrap: nowrap;gap:10px;}
.modal-form .mainrow .input-field{}
.modal-form .mainrow .wpcf7-form-control-wrap{display: block;margin-bottom: 10px;}
.modal-form input[type=date], 
.modal-form input[type=email], 
.modal-form input[type=number], 
.modal-form input[type=password], 
.modal-form input[type=search], 
.modal-form input[type=tel], 
.modal-form input[type=text], 
.modal-form input[type=url], 
.modal-form select, 
.modal-form textarea{resize:none; outline: none !important; border-style: solid; font-size: 18px; color: #110F0F;
  border-width: 1px; font-family: "Outfit", Sans-serif;
  border-color:#d9d9d9; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;
  background:#fafbfb;
  width: 100%; border-radius: 50px; padding:10px 15px 10px 32px;
  height: 58px;
}
.modal-form textarea{height: 117px;border-radius: 29px;}
.modal-form  .textarea-field{width: 100%}

.modal-form input[type=date]::placeholder, 
.modal-form input[type=email]::placeholder, 
.modal-form input[type=number]::placeholder, 
.modal-form input[type=password]::placeholder, 
.modal-form input[type=search]::placeholder, 
.modal-form input[type=tel]::placeholder, 
.modal-form input[type=text]::placeholder, 
.modal-form input[type=url]::placeholder, 
.modal-form select::placeholder, 
.modal-form textarea::placeholder {color: #999999}
.modal-form input[type=date]:focus, 
.modal-form input[type=email]:focus, 
.modal-form input[type=number]:focus, 
.modal-form input[type=password]:focus, 
.modal-form input[type=search]:focus, 
.modal-form input[type=tel]:focus, 
.modal-form input[type=text]:focus, 
.modal-form input[type=url]:focus, 
.modal-form select:focus, 
.modal-form textarea:focus {border-color:#bcbcbc }
.modal-form .wpcf7-not-valid-tip{display: block;margin:7px 0 18px 0}
.modal-form .btnrow{ display: flex; justify-content: center;}
.modal-form .btnrow button{padding: 6px 5px 6px 30px;outline: none !important; }
.modal-form .btnrow button span{background: url("assets/img/btn-arrow1.png") right center no-repeat; background-size: 46px;display: block; padding: 7px 60px 7px 0}
.modal-form .wpcf7-response-output{font-weight: 400; margin: 15px 0 0 0}
.pum-theme-lightbox .pum-container{margin: 0 auto; left: 0 !important; right: 0 !important}
.modal-form select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-image: url("assets/img/select-arrow1.png"); background-position: right center; background-repeat: no-repeat}

.section-members{}
.section-members .pp-info-box-icon{display: block}
.section-members .pp-info-box-icon img{width: 100%; object-fit: cover; height: 334px;}

.section-become-rescue .wpcf7-text,
.section-become-rescue .wpcf7-select{background-color: transparent}
.section-become-rescue .input-field{width: 50%}
.section-become-rescue .btnrow{margin-top: 5px}
.section-become-rescue .wpcf7-not-valid-tip{ margin: 0px 0 5px 0; font-size: 18px;}
.section-become-rescue .wpcf7-response-output{font-size: 18px;}

.custom-sepreter .divider-text-wrap{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.custom-sepreter .divider-border{width: 1px; height: 31px; border: 0; background: #d9d9d9}
.custom-sepreter .pp-divider-text{
  border-style: solid;
  border-width: 1px;
  border-color:#d9d9d9;
  border-radius: 50%;
  background-color:#fff;
  width: 37px;
  height: 37px;
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.section-qrscanner a.link{position: relative}
.section-qrscanner a.link:after{position: absolute; left: 0; bottom: 2px; content: ''; width: 100%; height: 3px; background: #f3ba4f; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.section-qrscanner a.link strong{z-index: 1; position: relative}
.section-qrscanner a.link:hover:after{width: 0}

.section-resource .pp-post-thumbnail .pp-post-thumbnail-wrap {position: relative; display: block; padding: 0 0 78% 0}
.section-resource .pp-post-thumbnail .pp-post-thumbnail-wrap img{width: 100%; height:100%; position: absolute; left: 0; top: 0;object-fit: cover;}
.section-resource .pp-posts-button,
.section-resource .pp-info-box-button{background: url("assets/img/arrow2.png") right center no-repeat; background-size: 39px;}

.content-sep{color: #d1d1d1; padding: 0 28px}

@media only screen and (min-width: 767px){
.main-header .elementskit-navbar-nav .menu-item.menu-btn{display: none}
}





@media only screen and (max-width: 1800px){
    body{zoom:90%}   
}

@media only screen and (max-width: 1600px){
    body{zoom:80%}   
}

@media only screen and (max-width: 1370px){
    body{zoom:75%}   
}

@media only screen and (max-width: 1199px){
    body{zoom:90%}
    .blog .site-main, 
    .single .site-main, 
    .archive .site-main{padding: 60px 15px; max-width: 100% !important}
    .section-programs .pp-info-box-icon img{height: 230px;}
    .section-members .pp-info-box-icon img{ height: 250px;}
    .hero-banner {
        padding: 180px 15px 80px 15px;}
    .section-resource .pp-info-box br{display: none}
}

@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;}
     body{zoom:unset}
    .main-header .elementskit-navbar-nav .menu-item.current-page-ancestor > a,
    .main-header .elementskit-navbar-nav .menu-item.current-menu-item > a{background-size: 40px;}
    .main-header .elementskit-navbar-nav .menu-item:first-child{margin-left: 20px !important}
    .main-header .elementskit-navbar-nav .elementskit-dropdown .menu-item:first-child{margin-left: 0 !important}
    .main-header .elementskit-navbar-nav .menu-item > a{ justify-content: space-between;}
    .main-header .elementskit-navbar-nav .elementskit-dropdown.elementskit-submenu-panel{margin: 15px; box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.02) !important}
    .main-header .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{width: 26px !important; height: 26px !important }
    
}
    
@media only screen and (max-width: 991px){
    .section-programs .pp-info-box-icon img{height: 305px;}
    .pum-theme-lightbox .pum-container{padding: 50px !important;width: 95% !important}
    .pum-theme-lightbox .model-title{font-size: 35px}
    .section-members .pp-info-box-icon img{ height: 350px;}

}

@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.bar-short .main-logo img{width: 70px}
    .elementor-heading-title br{display: none}
    .section-programs .pp-info-box-icon img{height: 130px;}
        .pum-theme-lightbox .pum-container {
            padding: 25px !important;}
    
    .modal-form .mainrow {gap:0; flex-direction: column; flex-wrap: nowrap;}
    .modal-form input[type=date], .modal-form input[type=email], .modal-form input[type=number], .modal-form input[type=password], .modal-form input[type=search], .modal-form input[type=tel], .modal-form input[type=text], .modal-form input[type=url], .modal-form select, .modal-form textarea{height: 50px; font-size: 16px; padding-left:22px }
        .pum-theme-lightbox .model-title { padding-top: 25px; margin-bottom: 20px;
        font-size: 30px;
    }
    .modal-form textarea{height:100px;}
    .modal-form .btnrow button span{background-size: 36px; padding: 4px 49px 4px 0}
    .modal-form .btnrow button{padding-left: 25px;}
    .footer-nav .menu li{font-size: 18px; margin-bottom: 10px}
    .section-members .pp-info-box-icon img{ height: 150px;}
    .section-become-rescue .input-field{width: 100%}
    .custom-list1 .pp-icon-list-item{border: 0 !important}
    .custom-sepreter .divider-border { height: 15px;}
    .hero-banner {border-radius: 0px 0px 40px 40px;
        padding: 130px 15px 50px 15px;}
    .single-post .page-content h2.wp-block-heading{ font-size: 30px;}
.single-post .page-content h3.wp-block-heading{ font-size: 26px;}
.single-post .page-content h4.wp-block-heading{ font-size: 22px;}
.single-post .page-content h5.wp-block-heading{ font-size: 18px;}
.single-post .page-content h6.wp-block-heading{ font-size: 16px;}
    .content-sep {padding: 0 5px;}
    .footer-nav .menu li{text-align: center}    
    .section-resource .pp-info-box-button,
    .section-resource .pp-posts-button{background-size: 28px}
    
}