/*
##    ##    ###    ##     ## 
###   ##   ## ##   ##     ## 
####  ##  ##   ##  ##     ## 
## ## ## ##     ## ##     ## 
##  #### #########  ##   ##  
##   ### ##     ##   ## ##   
##    ## ##     ##    ###    
*/
.k4nb-nav {
    margin-left:-15px;
    margin-right:-15px;
    /*background-color: RGBA(37, 50, 123, 0.5);
    background-color:#25327B;*/
    background: linear-gradient(0deg, rgba(37,50,123,1) 0%, rgba(37,50,123,0.25) 100%);
}
.k4nb-nav .nav-tabs {
  padding-top:0.5rem;
  /*padding-left:0.5rem;
  padding-right:0.5rem;*/
}
.k4nb-nav .nav-link {
  padding:0.5rem 0.25rem;
  color:#FFFFFF;
  border-bottom-color:#25327B;
}
@media (min-width:576px) {
  padding:0.5rem;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #25327B;
  background-color: #fff;
  border-color: #DEE2E6 #DEE2E6 #fff;
  font-weight:bold;
}
.nav-tabs .nav-link.active:hover {
  background-color:#FFFFFF;
  border-color:#DEE2E6 #DEE2E6 #FFFFFF;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #25327B #25327B #25327B;
  background-color:#9DA7E0;/*6C757D*/
}


/*
##     ## ########    ###    ########  ######## ########  
##     ## ##         ## ##   ##     ## ##       ##     ## 
##     ## ##        ##   ##  ##     ## ##       ##     ## 
######### ######   ##     ## ##     ## ######   ########  
##     ## ##       ######### ##     ## ##       ##   ##   
##     ## ##       ##     ## ##     ## ##       ##    ##  
##     ## ######## ##     ## ########  ######## ##     ## 
*/
.k4nb-header-container {
    background: url("../img/header-bg-01c-2000x1380.jpg");
    background-position:center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.k4nb-header-donate {
    position:absolute;
    top:15px;
    right:15px;
}
@media (min-width:768px) {
    .k4nb-header-donate {
        top:25px;
    }
}
.blog-header-logo img {
  height:60px;
}
@media (min-width:768px) {
  .blog-header-logo img {
    height:80px;
  }
}
.blog-header-vote-text {
  /*font-family: "Playfair Display", Georgia, "Times New Roman", serif;*/
  /*font-family: 'Zilla Slab', serif;*/
  font-family: 'Roboto', sans-serif;
  font-size:18px;
}
.blog-header-vote-text-2 {
  padding:0.125rem 0.25rem;
  font-size:16px;
  line-height:1.3;
  border:3px solid rgba(46,117,182,1.0);
  background:rgba(222,235,247,0.5);
}

.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;
  }
}

.blog-header .btn-donate {
  font-size:1.5rem;
}



/*
##     ##    ###    #### ##    ## 
###   ###   ## ##    ##  ###   ## 
#### ####  ##   ##   ##  ####  ## 
## ### ## ##     ##  ##  ## ## ## 
##     ## #########  ##  ##  #### 
##     ## ##     ##  ##  ##   ### 
##     ## ##     ## #### ##    ## 
*/
.page-title {
  font-size:1.375rem;
  text-align:center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .page-title {
    font-size:2.375rem;
    text-align:left;
    text-transform:none;
  }
}


.thumbnail-img-container {
  width:200px;
  height:100%;
  background:gray;
}
.thumbnail-img-container img {
  height:100%;
  width:100%;
  object-fit:cover;
}


.blog-post-title {
  font-size:2.375rem;
}
.blog-post-img-container {
  width:100%;
  height:300px;
  background:gray;
}
.blog-post-img-container img {
  height:100%;
  width:100%;
  object-fit:cover;
}
.img-caption {
  margin-bottom:1rem;
  font-size:0.875rem;
}




/*
 ######     ###    ########   #######  ##     ##  ######  ######## ##       
##    ##   ## ##   ##     ## ##     ## ##     ## ##    ## ##       ##       
##        ##   ##  ##     ## ##     ## ##     ## ##       ##       ##       
##       ##     ## ########  ##     ## ##     ##  ######  ######   ##       
##       ######### ##   ##   ##     ## ##     ##       ## ##       ##       
##    ## ##     ## ##    ##  ##     ## ##     ## ##    ## ##       ##       
 ######  ##     ## ##     ##  #######   #######   ######  ######## ######## 
*/
.carousel-item {
  position:relative;
  height:300px;
  overflow:hidden;
}
@media (min-width: 768px) {
  .carousel-item {
    max-height:600px;
  }
}
.carousel-item img {
  height:100%;
  width:100%;
  object-fit:cover;
}
.carousel-item .carousel-caption {
  /*position:absolute;
  z-index:1;
  top:1rem;
  right:1rem;
  color:#FFFFFF;
  text-align:right;*/
  font-size:1.25rem;
  /*font-family: "Playfair Display", Georgia, "Times New Roman", serif;*/
  /*font-family: 'Zilla Slab', serif;*/
  font-family: 'Roboto', sans-serif;
  text-shadow:0 0 0 rgba(0,0,0,0.5);

  /*position: absolute;*/
  right: 0;/*15%*/
  bottom: 0;/*20px*/
  left: 0;/*15%*/
  /*z-index: 10;*/
  padding-top: 20px;
  padding-bottom: 40px;/*20px*/
  padding-left:0.5rem;
  padding-right:0.5rem;
  /*color: #fff;
  text-align: center;*/
  background-color:rgba(0,0,0,0.35);
}





