/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/*3apr23*/
.single-post div#Header_wrapper { background-color: #3a3a3a;}
.single-post.subheader-both-left #Subheader .title { font-size: 50px; line-height: 1.2;}
.single-post div#Subheader { padding: 50px 0 60px;}
.blog h2.entry-title { font-size: 35px; line-height: 1.2;}
.blog .photo2.col-3 .post-desc-wrapper { padding: 25px 15px;}

/*23aug22*/
.page-id-148 div#Subheader { background-position: 50% 40% !important;}
#Header_wrapper div#Subheader:before, #Header_wrapper .post-header:before {
    content: "";
    background-color: #000;
    position: absolute;
    inset: 0;
    opacity: 0.4;
    z-index: 1;
}
.ourwork_header h1.post-title, #Header_wrapper div#Subheader .container {
    position: relative;
    z-index: 2;
}
.contact_address + .section { display: none;}

.grecaptcha-badge{z-index: 99;}
html .page-id-140 .mcb-wrap iframe{width: 100%!important;height: 100%!important;}

#bwg_container1_0 #bwg_container2_0 .bwg_back.bwg_back_0 {display: flex; justify-content: center; align-items: center;}
#bwg_container1_0 #bwg_container2_0 .bwg_back.bwg_back_0 i.bwg-icon-arrow-left {margin-right: 5px; font-size: 18px;}

.video_wrapper{padding-bottom: 0!important;}

