/* 
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('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.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;}

.site-header .header-inner{padding-left: 15px; padding-right: 15px;}
.site-header{position: fixed; top:0 ; left: 0; width: 100%; z-index: 99;background: none;-moz-transition: all .2s linear;-webkit-transition: all .2s linear; padding: 27px 0}
.site-header.bar-short{background: #fff; box-shadow: rgb(0 0 0 / 9%) 0 0 15px;}
.site-header .site-navigation ul.menu{align-items: center;}
.site-header .site-navigation ul.menu li{margin: 0 18px;}
.site-header .site-navigation ul.menu li:first-child{margin-left: 0}
.site-header .site-navigation ul.menu li:last-child{margin-right: 0}
.site-header .site-navigation ul.menu li a{margin: 0; padding: 0; color: #000; font-size: 18px; font-weight: 400}
.site-header .site-navigation ul.menu li a:hover{color:#000 } 
.site-header .site-navigation ul.menu li.menu-btn{margin-left: 40px}
.site-header .site-navigation ul.menu li.menu-btn a {}
.site-header .site-navigation ul.menu li.menu-btn a:hover{}
.site-navigation ul.menu li.menu-item-has-children:after{display: none}
.site-header .site-navigation ul.menu > li > ul.sub-menu{display:block;position:absolute;left:0px;top:150%;width:150px;background:#fff;padding:0;margin:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .3s linear;opacity:0;visibility:hidden;box-shadow:rgba(0,0,0,0.20) 0 37px 128px;}
.site-header .site-navigation ul.menu > li:hover>ul.sub-menu{top:100%;opacity:1;visibility:visible;}
.site-header .site-navigation ul.menu li>ul.sub-menu li{list-style:none;padding:0;margin:0;display:block;position:relative;border-bottom:1px solid rgba(0,0,0,0.1)}
.site-header .site-navigation ul.menu  > li>ul.sub-menu li:last-child{border-bottom:0}
.site-header .site-navigation ul.menu  > li>ul.sub-menu li a{display:block;padding:8px 15px;line-height:normal;font-size:15px;color:#757b82;position:relative;}
.site-header .site-navigation ul.menu  > li>ul.sub-menu li a:hover{color:#fff;background:#000;}

.hero-banner{padding: 130px 0 100px 0;background: #ccc}
.hero-banner .entry-title{margin: 0; padding: 0; text-align: center}

.blog .site-main,
.single .site-main,
.archive .site-main{margin-left: auto; margin-right: auto; padding:100px 15px}
.blog .site-main > .page-content,
.archive .site-main > .page-content{display: flex; flex-wrap: wrap; margin-left:-15px; margin-right: -15px }

.blog .site-main .post,
.single .site-main .post,
.archive .site-main .post{float: left; width: 33.3333%; padding: 15px}
.blog .site-main .post .post-thumbnail,
.single .site-main .post .post-thumbnail,
.archive .site-main .post .post-thumbnail{margin-bottom: 15px}
.blog .site-main .post .post-thumbnail img,
.archive .site-main .post .post-thumbnail img{width: 100%; height: 250px; object-fit: cover;}
.single .site-main .post .post-thumbnail img{ height: auto}
.blog .site-main .post .procaption,
.single .site-main .post .procaption,
.archive .site-main .post .procaption{padding: 15px 0 0 0}
.blog .site-main .post .procaption .post-list,
.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}
.blog .site-main .post .procaption .blog-title,
.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;}
.blog .site-main .post .procaption .blog-title a,
.single .site-main .post .procaption .blog-title a,
.archive .site-main .post .procaption .blog-title a{color: #000; text-decoration: none}
.blog .site-main .post .procaption .blog-title a:hover,
.single .site-main .post .procaption .blog-title a:hover,
.archive .site-main .post .procaption .blog-title a:hover{color: #000; text-decoration: none}
.blog .site-main .post .procaption .blog-desc,
.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-topfooter{padding: 50px 0; background:#ededed}
.section-topfooter ul,
.section-topfooter li,
.site-footer ul,
.site-footer li{margin: 0; padding: 0; list-style: none}
.site-footer li{margin: 0; padding: 0; list-style: none}
.site-footer{padding: 50px 0}
.section-topfooter .widget:last-child{margin-top:30px}
.site-footer .widgettitle{margin: 0; padding: 0;}
.site-footer .menu{margin: 0; padding: 0;}
.site-footer .menu li{margin: 0; padding: 0;}
.site-footer .menu li a{color: #000}
.site-footer .menu li a:hover{color: #000}
.site-footer ul.footer-social li{display: inline-block}
.site-footer ul.footer-social li a{width:44px;height:44px;background:#33303e;border-radius:50%;text-align:center;display:block;line-height:45px;color:#fff;}
.site-footer ul.footer-social li a .fa{font-weight:400 !important;}
.site-footer ul.footer-social li a:hover{background:#ccc;color:#33303e}

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

@media (max-width: 992px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation { display: flex!important;}
}

@media only screen and (max-width: 991px){
    
    .site-navigation-toggle-holder .site-navigation-toggle { padding:0; background:none}
    .site-navigation-toggle-holder{padding: 0}
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation { display: none!important; }
    #nav-icon{width: 30px;height: 30px;position: relative;margin:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
    #nav-icon span{display: block;position: absolute;height: 4px;width: 100%;background: #000;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    #nav-icon span:nth-child(1) {top: 0px;}
    #nav-icon span:nth-child(2),
    #nav-icon span:nth-child(3) {top: 10px;}
    #nav-icon span:nth-child(4) {top: 20px;}
    .elementor-active #nav-icon span:nth-child(1) { top: 18px; width: 0%; left: 50%;}
    .elementor-active #nav-icon span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    .elementor-active #nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    .elementor-active #nav-icon span:nth-child(4) { top: 18px; width: 0%; left: 50%;}
    .site-header.header-stacked .site-navigation-toggle-holder{justify-content: end; padding: 0}
    .site-navigation-dropdown ul.menu li a{padding: 10px 20px;}
    .site-navigation-dropdown ul.menu li.menu-item-has-children > a{margin-right: 40px}
    .site-navigation-dropdown ul.menu li.current-menu-item a{background: none; color: #636363;font-weight: 500}
    .site-header .site-navigation ul.menu li a:hover{color: #0a5488}
    .site-navigation-dropdown .elementor-active ul {padding:10px;}
    .site-navigation-dropdown ul.menu li.menu-item-has-children .sub-menu a{margin: 0;padding:5px 10px; box-shadow: none;}
    .site-navigation-dropdown ul.menu li .sub-menu{display: none}
    .site-navigation-dropdown ul.menu li.elementor-active .sub-menu{display: block}

    .site-footer .site-branding {width: 25%;}
    .site-navigation-toggle-holder{max-width: none}
    .site-navigation-dropdown ul.menu > li span{background:#000;width:40px;height:44px;position:absolute;right:0;top:0;  cursor:pointer;background-size:16px;z-index:1;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
    
    .site-navigation-dropdown ul.menu > li span b {width: 1.25rem;height: 1.25rem;display: inline-block;position: relative;margin:0 10px;}
    .site-navigation-dropdown ul.menu > li span b {top:50%;position: absolute;width: 0.75rem;height: 0.1rem;background-color: #efefef;display: inline-block;transition: all 0.2s ease;}
    .site-navigation-dropdown ul.menu > li span b:first-of-type {;eft: 0;transform: rotate(45deg);}
    .site-navigation-dropdown ul.menu > li span b:last-of-type {  right: 0;  transform: rotate(-45deg);}
    .site-navigation-dropdown ul.menu > li.elementor-active span b:first-of-type {  transform: rotate(-45deg);}
    .site-navigation-dropdown ul.menu > li.elementor-active span b:last-of-type {  transform: rotate(45deg);}

    
    
}

@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}
    .hero-banner { padding: 120px 0 50px 0;}
    .site-header{padding: 15px}
    
}