@charset "UTF-8";

/*
Theme Name: Nunavut Black
Theme URI: https://www.nunavutbba.com/
Author: The Nunavut Black Team
Author URI: https://www.nunavutbba.com/
Description: The Nunavut Black Business Association (NBBA) is a community-driven charitable organization based in Nunavut committed to advancing Black and Inuit communities in Canada.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1
*/ 

.sub-menu-toggle { display: none; }
.light-green-bg { background-color : #a8e7c5; }
.light-gray-bg { background-color : #ededed; }
.text-center .contact-form { text-align: left; }
.contact-form .wpcf7-form-control-clear-wrap { margin: 15px 0 0; }
.align-item-center .row { align-items: center; }

.simple-sitemap-container h3 { font-size: 18px; line-height: 24px; padding: 10px; }

/* top bar css start here */
body{font-size: 16px;color: #000;margin: 0px; padding: 0px;font-family: 'Poppins', sans-serif;}
section{padding: 70px 0px;display: block;width: 100%; position: relative; }
h1, h2,h3,h4{font-size: 30px;font-weight: bold;margin: 0px; padding: 0px;display: block;font-family: 'Montserrat', sans-serif;;line-height: 20px;color:#055c2d;text-transform: uppercase;}
h5,h6{font-size: 24px;font-weight: 500;margin: 0px; padding: 0px;display: block;font-family: 'Montserrat', sans-serif;}
ul li,a{margin: 0px;text-decoration: none !important;transition: .5s;}
image,aside{width: 100%;display: block;}
p{line-height: 24px;}
.btn {padding:8px 20px; font-size: 18px;display: inline-block;border-radius: 10px;transition: 1s cubic-bezier(0.39, 0.5, 0.15, 1.36);color: #fff;font-weight: 500;box-shadow: #055c2d 0 0 0 30px inset; }
.btn i{transition: .5s;}
.btn:hover,.btn.focus, .btn:focus {color: #000;box-shadow: #fff 0 0 0 30px inset;}
#main_silder .carousel-caption aside .btn i {font-size: 24px;margin-right: 10px;transform: translateX(0);transition: 1s cubic-bezier(0.39, 0.5, 0.15, 1.36);}
.btn:hover i {transform:translateX(-10px) !important}


.hidden-content {display: none;} 
.section-a .who-right .btn {padding: 6px 10px;font-size: 14px;margin: 10px 0px;}
.section-a .who-right .btn:hover, .section-a .who-right .btn.focus,
.section-a .who-right .btn:focus {box-shadow: #000 0 0 0 30px inset;color: #fff;}
/**  **/


/* top-bar */
.top_flex {display: flex;align-items: center;justify-content: flex-end;position: relative;z-index: 1;padding-top: 6px;}
.top_flex a {display: flex;align-items: center;justify-content: center;padding: 6px 0px;color: #fff;}
/*  */

/* main_manu */
#header{position: relative;}
#header::before {position: absolute;width: 65%;height: 1px;background:#6d6d6d;content: "";right: 0;
	bottom: 47%;}
#header .navbar.navbar-expand-lg {padding: 0;align-items: flex-start;display: flex;}
#header .nav_logo .navbar-brand {color: #fff;padding: 0;margin: 0;background: transparent;
	padding: 0px;position: relative;}
/* #header .nav_logo .navbar-brand::before {position: absolute;content: "";background: #fff;
	width: 125px;top: 0;right: -46px;height: 130px;z-index: 1;	clip-path: circle(60.38% at 85% 49%)} */
/ #header .nav_logo .navbar-brand::before{display:none;}
#header .nav_logo a img {width: 100%;}
.right-manu .quick-btn a span {font-size: 18px;color: #2d7144;	font-weight: 600;padding-left: 7px;}
.right-manu .quick-btn a {font-size: 18px;}
#collapsibleNavbar ul li.active a {color: #2d7144;}
#collapsibleNavbar {justify-content: flex-end;}
.flex_manu {display: flex;justify-content: flex-end;flex-grow: 1;}
#collapsibleNavbar ul li.active > a::before {transform: scale(1);width: 100%;}
.right-manu .quick-btn a.request-btn:hover {background: #055c2d;}
#collapsibleNavbar ul > li {display: flex;align-items: center;margin: 0px 22px 0px;}
 #collapsibleNavbar > ul > li > a {transition: .5s;color: #313131;text-transform: capitalize;position: relative;z-index: 1;}
 #collapsibleNavbar > ul > li > a::before {position: absolute;content: "";background: #055c2d;width: 0px;
	height: 1px;bottom: 0;left: 0;right: 0;margin: 0px auto;transform: scale(.8);transition: .5s;}
#collapsibleNavbar > ul > li:hover a::before {transform: scale(1);width: 100%;}

 .right-manu .quick-btn {margin: 16px 0px 25px;display: flex;align-items: center;gap: 10px;justify-content: flex-end;}
.right-manu .quick-btn a.request-btn {background: #000;line-height: 18px;padding: 11px 18px;color: #fff;border-radius: 5px;font-weight: 500;}
.main_manu ul li ul {padding: 0px;margin: 0px;}
.main_manu ul li .sub {position: absolute;top: -2px;right: 1px;}
.main_manu ul li ul li{background: #000;color: #fff;border-bottom: 1px solid #dddd;}
.main_manu ul li ul li a {color: #fff;display: block;padding: 3px 10px;}
.main_manu ul li ul li:last-child a{border-bottom: 0px;}
.main_manu ul li ul li:hover {background: #8dd0a5;}
#collapsibleNavbar ul li .sub {position: absolute;right: -13px;	top: -1px;}
#collapsibleNavbar ul > li ul > li {margin: 0;width: 100%;display: inline-block;}
#collapsibleNavbar ul > li ul > li > a {color: #2d7144;border-bottom: 1px solid #2d7144;width: 100%;display: inline-block;
padding: 5px 10px;white-space: nowrap;}
#collapsibleNavbar ul > li ul > li:last-of-type a {border-bottom: 0;}
#collapsibleNavbar ul > li ul > li:hover{background-color: #055c2d;}
#collapsibleNavbar ul > li ul > li:hover >a{color: #fff;}
/*  */
/* banner css start here */

.banner .bn-box {width: 100%;background-color: rgba(255, 255, 255, 0.5);max-width: 683px;padding:28px 17px;border-radius: 5px;}
.banner {padding: 0px;position: relative; min-height : 550px; }
.banner .container{max-width: 1170px;}
#main_silder .carousel-caption {left: 0;padding: 0;	right: 0;top: 24%;text-align: left;bottom: 0;}
#main_silder .carousel-caption h6, #main_silder .carousel-caption p.h6 {font-family: 'Poppins', sans-serif;color: #000;text-transform: unset;;	font-size: 18px;font-weight: 600;margin-bottom: 10px;}
#main_silder .carousel-caption h1 {	font-size:48px;text-transform: uppercase;line-height: 55px;color: #000;}
#main_silder .carousel-caption h1  span{color: #055c2d;}
#main_silder .carousel-caption aside {margin-top: 14px;}
#main_silder .owl-nav button {position: absolute;top: 48%;transition: .5s;}
#main_silder .owl-nav {margin-top: 0;}
#main_silder .owl-nav .owl-prev {right:36px;top:37%;}
#main_silder  .owl-nav .owl-next{right:36px;}
#main_silder .owl-nav .owl-prev i {font-size: 20px;background:rgba(0, 0, 0, .6);width: 50px;height: 50px;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #fff;}
#main_silder .owl-nav .owl-next i {font-size: 20px;background:rgba(0, 0, 0, .6);width: 50px;height: 50px;border-radius: 50px;display: flex;justify-content: center;align-items: center;color: #fff;}
#main_silder .owl-nav [class*="owl-"]:hover {background: #000;color: #FFF;opacity: 1;width: 50px;height: 50px;	border-radius: 50px;}
/**     **/


/*  */
.heading {margin-bottom: 25px;}
.heading span {width: 100%;max-width: 200px;display: inline-flex;justify-content: center;	position: relative;align-items: center;}
.heading span img{margin-left: 26px;}
.heading span::before{position: absolute;background:#055c2d;width:75px;height: 2px;
	content: "";left: 6px;top: 5px;}
.heading span::after{position: absolute;background:#055c2d;width:75px;height: 2px;
	content: "";right: -21px;top: 5px;}
/**  **/


/* Section A start here */
.section-a {position: relative;padding: 0;}
.section-a::before {position: absolute;background: #ededed;width: 42%;height:100%;content: "";}
.section-a .row {align-items: center;}
.section-a .who-left p {width: 100%;}
.section-a .who-right {display: flex;flex-wrap: wrap;justify-content: center;padding: 50px 0px 40px;row-gap: 20px;}
.section-a .who-right .full-box p{margin:0px}
.section-a .who-right .full-box {flex: 0 0 46%;text-align: center; padding : 0 5px;}
.section-a .who-right .full-box figure span {position: relative;}
.section-a .who-right .full-box figure span::before {position: absolute;background: #649a7d;width: 50px;height: 50px;
	content: "";z-index: -1;border-radius: 50px;right: 7px;bottom: -25px;}
.section-a .who-right .full-box h5 {font-size: 18px;font-weight: 600;margin: 20px 0px 6px;}
/**  **/

/* Section B start here */

/**  **/
.section-B {position: relative; overflow: hidden;height: 558px;}
.section-B > img, section > .background-image {position: absolute;width: 100%;left: 0;background-size: cover;top: 0;height: 100%;opacity: .3;}
.section-B .men-img {position: relative;bottom: -11px;left: -19px;width: 100%;}
.section-B .men-img >img{max-width: 100%;}
.section-B span {width: 100%;max-width: 556px;}
.section-B span:before,.section-B span:after{width: 250px;}
.section-B .heading span img {padding-left: 8px;}
.section-B span:before{left: 0px;}
.section-B span:after{right:-10px;}
.section-B .enetr-right ul {margin: 20px 0px;}
.section-B .enetr-right ul li a {margin-bottom: 8px;display: block;transition: .5s;}
.section-B .enetr-right ul li a {font-size: 18px; color: #000; font-weight: 500;}
.section-B .enetr-right ul li a i{font-size: 18px; color:#055c2d; padding-right: 10px;}
.section-B .enetr-right ul li:hover a {color:#055c2d;}
.section-B .enetr-right ul li:hover a i {color:#000;}
.section-B aside .btn span {padding-left: 10px;font-size: 18px;font-weight: 500;}
.section-B aside .btn {padding: 8px 22px;}
/**  **/


/* Section C start here */
.section-c .heading {text-align: center;margin-bottom: 40px;}
.section-c .heading span {max-width: 255px;}
.section-c span:before,.section-c span:after{width: 98px;}
.section-c .heading span img {padding-left: 4px;}
.section-c .heading span::after{right: -2px;}
.section-c span:before{left: 4px;}
.section-c .involvoed-box {margin-bottom: 30px;}
.section-c .involvoed-box a figure {position: relative;overflow: hidden;margin-bottom: 25px;}
.section-c .involvoed-box a figure figcaption {position: absolute;bottom: 17px;left: 10px;}
.section-c .involvoed-box a figure figcaption span {color: #fff;font-size: 18px;font-weight: 500;transform: translate(-17px);border-bottom: 2px solid #fff;opacity: 0;}
.section-c .involvoed-box:hover a figure figcaption span {	transform: translate(0px);opacity: 1;	}
.section-c .involvoed-box a figure::before {position: absolute;content: "";background: rgba(5, 92, 45, .8);width: 100%;height: 100%;	bottom: 0;	transition: .5s;transform: scale(0);}
.section-c .involvoed-box:hover figure::before {transform: scale(1);}
.section-c .involvoed-box h5 {text-align: center;font-weight: 600;color: #000;}
.section-c .Involvoed .owl-nav {margin: 0;}
.section-c .Involvoed .owl-nav button {font-size: 20px;	margin: 0 10px;	}
.section-c .Involvoed .owl-nav button.owl-prev{position: relative;}
.section-c .Involvoed .owl-nav button.owl-prev::before {position: absolute;content: "";right: -11px;width: 2px;	height: 20px;top: 6px;background: #055c2d;}
.section-c .Involvoed .owl-nav [class*="owl-"]:hover {background:inherit ;color: #000;text-decoration: none;}
/**  **/

/* Section D start here */
.section-d {background: #dcd7d7;padding: 75px 0px;position: relative;}
.section-d > img {position: absolute;width: 100%;left: 0;background-size: cover;top: 0;height: 100%;opacity: .2;}
.section-d .heading span{width: 90px;}
.section-d .heading {text-align: center;margin-bottom: 40px;}
.section-d span:before,.section-d span:after{width: 20px;}
.section-d .heading span img {margin-left: 7px;}
.section-d .heading span::after{right: -2px;}
.section-d span:before{left: 4px;}
.section-d .blog-box {display: flex;background: #111111;padding: 10px;gap: 25px;align-items: center;transition: .5s;border: 1px solid  #058741;margin-bottom: 30px;}
.section-d .blog-box:hover {background:#fff;}
.section-d .blog-box:hover .blog-right,
.section-d .blog-box:hover .blog-right a{color: #000;}
.section-d .blog-box:hover .blog-right a{border-bottom:2px solid #058741;}
.section-d .blog-box figure {margin: 0;}
.section-d .blog-box  .blog-right{color: #fff;}
.section-d .blog-box .blog-right h5 {font-size: 18px;font-weight: bold;}
.section-d .blog-box .blog-right p {margin: 15px 0px 5px;}
.section-d .blog-box .blog-right p.green{margin: 0; font-size: 17px; font-weight: 600;color: #055c2d;margin-bottom: 6px;}
.section-d .blog-box .blog-right a {color: #fff;font-weight: 600;border-bottom: 2px solid #fff;}
.section-d .view {text-align: center;}
.section-d .view .btn {padding: 8px 25px;}

/* footer */
.footer-strip {	background: #055c2d;padding: 27px 0px;}
.footer-strip .strip-flex {display: flex;justify-content: space-between;width: 100%;}
.footer-strip .strip-flex aside {	text-align: right;}
.footer-strip .strip-flex p {color: #fff;margin: 0;}
.footer-strip .strip-flex .btn {box-shadow: #058741 0 0 0 30px inset;padding: 8px 24px;}
.footer-strip .strip-flex .btn:hover {box-shadow: #fff 0 0 0 30px inset;}
.footer-strip .strip-flex .btn span{padding-left: 10px;}
.footer-strip .strip-flex .btn i {font-size: 20px;}

/** footer css start here **/
.bottom-footer {display: inline-block;width: 100%;padding: 7px 0;border-top: 1px solid #939494;}
.footer{position: relative;background-color: #000;padding-top: 50px;display:inline-block;width:100%;}
.footer > img {	position: absolute;	width: 100%;height: 100%;object-fit: cover;	opacity: .3;background-size: cover;	top: 0;	left: 0;object-position: top;}
.footer .foot_a figure {width: 100%;}
.footer .foot_a figure img {max-width: 100%;}
.footer h6 {text-transform: capitalize;	text-align: left;margin: 0;	color: #fff;}
.footer .heading-box span {	margin: 0;width: 70px;justify-content: flex-start;background-color: #fff;}
.footer  .heading-box span::before {background-color: #fff;width: 5px;	border-radius: 5px;	height: 5px;margin: inherit;}
.footer .heading-box {margin-bottom: 20px;}
.copy-flex {text-align: center;padding: 7px 10px;}
/*  */
.footer-top .p-t {padding-top: 65px;padding-bottom: 102px;}
.footer ul li a ,.footer p,.footer a{color: #fff;}
.footer #client-review p i {font-size: 18px;font-size: 18px;color: #fff;}
.foot_c ul li {	margin-bottom: 20px;}
.foot_c ul li a span {line-height: 18px;}
.foot_c ul li a {display: flex;	align-items: center; gap:15px}
.foot_c ul li:last-child a {align-items: flex-start;}
.footer .foot_b ul li:hover a,.footer .foot_b ul li:hover a i {color:#055c2d;}
.footer .foot_b ul li:last-child {	border-bottom: 0;}
.footer .foot_b ul li a {line-height: 30px;}
.footer .foot_b ul li a i {color: #fff;margin-right: 10px;transition: .5s;}
.footer .foot_b ul li:hover i{padding-right: 8px;}
.foot_c ul li  {transition: .5s;}
.foot_c ul li a {transition: .5s;}
.foot_c ul li a i {	background: #055c2d;width: 30px;height: 30px;	display: flex;	justify-content: center;align-items: center;min-width: 30px;
min-height: 30px;transition: .5s;}
.foot_c ul li a:hover i {background: #fff;color: #000;}
.foot_d ul li {transition: .5s;}
.foot_d ul {display: flex;}
.foot_d ul li a {background: #055c2d;width: 30px;height: 30px;	display: flex;border-radius: 30px;justify-content: center;	align-items: center;
	margin-right: 10px;color: #fff;}
.foot_d ul li:hover a {background: #fff;color: #000;}
.copy_right {text-align: center;}
.copy_right {border-top: 1px solid #fff;position: relative;z-index: 2;}
.copy_right p{margin: 0px;}
/** **/

/* inner page css start here */
.inner-bn {position: relative;padding: 0;z-index: 2;height: 300px;}
.inner-bn img {width: 100%;height: 100%;object-fit: cover;}
.inner-bn .in-heading {position: absolute;top: 50%;text-align: center;left: 0;right: 0;width: auto;}
.inner-bn .in-heading h1 {background: #fff;width: auto;display: inline-flex;padding: 30px;}
/**  **/

.blog-navigation .nav-links .page-numbers { float: left; width: auto; min-width: 35px; height: 35px; margin: 0 9px 0 0; background-color: #ececec; text-align: center; vertical-align: middle; font-size: 16px; color: #000000; font-weight: 500; line-height: 35px; padding: 0 10px; display: block; transition: .6s all; -moz-transition: .6s all; -o-transition: .6s all; -webkit-transition: .6s all; } 
.blog-navigation .nav-links .page-numbers.current, .blog-navigation .nav-links .page-numbers:hover, .blog-navigation .nav-links .page-numbers:focus { background-color: #055c2d; color: #fff; }
.blog-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
}
 @keyframes bounce {from {transform: translateY(0px); }
    to {transform: translateY(-20px); }
  }
.section-a .who-right .full-box figure span img  { animation:  bounce 300ms  alternate infinite  cubic-bezier(.2, .65, .6, 1);    width: 45px;
  height: 45px;}

.blog-navigation {  position: relative; z-index: 2;}

.content-with-members .pagination { margin-top: 30px; justify-content: center; align-items:center;}
.content-with-members .pagination a { border: 1px solid #000; color: #000; margin: 0px 5px; padding: 5px 10px;}
.content-with-members .pagination a:hover { background: #fff; border: 1px solid #fff; }
.content-with-members .pagination .current { border: 1px solid #fff; padding: 5px 10px; background: #fff; margin-right: 5px; }

.members-box-wrapper { position: relative; background: #000000; height: 100%; max-height:240px; margin-bottom: 20px; }
.members-box-wrapper .members-box-background-image { height: 100%; opacity: .5; }
.members-box-wrapper:hover .members-box-background-image { opacity: .9; }

.members-box-background-image figure { margin: 0; min-width: 70px; height: 100%; }
.members-box-background-image figure > img { width:100%; height: 100%; object-fit:cover; } 

.members-box-wrapper .members-box-inner {position: absolute;bottom: 0;display: flex;justify-content: space-between;padding: 10px 20px;column-gap: 20px;align-items: center;}
.members-box-inner .members-box-inner-image img { border-radius: 100%; }
.members-box-inner .members-box-inner-content h5 { font-size: 20px; color: #fff; font-weight: bold; }
.members-box-inner .members-box-inner-content a { color: #fff; }
.members-box-inner .members-box-inner-content p { display : none; font-size: 15px; line-height : 18px; margin: 0; color: #fff;}

.display-none { display:none; }
.members-box-inner-bg {  text-align: center; background-color: #fff; margin-bottom: 20px; }
.members-box-inner-bg h5, .members-box-inner-bg h6 { font-size : 18px; line-height : 21px; }
.members-box-inner-bg a { color : #000000; padding: 40px 15px; display : block; }
.members-box-inner-bg:hover a { color : #ffffff; text-decoration : none; }

.members-box-wrapper-bg .col-md-4:nth-child(2n):hover .members-box-inner-bg { background-color : #055c2d; }
.members-box-wrapper-bg .col-md-4:nth-child(2n+1):hover .members-box-inner-bg { background-color : #572649;  }

.members-box-inner-bg h5, .members-box-inner-bg:hover h6 { display : block; } 
.members-box-inner-bg:hover h5, .members-box-inner-bg h6 { display : none; }