/* Our Work css */
.ourwork_container{padding: 50px; background-color: #f9f9f9;}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 10px;
    z-index: 0;
    position: relative;
    background: #cfcfcf;
    padding: 10px;
}
.tab-button {
    padding: 5px 18px;
    background: #585a5c;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: background 0.3s;
    color: #fff;
}
.tab-button.active {
    background: #ff9c00;
    color: #fff;
}
.tab-button:hover {
    background: #ff9c00;
    color: #fff;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

.acf-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.gallery-item {
    width:100%;
    overflow: hidden;
    opacity: 0;
  	transition: opacity 0.6s ease-in-out;
}

.return_to_work {margin-top: 15px;}
.return_to_work a{display: flex; align-items: center; justify-content: center;}

.gallery-item.visible {
  opacity: 1;
}

/* First and second items in every group of 4: 100% width */
.gallery-item:nth-child(4n-3),
.gallery-item:nth-child(4n-2) {
  width: 100%;
}

/* Third and fourth items in every group of 4: 50% width */
.gallery-item:nth-child(4n-1),
.gallery-item:nth-child(4n) {
  width: 49%;
}
.gallery-item:nth-child(4n-1) img,
.gallery-item:nth-child(4n) img {
  max-height: 780px;
}


.gallery-item img {
    width: 100%;
/*  height: 250px;*/
    display: block;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
/*.gallery-item a:hover img{
	transform: scale(1.1);
}*/
.portfolio_single_wrapper{margin: 0 auto; padding: 40px 20px;}
.portfolio_gallery{display: flex; flex-wrap: wrap; gap: 20px; margin: 30px 0;justify-content: space-between;}
.portfolio_item.hidden {
	display: none;
}
.portfolio_grid{ display: flex; flex-wrap: wrap; gap: 20px; margin: 30px 0;}
.portfolio_items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.portfolio_item {
    padding: 10px 0;
	box-sizing: border-box;
	text-align: center;
	width: 32.33%;
}
.portfolio_title{font-size: 21px!important; font-weight: normal !important;}
.portfolio_item a:hover {text-decoration: none!important;}
.portfolio_item a:hover h4{color: #dd842a;}
.portfolio_item a:hover img{
	transform: scale(1.1);
}
.portfolio_thumb {
	width: 502px;
/*  height: 335px;*/
	height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.portfolio_thumb img{ 
	width: 100%;
    height: auto;    
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.load-more-btn {
	margin: 30px auto;
	display: block;
	padding: 10px 20px;
	background: #222;
	color: #fff;
	border: none;
	cursor: pointer;
}

.fancybox__container {
	max-width: -webkit-fill-available;
    left: auto !important;
    right: auto !important;
}

.ourwork_header h1.post-title{
	color: #fff;
    text-align: left;
}

.portfolio_meta{font-size: 20px;}

.fancybox__button--slideshow, .fancybox__button--thumbs{display: none!important;}
.button-flat button{background-color: #fff;}
.carousel__button.is-prev, .carousel__button.is-next{background-color: #fff!important;}
.carousel__button{margin-right: 10px;}
.carousel__button svg{stroke: #999999!important;}

/* FAQ page css */
.accordion .question .title {font-weight: 500!important;}
.accordion .question .title, .accordion .question .answer{font-size: 18px!important;}
.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus{ top: 22px!important;}

/* youtube lazy load css */
.yt-lazy {
    position: relative;
    width: 100%;
    max-width: 742px;
    margin: 0 auto;
    background: #000;
    cursor: pointer;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    min-height: 220px;
}

.yt-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 52px;
    background: rgba(0, 0, 0, .75);
    border-radius: 8px;
    z-index: 2;
}

.yt-play-btn::before {
        content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #fff;
}
.yt-lazy img, .yt-lazy iframe{
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yt-lazy.about{
    max-width: 602px;
    float: right;
    margin-left: 25px;
    margin-bottom: 15px;
}

.home .column_video{display: none!important;}

/* === Mobile Accordion Styles === */
@media (max-width: 767px) {
	.portfolio_single_wrapper{padding: 20px 20px;}
	.ourwork_container{padding: 20px;}
	.portfolio_item{width: 47%;}
    .portfolio_thumb{width: auto; height: auto;}
    .gallery-item{width: 47%;}
    .tabs {
        display: block;
        border-bottom: none;
        padding: 0;
        margin-bottom: 0;
    }

    .tab-button {
        width: 100%;
        text-align: left;
        background-color: #585a5c;
        padding: 15px;
    }

    .tab-button.active {
        background-color: #ff9c00;
    }

    .tab-content {
        padding: 15px;
        display: none;
        background-color: #fff;
        border-top: none;
    }

    .tab-content.active {
        display: block;
        padding: 0;
    }
    .portfolio_grid{padding: 10px; margin: 0; gap: 5px 0; justify-content: space-between;}

    .tab-content.active p{padding: 10px;}
}


@media only screen and (max-width: 1800px){
.gallery-item {
    width:23%;
}
}

@media only screen and (min-width: 1489px) and (max-width: 1580px) {
    .section_wrapper, .container {
        max-width: 1180px;
    }
}
@media only screen and (min-width: 1240px){
	#Header_creative #Action_bar .contact_details { float: none; margin-bottom: 40px;font-size: larger;}
    #Action_bar .contact_details a { color: #dd842a;}
}

.button_right.has-icon .button_label { font-size: 18px; line-height: 32px;} /*4jul23*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /*.section_wrapper, .container, .with_aside .content_wrapper {
        max-width: 96%;
    }*/
}

@media only screen and (min-width:768px) and (max-width: 1239px){
	#Header_creative{height: 61px;}
	#Top_bar a.responsive-menu-toggle{margin-top: 12px;}
	.home h1{line-height: 65px;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    h1 {
        font-size: 49px !important;
        line-height: 49px;
        letter-spacing: -1px;
    }
    
}

/*28oct22*/
@media only screen and (max-width: 1239px){
	.wrap.mcb-wrap.mcb-wrap-cb3qk9kho.one { padding-left: 4% !important;}
	.testimonials_slider .testimonials_slider_ul li .bq_wrapper{padding: 30px 10px 10px;}/*4july23*/
	.single-post.subheader-both-left #Subheader .title { font-size: 30px; line-height: 1.2;}/*3apr23*/
    .single-post div#Subheader { padding: 40px 0 45px !important;}/*3apr23*/
    .blog h2.entry-title { font-size: 25px;}/*3apr23*/
    #Header_creative #Action_bar { display: block; width: auto; left: unset; right: 70px;}/*17apr23*/
	#Action_bar .contact_details { margin-right: 15px;}/*17apr23*/
	#Action_bar .contact_details li { padding: 18px 0 17px;}/*17apr23*/
	#Action_bar .contact_details a { color: #dd842a; font-size:21px;}/*17apr23*/
	#Action_bar .social { padding: 18px 0 17px;}/*17apr23*/
	.mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo {text-align: center; padding-left: 15px;}/*17apr23*/
	#Side_slide #menu ul li a{margin-right: 0!important;}/*19may23*/

	#Top_bar a.responsive-menu-toggle{margin-top: 10px;}

	.home .post-desc-wrapper .author-date .date{display: flex; align-items: center;}
}

@media only screen and (max-width: 1024px){
.home .sections_group .entry-content .section:first-child, .page-id-46 .sections_group .entry-content .section:first-child, .page-id-497 .sections_group .entry-content .section:first-child, .page-id-140 .sections_group .entry-content .section:first-child, .page-id-148 .sections_group .entry-content .section:first-child, .page-id-160 .sections_group .entry-content .section:nth-child(2) {padding-top:30px!important; padding-bottom:20px!important;}
.page-id-127 .sections_group .entry-content .section:first-child .section_wrapper .mcb-wrap .column_attr {padding-right: 0!important;}
.contact_address .one-second {padding-left: 0!important; padding-right: 20px;}
#Footer .widgets_wrapper{padding: 15px 0!important;}
#Footer .widgets_wrapper .widget{padding: 10px 0!important; margin-top: 0!important;}

.yt-lazy{min-height: inherit;}

}

@media only screen and (max-width: 959px){
	.button_right.has-icon .button_label{display: inline-block; padding-top: 1px;}
	body{ font-size: 16px; line-height: 1.5;} /*4jul23*/


/*	.gallery-item img{height: 150px}*/
}

@media only screen and (max-width: 767px){
	.section_wrapper .mcb-wrap{padding-right: 0 !important;}
	.highlight-left.contact_address.bg-cover .section_wrapper .wrap {padding: 30px 5% 20px 5% !important;}
	#Footer .widgets_wrapper {padding: 0px 0 20px;}
	.section_wrapper, .container, .four.columns .widget-area {max-width: 100% !important; padding-left: 20px!important; padding-right: 20px!important;}
	.page-id-44 .section_wrapper .mcb-wrap, .page-id-127 .section_wrapper .mcb-wrap, .page-id-129 .section_wrapper .mcb-wrap, .page-id-131 .section_wrapper .mcb-wrap{padding: 30px 30px 20px!important; min-height: 300px; background-size: cover; background-position: left center!important;}
	.page-id-199 .section_wrapper .mcb-wrap{padding:50px 0px 20px 50px!important;}
	.page-id-140 .section_wrapper .mcb-wrap.two-fifth{padding: 0px 50px 35px 50px!important;}
	.page-id-140 .section_wrapper .mcb-wrap.mcb-wrap-pmfld8exu{padding: 50px 50px 0 50px!important;}
	.page-id-140 .section_wrapper .mcb-wrap.mcb-wrap-zsa44nz27{padding: 0 50px 0 50px!important;}
	.page-id-148 .section_wrapper .mcb-wrap.mcb-wrap-g37kul6eb iframe{padding-left: 0px!important;}
	.page-id-148 iframe{width: 100%;}
	.page-id-148 .section_wrapper .mcb-wrap .mcb-wrap-inner .column_attr{padding: 0!important;}
	.page-id-148 .section_wrapper .mcb-wrap.mcb-wrap-xth2ndkhw, .page-id-148 .section_wrapper .mcb-wrap.mcb-wrap-hu7hhqsym{padding-bottom: 0!important;} 
	.page-id-148 .section_wrapper .mcb-wrap.mcb-wrap-a3puk5csn{margin-bottom: 50px;}
	.page-id-46 iframe{width: 100%;}
	.res-p-0 .column_attr{padding: 0px!important;}
	#Header_creative #Action_bar { display: flex; width: auto; position: absolute;}/*17apr23*/
    .header-creative #Header_creative { position: fixed!important;}
	#Action_bar .contact_details li, #Action_bar .social {padding: 12px 0 13px !important; margin-bottom: 0;}/*17apr23*/
	#Action_bar .social li a {line-height: 29px;}/*17apr23*/
	.wrap.mcb-wrap.mcb-wrap-cb3qk9kho.one { padding-right: 4%!important;}/*19may23*/
	.testimonials_slider_ul blockquote{margin-right: 10px!important;}/*19may23*/
	.wpcf7-textarea{max-height: 120px;}/*19may23*/
	.mcb-item-uh0xb8vhq, .mcb-item-uh0xb8vhq h2{margin-bottom: 0!important;}
	.mcb-item-ppfbtk6e0 .column_attr.clearfix, .mcb-item-i5ftvtytf .column_attr.clearfix{padding:0!important;}/*19may23*/
	/*#Footer .widgets_wrapper .widget{padding: 0!important;margin-top: 10px!important;}19may23*/
	#Footer .widgets_wrapper{padding: 0!important;}/*19may23*/
	#Footer .footer_copy .one{margin-bottom: 10px!important; padding-top: 10px!important;}/*19may23*/
	#back_to_top{margin-bottom: 0!important;}/*19may23*/
	.equal-height .mcb-item-f29r9sk7k .column_attr, .equal-height .mcb-item-f29r9sk7k .column_attr, .equal-height .mcb-item-f29r9sk7k .column_attr, .equal-height .mcb-item-f29r9sk7k .column_attr{padding-right: 0 !important;}
	.photo2.col-3 .post-item{margin-bottom: 10px!important;}
	h2{font-size:40px; line-height: 1.2;} /*4jul23*/
    body{ font-size: 15px; line-height: 1.5; color: #000;} /*4jul23*/
    blockquote{font-size: 15px;line-height: 1.8;} /*4jul23*/
    blockquote:after{line-height:30px} /*4jul23*/
    #Top_bar .logo {position: fixed;}
    .mobile-header-mini #Top_bar .logo {width: inherit;}
    .icon-phone:before{color: #bbbbbb;}
    
    .page-id-145 .mcb-section-37wfpcf9w .section_wrapper .mcb-wrap{padding: 20px 0 0 0 !important;}
    .gallery-item{width: 100% !important; max-height: 100%;}

}

@media only screen and (max-width: 755px){
	#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails .bwg-item>a { margin-right: 0 !important;}
}

@media only screen and (max-width: 640px){
	.testimonials_slider .testimonials_slider_ul li{padding:0;}/*19may23*/
	.testimonials_slider a.slider_prev, .testimonials_slider a.slider_next { display: none!important;}/*19may23*/
	body .section_wrapper .mcb-wrap { padding-right: 0!important;}/*19may23*/
	#Footer .widgets_wrapper .widget{padding:0 0 15px!important;}/*19may23*/
		
	.gallery-item{width: 100%; height: auto; max-height: 250px;}
}

@media only screen and (max-width: 580px){
	#Action_bar .social{display: none;}
	
	
}

@media only screen and (max-width: 479px){
    /*body{font-size:16px;line-height:1.4;}
    h2{font-size: 40px; line-height: 1.2;}*/
    h5{font-size: 18px; line-height: 1.2;}
    /*blockquote{font-size:16px;line-height: 2;}*/
	.testimonials_slider .testimonials_slider_ul li .bq_wrapper { padding: 10px;}
	#Footer .widgets_wrapper { padding: 0 0 15px 0;}
	a.button.button_right.has-icon .button_label { line-height: 1.8; font-size: 18px;}
	#Subheader { padding: 50px 0 !important;}
	h2{font-size:30px; line-height: 1.2;} /*4jul23*/
	h1 { font-size: 39px!important; line-height: 39px!important; margin-bottom: 0;}
	#Subheader {padding: 80px 0 40px !important;}

	.portfolio_item{width: 100%;}
}

/*17apr23*/
@media only screen and (max-width: 420px){
    #Action_bar .social{display:none}
    #Action_bar .contact_details{margin-right:0}
}