@charset "utf-8";
body{
overflow-x: hidden;
margin:0;
padding:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" "montserrat";
height:100%;
width:100%;
}
hr.my-1 {
border-top: 1px dashed #0071BC;
}

.list1 li{
list-style:none;
}
.partner-give{
font-size:14px;	
}
#side1{
background-color:#0071BC;
color:#fff;
font-size:12px;
text-align:center;
}
#learn-background{
background-image: url("../images/ikeakabogu-banner-IAM.jpg");
color:#fff;
background-repeat:no-repeat;
background-size:cover;
background-color: #231F20;
background-blend-mode: multiply;
/*display: block;*/
/*position: relative;*/
/*height: 0;
padding-bottom: 40%;
background-size: cover;

/*background-color:black;
opacity: 0.84;
background-blend-mode:multiply;*/
}
#row-1 {
background-color:#447FA4 ;
color: #FFFFFF;
text-align: center;
font-size: 13px;
/*	font-family: Roboto, Arial;*/
font-weight:400;
display:none;
margin-bottom:25px;
}
.about-top{
font-size:2rem;
padding-top:8px;
color:#405172;	
}
.sp-1{
padding-left:1rem !important;
padding-right:1rem !important;	
}
#row-1 #menu-text {
text-align: center;
font-size: 15px;

}
ul li a{
font-weight:500;
font-size: 17px;
text-align: center;
margin-top: 0px;
color:#447FA4;
}
.active{
font-weight:900;
color:#4F5E1C;
/*background-color:#fff;*/
}
.active, #iam{
/* background-color:red !important;*/
font-weight:900 !important;
color:#000 !important;
}
.active, #sofci{
font-weight:900 !important;
color:#000 !important;
}
#nav2 ul{
background-color:#447FA4;
width: 100%;
text-align: center;
margin-bottom: 0;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
}
#nav2 ul li{
list-style: none;
display:inline-block;
padding:0 18px;
}
#nav2 ul li a{
text-decoration: none;
/* padding:0 20px*/;
/* 0 is top and bottom, 20px is left and right*/
display:block;/* makes all the surroundings clickable*/
color:#fff;
/*  text-transform: uppercase;*/
line-height:15px; 
padding-top:17px;
padding-bottom:10px;
font-family: Lato, Arial;
font-weight:300;
}
.media-ul {
margin:0;
padding:0;
}
.media-ul a {
/*text-decoration:underline;*/
padding-right:10px;
padding-left:10px;
background-color:#BCC59C;
color:#000;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}
.media-ul a:hover{
color:#262626;
text-decoration:none;
}
.media-ul li{
display:inline;
/*padding:0 18px; */
}
#nav2 li.active a[tabindex]:focus {
color:blue;
outline: none;
}
.dropdown-menu{
background-color:#447FA4;
font-family: Lato, Arial;
}
.dropdown-menu a:hover{
background-color:#BCC59C;
}

.carousel-item {
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}

#banner-image {
background-image: url("../images/ikeakaboguministries_banner_image.png");
background-color: #cccccc;
height: 350px;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
position:relative;
margin-top: 0;
}
#banner-image-media {
background-image: url("../images/salvation.jpg");
background-color: #cccccc;
height: 350px;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
position:relative;
margin-top: 0;
}
#banner-image-partner {
background-image: url("../images/SOFCI_Banner.png");
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 20%;
background-size: 100%;
background-repeat: no-repeat;
}

#banner-image-about {
background-image: url("../images/SOFCI-Banner.png");
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 35%;
background-size: 100%;
background-repeat: no-repeat;
}
#banner-image-scripture {
background-image: url("../images/hurting.jpg");
height: 250px;
background-position: center; 
background-repeat: no-repeat;
background-size:100%;
}
#banner-image-question{
background-image: url("../images/hurting.jpg");
height: 350px;
background-position: center top; 
background-repeat: no-repeat;
background-size:cover;
}
#banner-image-ike{
background-image: url("../images/Pastor-Ike-Akabogu.png");
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 30%;
background-size: 100%;
background-repeat: no-repeat;
}
#banner-image-give{
background-image: url("../images/ike-akabogu.jpg");
height:450px;
background-position: top; 
background-repeat: no-repeat;
background-size:cover;
}
#salvation{
min-height: 350px;
position: relative;  
}

#example1 {
background-color:#BCC59C;
box-shadow:10px 10px 5px lightblue;
padding-top:25px;
padding-bottom: 15px;
color:#ffffff;
font-weight: 500;
}
#example2 {
background-color: #FFF;
box-shadow:10px 10px 5px lightblue;
padding-top:25px;
padding-bottom: 15px;
color:#000;
font-weight: 500;
}
#example3 {
background-color:#4F5E1C;
box-shadow:10px 10px 5px lightblue;
padding-top:25px;
padding-bottom: 15px;
color:#ffffff;
font-weight: 500;	
}
.contact:hover{
opacity:0.8;
cursor:pointer;
}
footer{
background-color:#447FA4;
text-align: center !important;
color:#ffffff;
width: 100% !important;
}
.laptop-logo{
display: none;
}
.mobile-logo{
width:35%;
/* padding-bottom: 20px;*/
line-height: 5px;
/* margin-top:15px;*/
}
.head{
text-align: center;
padding:20px;
color:#447FA4;
}
.text-link{
text-decoration:none !important;
color:#447FA4;
}
.text-line {
overflow: hidden;
text-align: center;
padding-bottom: 1rem !important;
letter-spacing:2px;
word-wrap: break-word;
font-size:1.5rem;
margin-top:10px;
}

