/*
Theme Name: Aftercare Group Barrie
Theme URI: http://agbarrie.ca/themes/agb/
Author: Muhammad Azam
Author URI: #
Description: Aftercare Group Barrie website for helping muslim community in Barrie during difficult time of funeral of a family member.
Version: 1.0
Text Domain: agbarrie
Tags: Muslim-Funeral, Funeral
This theme is property of Aftercare Group Barrie.
*/

/* Custom Coloring  */
body{
	background-color: #e9f7ef;
}
nav.bg-dark {
    background-color:#0c341d !important;
}

nav.bg-light{
	background-color:#eaf3ee !important;
}


/* stylelint-disable selector-list-comma-newline-after */
.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}

a.blog-header-logo.text-dark{
	color:#0c341d !important;
}

.btn.btn-sm.btn-outline-secondary{
	background-color:#0c341d;
	border-color:#0c341d;
	color:#fff;
}

.btn.btn-sm.btn-outline-secondary:hover{
	background-color:#eaf3ee;
	border-color:#0c341d;
	color:#0c341d;
}

a.text-muted{
	color:#0c341d !important;
}

.blog-header-logo:hover {
  text-decoration: none;
}

ul#menu-main-menu.nav.navbar-nav.menu-item{
	color:#0c341d !important;
}

h2, h3, h4, h5, h6{
	color:#0c341d !important;
}


.blog-post p{
	color:#0c341d !important;
}



h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
 /*height: 2.75rem;*/
  overflow-y: hidden;
}

.nav-scroller .py-1 .mb-2{
	margin-bottom: 0px;
}


.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
 /* padding-bottom: 1rem;*/
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 100px; }
} 

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  /*background-color: #f9f9f9;*/
  background-color:#eaf3ee;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

  @media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }
  
  /* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

.jumbotron{
	text-align:center;
	background-color:#243B0B;
	padding-top: 20%;
    padding-bottom: 20%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	/*min-height: 500px;*/
}
.jumbotron h1{
	color: #fff;
}

.jumbotron p{
	/*color: #fff;*/
	font-size:20px;
	color:#A5DF00;
}

.jumbotron .btn-primary{
	background-color:#0c341d;
	border-color:#0c341d;
}

.jumbotron .btn-primary:hover{
	background-color: #4CAF50; /* Green */
	border-color:#0c341d;
	color:#0c341d;
}

.pb-1, .py-1{
	padding-bottom: 0rem;
		!important;
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 576px) {
body {
  padding-top: 3.5rem;
}

.jumbotron{
	text-align:center;
	background-color:#243B0B;
	background-size: cover;
	/*padding-top: 20%;*/
	padding-top: 10%;
    padding-bottom: 20%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: 100% 100%;
    -o-background-size: cover;
	/*min-height: 500px;*/
}
.jumbotron h1{
	color: #000;
	font-size:24px;
}

.jumbotron p{
	/*color: #fff;*/
	font-size:16px;
	color:#fff;
}
.search-form-container{
margin-top:5px;
}

}

.boxes{
	text-align:center;
	background:#fff;
	margin-bottom:30px;
}
.box .fa-hands-helping {
	font-size:45px !important;
	margin-bottom:10px;
}

.box .fa-user-friends{
	font-size:45px !important;
	margin-bottom:10px;
}
.box .fa-globe {
	font-size:45px !important;
	margin-bottom:10px;
}
.box{
	padding:15px;
	border:#ccc 1px solid;
	background-color:#eaf3ee;
	border-radius: 10px;
}

.box .textwidget h2{
	color: #0c341d;
}

.box .btn-secondary {
	background-color:#0c341d;
	border-color:#0c341d;
}

.box .btn-secondary:hover{
	background-color: #4CAF50; /* Green */
	border-color:#0c341d;
	color: #0c341d;
}

@media (max-width: 768px) {
	.box {
	  margin-bottom: 1.5rem;
	}
  }
  
.post-thumb img{
	width:100%;
	height:auto;
	margin-bottom:8px;
}

.comments{
	border:1px #ccc solid;
	padding:10px;
	margin-bottom:20px;
	margin-top:10px;
}

.comments h3, .comments h2{
	background:#f4f4f4;
	color:#333;
	padding:5px;
}

.comment-body{
	border:#ccc solid 1px;
	margin-bottom:10px;
	padding:20px 10px;
}

.comment-meta{
	background:#428bca;
	color:#fff;
	padding:10px;
	overflow:auto;
}

.comment-meta a{
	color:#fff;
}

.comment-meta img{
	float:left;
	margin-right:10px;
}

.comment-reply-link{
	background:#428bca;
	color:#fff;
	display: inline-block;
	padding: 10px 15px;
}
.comment-form input, .comment-form textarea{
	width:100%;
	padding:4px;
	border:#ccc solid 1px;
	margin-bottom:15px;
}

.post-gallery{
	background:#333;
	color:#fff;
	padding:10px;
	text-align:center;
}

.post-gallery h2{
	color:#fff;
}

/* table in mobile */
@media screen and (max-width: 639px){
	.title {
		text-align: left;
	}
	
	.smart-table thead{
		display: none;
	}
	
	.smart-table tr, 
	.smart-table td{
		display: block;
	}
	
	.smart-table tr:not(:last-child){
		border-bottom: 5px solid #5ca0c3;
	}
	
	.smart-table td{
		padding-left: 54%;
		position: relative;
	}
	
	.smart-table td::before{
		position: absolute;
		padding: 5px;
		left: 0;
		top: 0;
		bottom: 0;
		width: 45%;
		content:attr(data-col-title);
		font-weight:bold;
		background-color: #fef6fa;
	}
} /*mobile */

/* desktop */
@media (min-width: 1024px){
	.title {
		text-align: center;
	}
}

/* Advance Custom Fields  */ 

.card-img-right{
	height:100%;
	border-radius: 0 3px 3px 0;
}
/*
.card .flex-md-row .mb-4 .box-shadow .h-md-250 {
    height: 100px;
}*/