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

/* Main Menu -- (Redundant: Refer to Templates > Navigation Menu) */
/* #Top_bar .top_bar_right .action_button {background: linear-gradient(110deg, #4B57FB 20%, #10296C 100%); color: #ffffff; font-weight: 500}
#Top_bar .top_bar_right .action_button:hover {color: #000000;}
#Top_bar.is-sticky {padding-top: 20px; padding-bottom: 20px; background: #0d101a !important;opacity: 1;}
#Content {padding-top: 0px} */

/* Footer */
.signup-text {color: #ffffff; font-size: 14px; font-weight: 700}
.widget_archive ul, .widget_nav_menu ul { list-style-type: none; padding: 0; background: no-repeat; text-decoration: none; margin-left: 10rem}
.social-links-menu li {padding: 8px 0 9px 3px;margin-left:10rem}
#Footer .widget_archive ul li:after, #Footer .widget_nav_menu ul li:after {display:none}
#social-icon a {color: #5ac8fa;font-weight: 700}
#social-icon i {color: #ffffff;margin-right: 5px}

/* Read More */
.text-content {max-height: 78px;overflow: hidden;position: relative}
.text-content.expanded {max-height: none}
.read-more {display: block; position: absolute; bottom: 6px; right: 0; background: linear-gradient(110deg, #4B57FB 20%, #10296C 100%); padding-left: 8px; text-decoration: none; z-index: 1; cursor: pointer;color:#5ac8fa!important}
.read-more:hover, .read-more-bottom-zero:hover {text-decoration:underline}
.read-more-bottom-zero {display: block; position: absolute; bottom: 0px; right: 0; background: linear-gradient(110deg, #4B57FB 20%, #10296C 100%); padding-left: 8px; text-decoration: none; z-index: 1; cursor: pointer;color:#5ac8fa!important}
a.custom-read-more:after { width: 13px; height: 13px; content: ""; display: inline-block; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/wp-content/uploads/2024/07/chevron-right-solid.svg); position: relative; left: 5px; top: 1px}
.our-product-range .swiper-slide {margin-right: 24px !important}
.product-more {display: none}
.product-read-more {color: #5ac8fa; cursor: pointer}
.dots {display: inline}
.mfn-icon-box .desc-wrapper .title {min-height:70px}

/* Min from laptop till big screen*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1900px){
.mfn-icon-box .desc-wrapper .title {min-height: 100px}	
}

/* Show till Tablet */
@media screen and (max-width: 1024px) {
    /*.small-icon .mfn-icon-box, .small-icon .mfn-icon-box .desc-wrapper .title, .small-icon .product-description p, .small-icon .mfn-icon-box .desc-wrapper .desc {min-height: auto!important}
	.about-team p.subtitle {min-height: 50px}*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {.investor-custom-tabs .tabs_vertical.ui-tabs .ui-tabs-panel {width: 100% !important}}

/* Mobile */
@media only screen and (max-width: 767px) {
	#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {margin: 10px 30px}
	#Top_bar #logo img.logo-mobile {display: inline-block;width: 150px}
	#Top_bar a.responsive-menu-toggle {right: 30px}
	#Side_slide #menu ul li {border-bottom: 1px solid #4B57FB!important}
	#Side_slide {display: grid;align-content: baseline}
	#Side_slide .close-wrapper {grid-row:1;grid-column: 1}
	#Side_slide #menu ul span {font-size: 16px}
	.menu_wrapper {grid-row: 2;grid-column: 1}
	.extras {grid-row: 3;grid-column: 1}
	#Side_slide .extras .action_button {background: linear-gradient(90deg, #5ac8fa 0%, #787ff6 100%) !important; color: black; font-weight: 700; }
	#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {color: #ffffff}
	#Footer img.wp-image-38 {max-width: 150px !important}
	#play-once-video video {width: 100%; object-fit: contain; position: relative !important; left: 25vw !important; transform: scale(2) !important}
	.widget_archive ul, .widget_nav_menu ul, .social-links-menu li  {margin-left: 0rem;font-size:16px;columns: 2}
	ul#menu-footer-04 {columns: 2}
	#social-icon a {display: inline-flex}
	aside#nav_menu-2, aside#nav_menu-3 {margin: 0}
	.leadership-team .one-third.mcb-wrap {padding:10px 0px!important}
	/*image text*/
	.img-text {flex-direction: column}
	.image-text-content {padding: 20px 0 40px 0!important;text-align: left}
	.image-text-content h4 {color: #ffffff;font-weight: 700;font-size: 22px;line-height: 32px}
	.image-text-content p, .image-text-content strong{font-size: 16px;line-height: 26px}
	.custom-bg-overlay .mcb-background-overlay {opacity: 0}
	.ui-tabs .ui-tabs-panel {padding: 0 !important}
}

/*Tablet*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .widget_archive ul, .widget_nav_menu ul, .social-links-menu li  {margin-left: 0rem;font-size:16px;columns: 1}
	#Side_slide .extras {display:none}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .widget_archive ul, .widget_nav_menu ul, .social-links-menu li  {margin-left: 0rem;font-size:16px;columns: 1}
	#Side_slide .extras {display:none}
}

/* Team Profile Expand and Collaps */
.profile-popout {display: none;margin-top: 10px}
.team .desc_wrapper hr {display:none}
.leadership-team .one-third.mcb-wrap {padding:10px}
.leadership-team .profile-popout {min-height: 310px}

/* Previous and Next Post Link */
.prev-post-link,.next-post-link {display: inline-block;text-decoration: none}
.post-icon {width: 16px;height: 16px;display: inline-block;background-size: contain;background-position: center;background-repeat: no-repeat;vertical-align: middle}
.post-text {vertical-align: middle}

/* Contact Page */
.img-text {display: flex; margin-bottom: 20px}
.photo {flex: 1;text-align: center}
.photo img {max-width: 100%;height: auto;display: block;border: 1px solid #ffffff;}
.image-text-content {flex: 1;padding: 0px 0px 0 30px}
.image-text-content h4 {color: #ffffff;font-weight:700}
.image-text-content a {color: #ffffff}

/* ASX Icon Box */
.main-icon-box img { width: 30px !important; }
.main-icon-box .desc-wrapper { text-align: left !important; }
.main-icon-box .mcb-column-inner { margin:0 !important; }
.main-icon-box p.title.label { font-weight:700 !important; min-height: 80px !important; }
.mfn-list .mfn-list-item { padding: 0px !important; }

/* UL List */
.blue-dots { list-style-type:none!important; padding-left:0 }

ul.blue-dots { margin-left: 0; }
.blue-dots li { 
	position:relative; 
	padding-left:25px; 
	margin-bottom:0px!important;
}

.blue-dots li::before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:4px;
	height:4px;
	background-color:#ffffff;
	border-radius:50%;
}

/* h3.title-dash {
	text-transform: uppercase;
	font-size: 25px; 
	line-height: 1.2em; 
} */

h3.title-dash::before {
	content: " "; 
	background: #535DE7; 
	width: 80px; 
	position: absolute; 
	height: 1px; 
	left: -120px;
	top: 13px;
}

/* h3.subtitle { 
	font-size: 16px; 
	font-weight: 900; 
	color: rgba(255, 255, 255, 0.2); 
	text-transform: uppercase; 
	margin: 0px 0 30px 0;
} */

/*TOGGLE TABLE */
table.tablestyle.fact-sheet tr:nth-of-type(2n+1) {background: transparent;border-top: 1px solid rgba(255, 255, 255, 0.25);background: rgba(255, 255, 255, 0.08)}
table.tablestyle.fact-sheet tr {border-bottom: 1px solid rgba(255, 255, 255, 0.25)!important;background: rgba(255, 255, 255, 0.06)}
table.tablestyle tr td, table.tablestyle tr th {padding: 10px 10px!important;text-align:left;border-bottom: 1px solid rgba(255, 255, 255, 0.25)!important}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {text-align: left}

/* FAQ */
.custom-faq-accord .faq .question>.title .num {display: none}
.custom-faq-accord .faq .question .answer, .custom-faq-accord .faq .question .title {padding-left: 0px!important;color: #ffffff;border-bottom: 1px solid #ffffff}
.custom-faq-accord .faq .question .title:first-child{border-top:1px solid #ffffff}
.custom-faq-accord .faq .question .answer {padding-top: 20px}

/* Responsive Table */
#strap-parameters .table-wrapper{background-color:#fff;padding:20px;margin-bottom:20px}
.responsive-table{width:100%;border-collapse:collapse}
.responsive-table tr.title-row{background-color:#243a76}
.responsive-table tr.row-alt td{background:rgba(255,255,255,.06)!important}
.responsive-table tr td{background:rgba(255,255,255,.05)!important}
.responsive-table td,.responsive-table th{padding:18px;border-bottom:none;text-align:left}
.responsive-table .title-row th{background-color:#243a76;color:#fff;font-weight:700;text-align:left}
.responsive-table .section-title td{background-color:rgba(36,58,118,.5)!important;font-weight:700;text-align:left}
.responsive-table .row-alt td{background-color:#f9f9f9}
.show-desktop{display:table-cell}
.show-mobile-inline{display:none}
@media (max-width:768px){
.responsive-table{font-size:14px}
.responsive-table .title-row th{text-align:left;}
.show-desktop{display:none!important;}
.show-mobile-inline{display:inline;}
.responsive-table td,.responsive-table th{display:block;text-align:left}
.responsive-table tbody tr{margin-bottom:5px;background: rgba(255, 255, 255, 0.08);border: none;padding: 18px 0}
.responsive-table tbody tr.row-alt {background: rgba(255, 255, 255, 0.05)}
.responsive-table tbody td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}
}

/* Projects */
.tinted{background:#0D101A; position:absolute; left:-30%; bottom:0; top:90px!important; right:35%; z-index:1; height:850px!important; }
.tinted-right { background:#0D101A; position:absolute; right:-30%; bottom:0; top:95px!important; left:35%; z-index:1; height:600px!important; }
@media screen and (max-width:959px){
/*.tinted{left:-20%;right:20%;height:500px!important}
.tinted-right{right:-20%;left:20%;height:500px!important}*/
.tinted, .tinted-right, h2.title-dash::before { display:none !important; }
	.tinted, .tinted-right { display:none !important; }
}
@media (max-width:480px){
.tinted{left:-10%;right:10%;height:300px!important}
.tinted-right{right:-10%;left:10%;height:300px!important}
}

/* Investor Page Switching to Dropdown for mobile */
/* Dropdown styles */
 .mobile-dropdown {width: 100%!important; height: 50px; background-color: rgba(224, 236, 253, 0.25)!important; border: 0; border-radius:0; font-size:16px; color: #ffffff; padding: 0 25px 0 15px; -webkit-appearance: none; -moz-appearance: none; background-image: url(/wp-content/uploads/2024/07/down-arrow-white.png); background-repeat: no-repeat; background-size: 9px 6px; margin-bottom:40px}
.mobile-dropdown:focus,
.mobile-dropdown:active{background-color: rgba(224, 236, 253, 0.5) !important;color: #000000 !important;outline: none;border-radius:0!important} 
/* Hide tabs on mobile and tablet */
 @media screen and (max-width: 1024px) {
   .jq-tabs .ui-tabs-nav {display: none; } 
   .jq-tabs .ui-tabs-panel {display: block; } 
  .custom-faq-accord .ui-tabs {border-radius: 0; }
} 

/* Single Blog */
.post-meta .author-date i.icon-clock {display:none!important;}
.post-meta .author-date {text-transform:uppercase;font-size:16px;line-height:26px}
.post-meta {border-bottom:1px solid #4B57FB}

.single-video-make-full-width video {width: 100vw !important}
@media screen and (min-width: 1024px) {.single-video-height-fix video {height:596px!important}}

#Error_404 .error_desk p .button {margin: 0;color: #5ac8fa!important;padding: 0}

/* Home Slider */
@media screen and (max-width: 1450px) {
	.mfn-icon-box {min-height:400px}
	.mfn-icon-box .desc-wrapper .title, .product-description p {min-height: 60px}
	.mfn-icon-box .desc-wrapper .desc {min-height:120px}
}
@media only screen and (min-width: 1240px) {
	.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after { transition: all ease-in 300ms; height: 2px; transform: scale(0);transform-origin: center}
	.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):hover::after,.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):focus::after{transform: scale(1)}
	.menuo-no-borders #Top_bar .menu > li > a span {color: #ffffff}
}

/* Product Slider Color 
.slider-grad-button { background-image:linear-gradient(110deg, #10296C 20%, #4B57FB 100%); border-radius:30px; }
.slider-grad-button:hover { background-image:linear-gradient(110deg, #4B57FB 20%, #4B57FB 100%); border-radius:30px; }*/