@charset "utf-8";
/* CSS Document */
/* =============================================================================
   Typography
   Color scheme 
   Blue: #198AC9 or #4898D3
   Green: #2FAE2D or #2FAE2D
   Orange: #F68B1F
   Pink: #EC008C
   Yellow: #FEE035
   Red: #ED1C24
   Purple: #A54399
   Maroon: #4898D3
   ========================================================================== */
/*Language Button */
.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}
.languagebutton {
	margin-top:20px;
}
/* Global Blocks */
.footer {
	background-color: #ECECEC;
	padding: 1.313em 0;
	margin: 1.313em 0;
	border-radius: 0px;
	text-align:center;
	font-size: 80%;
}
body {
	background-color:#198AC9;
}
.container {
	background-color:#ffffff;
}
/* Homepage Newsletter IFrame */
.homepage_frame {
	border: none;
	width:100%;
}

#user_name_formAcymailing63121 {
    width: 100%;
    height: 20px;
    border-radius: 5px;
    padding: 5px;
}
/* Images */
img.headerimg {
	width:100%;
}
.responsiveimg {
	border: none;
	width:100%;
}
/* Typography */
h1 {
	color:#198AC9;
	display: block;
	font-size: 2em;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
h2 {
	color:#2FAE2D;
	margin-top: 0;
	line-height: 1;
	display: block;
	font-size: 1.5em;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
h3 {
	color: #A54399;
}
a { color: #198AC9;  }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a.plain_link {
	list-style: none;
}

/* Navigation  */
.navbar-container { background-color: #2FAE2D}
.navbar-inverse { background-color: #2FAE2D}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #4898D3}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #4898D3}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #2FAE2D; border-radius:0px;}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(top,#198AC9 0,#198AC9 100%);
    background-image: -o-linear-gradient(top,#198AC9 0,#198AC9 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#198AC9),to(#198AC9));
    background-image: linear-gradient(to bottom,#198AC9 0,#198AC9 100%);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #198AC9;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-bottom-color: 1px solid #ddd;
}

/* Flat Buttons */
.flat-butt {
  display: inline-block;
  margin: 0 5px;
  border-radius: 0px;
  font-family: "Lato", sans-serif;
  font-size: 16.5px;
  padding: 12px 20px;
  border: 0;
  background: #2FAE2D;
  color: #FFF;
  cursor: pointer;
  outline: 0;
}
.flat-butt:hover {
  background: #4898D3;
}
.flat-primary-butt {
  background: #1abc9c;
}
.flat-primary-butt:hover {
  background: #2fe2bf;
}
.flat-info-butt {
  background: #3498db;
}
.flat-info-butt:hover {
  background: #5dade2;
}
.flat-danger-butt {
  background: #e74c3c;
}
.flat-danger-butt:hover {
  background: #ec7063;
}
.flat-border-butt {
  padding: 8px 20px;
  border: 4px solid #2C3E50;
}
.flat-border-butt:hover {
  border: 4px solid #2C3E50;
}
.flat-primary-border-butt {
  border-color: #16A085;
}
.flat-primary-border-butt:hover {
  border-color: #27AE60;
}
.flat-info-border-butt {
  border-color: #2980B9;
}
.flat-info-border-butt:hover {
  border-color: #2980B9;
}
.flat-danger-border-butt {
  border-color: #C0392B;
}
.flat-danger-border-butt:hover {
  border-color: #C0392B;
}
.flat-double-butt {
  padding: 8px 20px;
  border: 3px solid #FFF;
  box-shadow: #2FAE2D 0px 0px 0px 3px;
}
.flat-double-butt:hover {
  box-shadow: #4898D3 0px 0px 0px 3px;
}
.flat-primary-double-butt {
  box-shadow: #1abc9c 0px 0px 0px 3px;
}
.flat-primary-double-butt:hover {
  box-shadow: #2fe2bf 0px 0px 0px 3px;
}
.flat-info-double-butt {
  box-shadow: #3498db 0px 0px 0px 3px;
}
.flat-info-double-butt:hover {
  box-shadow: #5dade2 0px 0px 0px 3px;
}
.flat-danger-double-butt {
  box-shadow: #e74c3c 0px 0px 0px 3px;
}
.flat-danger-double-butt:hover {
  box-shadow: #ec7063 0px 0px 0px 3px;
}
.flat-underline-butt {
  text-decoration: underline;
}
.flat-grad-butt {
  background-image: linear-gradient(#2FAE2D 50%, #2C3E50 50%);
}
.flat-primary-grad-butt {
  background-image: linear-gradient(#1ABC9C 50%, #16A085 50%);
}
.flat-info-grad-butt {
  background-image: linear-gradient(#3498DB 50%, #2980B9 50%);
}
.flat-danger-grad-butt {
  background-image: linear-gradient(#E74C3C 50%, #C0392B 50%);
}
.flat-inner-butt {
  padding: 11px 0px;
  box-shadow: inset #2C3E50 -3px -3px 0px;
}
.flat-primary-inner-butt {
  background: #1ABC9C;
  box-shadow: inset #16A085 -3px -3px 0px;
}
.flat-info-inner-butt {
  box-shadow: inset #2980B9 -3px -3px 0px;
}
.flat-danger-inner-butt {
  box-shadow: inset #C0392B -3px -3px 0px;
}
.flat-outer-butt {
  padding: 11px 0px;
  box-shadow: #BDC3C7 2px 2px 0px;
}

/* Alert Bar */
.topalert{
	border-radius:0px;
}
.alert {
	padding: 10px 20px;
	text-align: center;
}
.storiestable {
	width:100%;
}
  .language_list ul {
	list-style: none;
}
/* Mobile accordian */
a.collapsed:hover, a.collapsed:focus {
    text-decoration: none !important;
}
.table-icon-header {
	text-align:right;
}

/* Media only */

@media only screen and (min-width: 980px) {
    /* tablets and desktop */
#header {
		background-image:url(http://www.bibleforchildren.org/images/header_1170.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-size:100%;
}
.container {
	margin-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
	border:1px solid #ffffff;
	border-radius:5px;
}
.nodesktop {
	display:none;
}
.navbar-nav {
	margin: 0;
	text-align: center;
	display: inline-block;
	font-size: large;
}
#main_content {
  margin:0px 50px;
  }
  .the-icons li {
    width: 12.5%;
  }
.language_list ul {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
}
@media (min-width: 768px) {
	    /* tablets and desktop */
#header {
		background-image:url(http://www.bibleforchildren.org/images/header_1170.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-size:100%;
}
.container {
	margin-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
	border:1px solid #ffffff;
	border-radius:0px;
}
.nodesktop {
	display:none;
}
.navbar-nav {
	margin: 0;
	text-align: center;
	display: inline-block;
	font-size: medium;
}
#main_content {
  margin:0px 50px;
  }
  .the-icons li {
    width: 12.5%;
  }
  .language_list ul {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
}

@media only screen and (max-width: 768px) {
    /* tablets and desktop */
	#header {
		background-image:url(http://www.bibleforchildren.org/images/header_767.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-size:100%;
}
.container {
	margin-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
}
.notablet {
	display:none;
}
.navbar-nav {
	margin: 0;
	text-align: center;
	display: inline-block;
	font-size: medium;
	width:100%;
}
}

/*@media only screen and (max-width: 767px) { */
    /* phones */
/*	#header {
		background-image:url(http://www.bibleforchildren.org/images/header_767.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-size:100%;
}
.container {
	margin-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
}
.nomobile {
	display:none;
}
}*/

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
		#header {
		background-image:url(http://www.bibleforchildren.org/images/header_767.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-size:100%;
}
.container {
	margin-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
}
.nomobile {
	display:none;
}
}