.k4nb-gallery {

}
.k4nb-gallery [class^="col"] {
  max-height:200px;
}
.k4nb-gallery [data-toggle='modal'] img {
  width: 100%;
  height: 100%;
  max-height:500px;
  object-fit:cover;
  border: 2px solid #FFFFFF;
}
.k4nb-gallery .modal-body img {
  width:100%;
}


/* ---- grid ---- */

.grid {
  background: #DDD;
  /*max-width: 1200px;*/
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 100px;
  height: 100px;
  /*background: #0D8;*/
  /*border: 2px solid #FFFFFF;*/
  /*border-color: hsla(0, 0%, 0%, 0.7);*/
}

.grid-item--width2 { width: 200px; }
.grid-item--height2 { height: 200px; }

.grid-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit:cover;
  border: 2px solid #FFFFFF;
}




/*
 ######  #### ########  ######## ########     ###    ########  
##    ##  ##  ##     ## ##       ##     ##   ## ##   ##     ## 
##        ##  ##     ## ##       ##     ##  ##   ##  ##     ## 
 ######   ##  ##     ## ######   ########  ##     ## ########  
      ##  ##  ##     ## ##       ##     ## ######### ##   ##   
##    ##  ##  ##     ## ##       ##     ## ##     ## ##    ##  
 ######  #### ########  ######## ########  ##     ## ##     ## 
 */
.blog-sidebar {
  font-weight:500;
}
@media (min-width: 768px) {
  .blog-sidebar {
    border-left: 1px solid #dee2e6;
  }
}
.blog-sidebar ul {
  /*list-style-type: square;*/
}



/*
########  #######   #######  ######## ######## ########  
##       ##     ## ##     ##    ##    ##       ##     ## 
##       ##     ## ##     ##    ##    ##       ##     ## 
######   ##     ## ##     ##    ##    ######   ########  
##       ##     ## ##     ##    ##    ##       ##   ##   
##       ##     ## ##     ##    ##    ##       ##    ##  
##        #######   #######     ##    ######## ##     ## 
*/
.footer-links li {
    padding-right:0.5rem;
    border-right:1px solid #CCCCCC;
}
.footer-links li:last-child {
    padding-right:0;
    border-right:0;
}




/*
########  ##     ## ######## ########  #######  ##    ##  ######  
##     ## ##     ##    ##       ##    ##     ## ###   ## ##    ## 
##     ## ##     ##    ##       ##    ##     ## ####  ## ##       
########  ##     ##    ##       ##    ##     ## ## ## ##  ######  
##     ## ##     ##    ##       ##    ##     ## ##  ####       ## 
##     ## ##     ##    ##       ##    ##     ## ##   ### ##    ## 
########   #######     ##       ##     #######  ##    ##  ######  
*/
.btn-darkblue {
    color: #fff;
    background-color: #25327B;
    border-color: #25327B;
}
.btn-darkblue:hover {
    color: #fff;
    background-color: #3C51C7;/*1d2761*/
    border-color: #3C51C7;
}
.btn-darkblue:focus, .btn-darkblue.focus {
    color: #fff;
    background-color: #3C51C7;
    border-color: #3C51C7;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-darkblue:not(:disabled):not(.disabled):active, .btn-darkblue:not(:disabled):not(.disabled).active, .show > .btn-darkblue.dropdown-toggle {
    color: #25327B;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}


/*
 ######   #######  ##        #######  ########   ######  
##    ## ##     ## ##       ##     ## ##     ## ##    ## 
##       ##     ## ##       ##     ## ##     ## ##       
##       ##     ## ##       ##     ## ########   ######  
##       ##     ## ##       ##     ## ##   ##         ## 
##    ## ##     ## ##       ##     ## ##    ##  ##    ## 
 ######   #######  ########  #######  ##     ##  ######  
*/
.k4nb-red {
  color:#EC1C2D;
}
.k4nb-red-bg {
  background-color:#EC1C2D;
}
.k4nb-blue {
  color:#25327B;
}
.k4nb-blue-bg {
  background-color:#25327B;
}





.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}