/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme/
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: betheme
Requires PHP: 7.0
Version: 28.4.5

All css files are placed in /css/ folder
*/

/* @media only screen and (min-width:1240px) and (max-width:1600px) {
	section#banner {padding-left:2rem;padding-right:2rem;}
	ul.mega-sub-menu {right: 0px !important;}
}


.icon-menu-fine {color: white;}

.full-width {max-width:unset;padding:0;}
#Content {padding-top: 0px;}
.items-center {align-items: center;}
.h-100 {height: 100% !important;}
.row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

h2 {font-size: 30px;font-weight:700;line-height:40px}
.responsive-menu-toggle {color: white !important;}
.icon-menu-fine {color: white !important;}
.header-overlay.ab-hide #Top_bar {top: 0px !important;}
#Top_bar {top: 0px !important;}
input#nf-field-9 {border-radius: 20px; padding: 6px 20px;}
.header-overlay.ab-hide#Top_bar {top: 0px !important;}
#menu-item-63 {border: none;} */
.bg-black2 { background-color: black;}

/* title style*/
.title1 { color: white; font-weight:bold;}

/* CAT buttons style */
.red-btn {background-color: #E21F26;}
.pink-btn {background-color: #EB008B;}
.purple-btn {background-color: #90278E;}
.blue-btn {background-color: #31C4F3;}
.green-btn {background-color: #7DE140;}
.yellow-btn {background-color: #FBAC18;}

/* font color */
.blue-wrd {color: #31C4F3 !important; }

/* newsletter bg style */
.bg-news {
	padding:2rem 3rem;
	background-color:black; 
	border-radius:1rem; 
	width:80%; 
	background-image: url('https://magnetnetworklive.ca/wp-content/uploads/2024/08/optin-BG@2x.png'); 
	background-repeat: no-repeat; 
	background-position: right bottom; background-size: contain;
}

@media only screen and (max-width: 576px) {
  .bg-news {
    border-radius: 0;
  }
}



.margin-left15 {
	margin-left:1.5rem;
}

.margin-top5 {
	margin-top:5%;
}

.margin-top10 {
	margin-top:10%;
}

/* counter style */
.counter {
    font-family: "Poppins", sans-serif; 
    color: #E31F26;
    font-size: 24px; 
    font-weight: bold; 
}

.desc_wrapper .number {
	 color: #FFFFFF;
	font-size:5rem;
}

.desc_wrapper .number[data-to="2"]

{
	 color: #000000;
}

.desc_wrapper .number[data-to="24"]
{
	 color: #000000;
}

.desc_wrapper .number[data-to="200"]:after {
    content: "+"; 
    font-weight: bold; 
    margin-left: 2px; 
}

.counter .desc_wrapper .title {
	
	font-size:0.75rem;
}

.counter .icon_wrapper i {
	height:0;
}


.img-container {
	
    overflow: hidden; /* Prevent content from spilling out */
    position: relative;
	height:100%;
	
}

.img-container img {
	 width: 100%;
    height: 100%;
    object-fit: cover; /* Maintains aspect ratio, crops if necessary */
    display: block;
}

/* words color */
.white-words { color: white;}
.blue-words {color: #31C4F3 }

/* image rounded corner */

.top-rounded {border-radius: 15px 15px 0 0; }
.bottom-rounded {border-radius: 0 0 15px 15px}
.all-rounded {border-radius:15px}

.icon-overlay {
	position: relative; 
    display: inline-block; 
    width: 100%; 
}



/* dividen line under words */
.divide-line {
	border-bottom: 4px black solid;
	padding-bottom:10px;
	width: 400%;
}

.dotted-bottom-line {
	border-bottom: 1px #58595B dashed;
	padding-bottom:15px;
}

/* news block */
.news-block {
	height:30rem; 
	width: 120%; 
}

/* video block */
.video-block {
	
	width:100%;
}

@media only screen and (max-width: 767px) {
  .news-block {
    height:46rem;
	margin-left: 0; 
	width: auto; 
  }
	.img-container {
		height:auto;
	}
}

/* pop up mobile style */

@media only screen and (max-width: 767px) {
	.pum {
		width:100%;
		height:100%;
	}
	
	.popmake {
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	.pump-close {
		top:0;
		right:0;
	}
}

/* hero logo size control */
@media only screen and (max-width: 425px) {
	.custom-logo-width {
	max-width: 15rem;
}
}

@media only screen and (min-width: 426px)
.custom-logo-width {
	max-width: 25rem;
}

@media (max-width:991px) {
		.size-mobile {
			
    height: 6rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem;

		}
	
		.wrap-words-mobile {
			flex-wrap:wrap ;
			display:flex;
			
		}
	
	 .divide-sm-line {
	border-bottom: 4px black solid;
	padding-bottom:10px;
	width: 400%;
}
	  
}

	@media (min-width: 992px) {
  .mt-lg-neg-3rem {
    margin-top: -3rem;
  }
		
		 
		.divide-lg-line {
	border-bottom: 4px black solid;
	padding-bottom:10px;
	width: 400%;
    }	
}

/* dividen line under words */
.divide-line {
	border-bottom: 4px black solid;
	padding-bottom:10px;
	width: 400%;
}

.divide-line-fit {
	border-bottom: 4px black solid;
	padding-bottom:10px;
}

    .margin-top5 {
	margin-top:5rem;
}
	.marg-top-8 {
		margin-top:8rem;
	}

	.marg-top-10 {
		margin-top:10rem;
	}

	.marg-bottom-8 {
		margin-bottom:8rem;
	}

.disc-list {
	list-style: disc;
}

.text-red {
	color: #E31F26;
}

/* adjust menu */
.sub-menu {
	padding-left: 0 !important;
}

/* adjust slide menu's width */
/* #Side_slide {
	width:300px !important;
	right:-300px !important;
} */

/* make slide menu submenu align with other menu items left padding */
#Side_slide #menu ul li ul li a {
	padding-left:20px !important;
}

/* upload image styling */


/* spinner style */
.upload-status.loading::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    border: 2px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* adjust slide width to be wider for more words  */
#Side_slide { width: 300px !important; right: -300px !important; }
body.side-slide-is-open #Side_slide { right: 0 !important; }

.cursor-pointer {
	cursor:pointer;
}

.wrap-words {
	flex-wrap: wrap;
    display: flex;
}

body {
	font-family: "Poppins" !important, sans-serif; 
}