/*
Theme Name: SBIA 2017
Theme URI: http://sbia.info/
Description: SBIA's custom theme.
Version: 1
Author: Muddsar Jamil 
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap')


body {
/*     background-image: url('imgs/bg.png'); */
    font-family: "Inter", sans-serif;

}

.grecaptcha-badge { 
    visibility: hidden !important;
}

.preheader {
    background-color: rgb(31, 47, 60);
    color: #D89F11;
}
/* Newsletter card special handling */
#pid_14879{
	 background-color: rgb(31, 47, 60);
    color: white;
}

.navbar-brand   { color: #D89F11 !important;
text-transform: uppercase

}
.navbar-brand img {
    width: 150px;
}

 .bg-faded { background-color: rgba(255, 255, 255, 0.9);

}
.home-container {
    background-color: rgba(255,255,255,.95) !important;
}
.page-container {
    background-color: rgba(255,255,255,1) !important;

}
.navbar ul li a {
     color: rgb(55, 58, 60) !important;
/*      text-transform: uppercase; */
 }
.navbar ul li a:hover { color: #D89F11 !important; }



.chalkboard {
	text-align: center;
/*     font-weight: bold;
    text-transform: uppercase; */
/*     background-image: url(imgs/Board.jpg); */
    /*background-color: #4e4e50;*/
    color: white;
    overflow: hidden;
/* 	background-color: #A9C9FF; background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%); */
	
/* 	background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); */
	
	background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
	
	
}
.card-header-prayer {
    border-radius: 0; color: #333;
    background-color: white;
}
.card-prayer {
    background-color: rgba(0,0,0,.3);
    border-radius: 4px;
}
 
.card-donate { border-radius: 0;
}

table.prayer_table {
	border-collapse: separate;
  	border-spacing: 10px;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 0 !important;
}
table.prayer_table td { 
		border: 0!important;
		

}

.card-prayer h5 {
    color: white;
}

.card-prayer footer small {
/*     color: #D89F11; */
	font-size: 90%; font-weight: normal;
}

.home_card {
box-shadow: 0px 0px 15px 0px rgba(119, 119, 119, 0.51);
    border: 0;
    border-radius: 10px;
}
.home-card-img-top {
    width: 100%;
    height:auto;
  border-radius: 10px 10px 0 0;
}

.card-tag {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0,0,.5); color: white;
    padding: 10px;
    text-transform: uppercase;
}

.card-footer {
    text-align: right;
    background-color: #f1f6f8;

}

.subtitle {
    padding: .75rem 1.25rem;
    background-color: #f1f6f8;
    margin-left: -1.25rem;     margin-right: -1.25rem;
    font-size: 85%;
    color: #D89F11;
    text-align: right;
}
.subtitle a, .subtitle a:hover, .subtitle a:visited {
    color: #D89F11;
    text-decoration: underline;
}

.cursor-pointer {
	cursor: pointer !important;
}
.footer {
    background-color: rgba(0,0,0,.80) !important;
    color: #EBEBEB;
    font-size: 85%;

}

/* The featured video player adds a little play triangel that's unnecessary */
.fvp-onload {display: none;}
.fvp-responsive iframe { width: 100% !important;}

.card-columns {
    column-count: 2;
  }

/** This is to set the home's card columns to 2 column layout when using medium sized devices (ipad) **/

@media (min-width: 768px) { 
.card-columns {
    column-count: 2;
  }

}
  
@media (min-width: 992px) { 
.card-columns {
    column-count: 2;
  }
}


/* Navbar fix *
https://github.com/twbs/bootstrap/issues/21590
 */
@media (max-width: 576px) {
    nav > .container {
        margin-left: 0;
        margin-right: 0;
    }
  
  .card-columns {
    column-count: 1;
  }
}