/* 
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 */

*{text-shadow:none !important}
.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:#000000d9}
.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}


.hfe-nav-menu__layout-horizontal li.menu-item.main-more-menu .sub-menu, 
.hfe-nav-menu__layout-horizontal > li.menu-item.main-more-menu .sub-menu{width:190px;left: auto; right: 0;}

.main-header.bar-short{background:#000000d9}
.main-header .main-logo img{-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.main-header.bar-short .main-logo img{width: 180px !important}
.main-header.bar-short .main-top-bar > .elementor-element {padding-top: 0 !important;padding-bottom: 0 !important}
.main-header.bar-short .main-menuouter{margin-top: 15px !important}
.main-header.bar-short .main-menuouter > .e-con-inner{padding-bottom:15px !important }

@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){
    .e-n-tabs-heading::before{width: 64%}
    .elementor-icon-list-items .elementor-icon-list-icon svg{ width: 23px; height: 13px; margin: 3px;}
    .elementor-widget-text-editor br{display: none}
}

@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}
	
	.customn-btn1 .elementor-button-text{    white-space: nowrap;}
    
    .custom-tab-section1 .e-n-tab-title{background: none !important;width: 25% !important;}
    .custom-tab-section1 .e-n-tabs-heading{    display: flex
;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;}
    .custom-tab-section1 .e-n-tabs-heading .e-n-tab-title{width: 25% !important; min-height: 40px !important;}
    .e-n-tabs-heading::before{width: 77%}
    .bites-list-item .elementor-icon-list-text{width: 80%}
    .bites-list-item .elementor-icon-list-icon {
    
    width: 20px;
        height: 20px;}
    .main-header.bar-short .main-menuouter{margin-top: 12px !important}
}












.bb-form {
  max-width: 600px;
  margin: 30px auto;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #fefefe;
  padding: 25px 30px;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

.bb-form h3 {
  text-align: center;
  margin-bottom: 25px;
  color: #d32f2f;
}

.bb-form label {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
  color: #333;
}

.bb-form input[type="text"],
.bb-form input[type="email"],
.bb-form input[type="tel"],
.bb-form select,
.bb-form textarea {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 18px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
  transition: border-color 0.3s;
}

.bb-form input[type="text"]:focus,
.bb-form input[type="email"]:focus,
.bb-form input[type="tel"]:focus,
.bb-form select:focus,
.bb-form textarea:focus {
  border-color: #d32f2f;
  outline: none;
}

.bb-form input[type="submit"] {
  background: #d32f2f;
  color: #fff;
  border: none;
  padding: 14px;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
  width: 100%!important;
  transition: background 0.3s;
}

.bb-form input[type="submit"]:hover {
  background: #b71c1c;
}

.bb-form input[type="file"] {
  border: none;
  font-size: 14px;
}