.text-line:before,
.text-line:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;	
}

.text-line:before {
right: 0.5em;
margin-left: -50%;	
}

.text-line:after {
left: 0.5em;
margin-right: -50%;
}
.panel-heading {
padding: 0;
border:0;
}
.panel-title>a, .panel-title>a:active{
display:inline-block;
/*padding:15px;*/
color:#555;
font-size:14px;
font-weight:bold;
/*	text-transform:uppercase;*/
	letter-spacing:1px;
}
.panel-heading.active a:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
} 
.panel-title{
color:#447FA4;
text-decoration:none;
word-wrap: break-word;
letter-spacing:1px;
font-size:14px;
}

#box-1 {
background-color:#447FA4;
text-align: center;
padding-top:25px;
padding-bottom: 15px;
color:#fff;
box-shadow: 0 -5px 3px -3px black, 0 5px 3px -3px black;
letter-spacing:2px;
word-wrap: break-word;
}
#box-2 {
background-color:#fff;
text-align: center;
padding-top:25px;
padding-bottom: 15px;
color:#000;
font-weight: 500;
box-shadow: 0 -5px 3px -3px black, 0 5px 3px -3px black;
letter-spacing:2px;
word-wrap: break-word;
}
#box-3 {
background-color:#447FA4;
text-align: center;
padding-top:25px;
padding-bottom: 15px;
color:#fff;
font-weight: 500;
box-shadow: 0 -5px 3px -3px black, 0 5px 3px -3px black;
letter-spacing:2px;
word-wrap: break-word;
}
.img-group{
width: 200px !important;
height:200px !important;
object-fit: cover;
object-position: top center;  
}
.small-bg{
background-color: #fff;   
}
.contact_text,.contact_heading{
/*color:#fff;*/
word-wrap: break-word;
color:#1F3147;
}
.contact_phone{
word-wrap: break-word;
color:#1F3147;
}
.contact_report{
padding:10px;
color:#000;
letter-spacing:2px;
word-wrap: break-word;
text-align: center;
/*	background-color:#E3EDF3;*/
}
.contact-space{
background-color:#E3EDF3;
color:#000;
}
/* Dropdown Button */
.dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
/*position: relative;*/
display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
/*position: absolute;*/
background-color: #f1f1f1;
/* min-width: 160px;*/
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
#events-bg{
background-color:#E3EDF3;
border-top: 10px solid #447FA4;
}
.upcoming-events li,a{
list-style: none;
padding:0px;
letter-spacing:1px;
color:#1F3147;
line-height: 24px;
font-size:14px;
}
.upcoming-events2 li{
list-style:none !important;
}
.upcoming-events2 li a{
 font-size:14px !important;  
 color:#1F3147 !important;
 font-weight:normal !important;
}
.useful-links a{
color:#000;
}
.IAM-heading{
color:#4F5E1C;
margin-top: 10px;
}
.IAM-text{
color:#000;
letter-spacing:1px;
font-size:16px;
padding:10px;
}
.IAM-text-2{
color:#000;
letter-spacing:1px;
padding:20px;
font-size:16px;
}
.vod{
-moz-box-shadow: 10px 10px 5px #ccc;
-webkit-box-shadow: 10px 10px 5px #ccc;
box-shadow: 10px 10px 5px #ccc;
-khtml-box-shadow: 10px 10px 5px #ccc;
margin-top:10px;
}
.home-links,.home-link{
color:#000;
font-size:18px;
}
.home-links:hover{
color:#4F5E1C;
text-decoration: none;
}
.home-link:hover{
color:#BCC59C;
text-decoration: none;
}
.other-links{
padding: 0;
margin:0;
list-style: none;       
}
.other-links li{
display: inline-block;
/*background: #ffa500;*/
padding: 0;
margin:0;
}
.about-list{
margin:0;
padding:0;
}
.about-list li{
list-style:none;
 } 
.about-list li a{
font-weight:400 !important;  
text-decoration:none;
color:#1F3147;
font-size:15px !important;
}
#playlist{
list-style:none;
}
#playlist li a{
color:black;
text-decoration:none;
font-size:18px;
}
#playlist .current-song a{
color:blue;
}
.faithseminar-heading{
font-weight: 700 !important;
font-size: 1.7rem;
color: #447FA4;
}
.faithseminar-location{
color: #447FA4;
}
blockquote {
/*background: #f9f9f9;*/
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
.hurt{
font-size:1.75rem;
color:#447FA4;
margin-top:10px;
}
.hurting-scripture{
border:1px solid #447FA4;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
width: 60% !important;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.hurting-scripture-no-border{
padding-top: 1rem !important;
padding-bottom: 1rem !important;
width: 60% !important;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.mlm-line-color {
background-color: #405172;
} 
.vertical-line {
margin-left: 50%;
width: 1px;
height: 50px;
top:0;
}
.sal-line{display:block; margin:25px}
.sal-line h2{font-size:1.75rem; text-align:center; border-bottom:1px solid #447FA4; position:relative;color:#447FA4; }
.sal-line h2 span { background-color: white; position: relative; top: 10px; padding: 10px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);}

.jumbotron{
background-image: url("../images/Hurting.webp");
min-height: 350px;
background-position: center bottom; 
background-repeat: no-repeat;
background-size:cover; 
width:100%;
}
.mlm-background-color {
background-color: #E3EDF3;
} 
.img-container {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
margin-bottom: 2rem !important;
}
.mlm-text-color {
color: #447FA4;
}
.text-left {
text-align: left!important;
}
figure {
margin: 0 0 1rem;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
.figure-caption {
font-size: 90%;
color: #6c757d;
}
.links:hover{
text-decoration:none;
}
.font-weight-bold {
font-weight: 700!important;
font-size:1.5rem;
color: #447FA4;
}
.mx-3 {
margin-left: 1rem!important;
margin-right: 1rem!important;
}
.mlm-btn {
background-color: #447FA4;
border: none;
color: white;
margin: 5px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 6px;
outline: none !important;
box-shadow: none !important;
font-weight: normal;
}
.mlm-btn:hover{
color:#000;
}
#joy-top{
background-color: #447FA4;
color: #FFFFFF;
text-align: center;
font-size: 13px;
font-weight:400;
margin-bottom:25px;
}
.partner-text{
color:#000;
font-size:16px;
padding:13px;
}
.partner-head{
text-decoration-line: underline;
text-decoration-style:underline;
text-decoration-color:#447FA4;
}
#partnerform{
margin-left: 20px;
margin-right: 20px;
display: block;
margin-top: 0em;
}
.form-check-label{
font-size: 16px;
}
.pastor-text{
text-align:center;
padding:16px;
}
.Travel-iti{
font-size:16px;
}
/*.carousel-inner img{*/
/*width:100%;*/
/*height:100%;*/
/*}*/
label{
font-size:16px;
}
.index-text{
font-size:18px;
}
.about-text{
font-size:14px;
}
audio{
max-height: 100%;
max-width: 100%;
margin:auto;
object-fit: contain;
display:block;
}

@media only screen and (max-width: 479px) {
.jumbotron{
background-image: url("../images/Hurting.webp");
min-height: 350px;
background-position: center bottom; 
background-repeat: no-repeat;
background-size:cover; 
width:100%;
}
#nav2 ul, .media-ul{
margin:0 !important;
padding:0 !important;
/*background-color:red;*/
/*height:50px*/;
display:inline-block !important;
}
#nav2 li{
margin:5px !important;
padding:0 !important;
/*background-color:green;*/
}
#nav2 a{
padding-top:0px !important;
padding-bottom:0px !important;
font-family: Lato, Arial;
font-weight:100 !important;
font-size:10px;
}
.media-ul a {
padding-top:3px !important;
padding-bottom:0px !important;
font-family: Lato, Arial;
font-weight:100 !important;
padding-right:10px !important;
padding-left:10px !important;
}
.media-ul a:hover{
color:#262626;
 }
.media-ul li{ font-size:12px;margin:0 !important;padding:0 !important; }
.dropdown-menu a{
line-height:25px !important;
font-size:10px;
}
.mobile-logo{
width:55% !important;
}
}

@media only screen and (min-width: 768px) {
#row-1{
display:block;
width:100%;
padding-bottom:5px 0px;
}
.laptop-logo{
display: block;
}	
.mobile-logo{
display:none;
}
.line{
display:block;
}
.carousel-inner img{
width:100%;
height:100%;
}
}
@media only screen and (max-width: 768px) {
ul li a{
text-align: left !important;
font-size:12px !important;
}
    
#banner-image{
vertical-align:middle;
}
.small-bg{
margin:16px;
}
#banner-image-give{
height:200px;
background-position:center; 
}
.block{
max-width:100% !important;
height:120px !important;
object-fit:cover !important;
object-position:center !important;;
}

.carousel-inner img{
 
width:100% !important;
height:100% !important;

}
 
#box-3{
margin-right: auto !important;
margin-left: auto !important;
margin-top:10px !important;
}
.line{
display:none;
}
.jumbotron{
background-image: url("../images/Hurting.webp");
min-height: 350px;
background-position: center bottom; 
background-repeat: no-repeat;
background-size:cover; 
width:100%;
margin-top:0 !important;
}

}