/*!
Theme Name: Signal Blog Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: signal-blog-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Signal Blog Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}















/*============================================*/
/*===========                        =========*/
/*===========       Theme Styles     =========*/
/*===========                        =========*/
/*============================================*/




/*
Roboto Condensed Light

font-family: roboto-condensed, sans-serif;
font-weight: 300;
font-style: normal;

Roboto Condensed Italic

font-family: roboto-condensed, sans-serif;
font-weight: 400;
font-style: italic;

Roboto Condensed Regular

font-family: roboto-condensed, sans-serif;
font-weight: 400;
font-style: normal;

Roboto Condensed Bold Italic

font-family: roboto-condensed, sans-serif;
font-weight: 700;
font-style: italic;

Roboto Condensed Bold

font-family: roboto-condensed, sans-serif;
font-weight: 700;
font-style: normal;

*/



.logged-in .aboveHeader {
  top: 32px;
}

body {
    
font-family: roboto-condensed, sans-serif;
font-weight: 300;
font-style: normal;
    
}

.hero .hero-main h1{
  font-size: 60px;
  text-align: center;
  color:#fff;
 }

 .hero_CTA_row p{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: #fff;
}

h1,h2,h3,h4,h5,h6, b{
  font-weight: 600;
}



.entry-content h2, .entry-content h2 strong{
  font-size: 28px;
  font-weight: 400;

}

.entry-content h3, .entry-content h3 strong{
  font-size: 22px;
  font-weight: 400;
}

.entry-content h4, .entry-content h5, .entry-content h4 strong,, .entry-content h5 strong{
  font-size: 20px;
  font-weight: 400;
}

.entry-content h6, .entry-content h6 strong{
  font-size: 18px;
  font-weight: 400;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .hero .hero-main h1{
    font-size: 45px;
   }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .hero .hero-main h1{
    font-size: 40px;
   }

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .hero .hero-main h1{
    font-size: 30px;
   }  

}


/*
 * Globals
 */



.fill {object-fit: fill;}
.contain {object-fit: contain;}
.cover {object-fit: cover;}
.scale-down {object-fit: scale-down;}
.none {object-fit: none;}


.grow { 
transition: all .2s ease-in-out; 
}

.grow:hover { 
transform: scale(1.1); 
}


/*spacing*/


.marginNeg30{
  margin-bottom: -30px;
}

.marginNeg40{
  margin-bottom: -40px;
}

.marginNeg50{
  margin-bottom: -50px;
}
.marginNeg60{
  margin-bottom: -60px;
}
.margin-1{
  margin-top:40px !important;
  margin-bottom: 40px;
}

.margin-2{
  margin-top:300px;
  margin-bottom: 120px;
}

.padding-1{
  padding-top:80px;
  padding-bottom: 80px;
}
/*general styles*/
.uc{
  text-transform: uppercase;
}

.bold{
  font-weight: 700;
}
.underline{
  text-decoration: underline;
}

.img-fluid{
  width:100%;
}
/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .margin-1{
    margin-top:40px;
    margin-bottom: 40px;
  }

  .margin-2{
    margin-top:150px;
    margin-bottom: 100px;
  }

  .padding-1{
    padding-top:100px;
    padding-bottom: 100px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .margin-1{
    margin-top:40px;
    margin-bottom: 40px;
  }

  .margin-2{
    margin-top:90px;
    margin-bottom: 80px;
  }

  .padding-1{
    padding-top:80px;
    padding-bottom: 80px;
  }

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .margin-1{
    margin-top:40px;
    margin-bottom: 40px;
  }

  .margin-2{
    margin-top:40px;
    margin-bottom: 40px;
  }

  .padding-1{
    padding-top:40px;
    padding-bottom: 40px;
  }

}




/*colors*/

a{
  color: #4f7ce5;
  text-decoration: none;
}
a:hover{
  color: #f1b356;
}
.white{
  color: #fff !important;
}


.themeColor{
  color:#4f7ce5 !important;
}
.themeColorBG{
  background-color:#4f7ce5 !important;
}

.bg-warning{
  background-color:#4f7ce5 !important;
}



/*============================================*/
/*============================================*/
/*=======       Header /  Navbar     =========*/
/*============================================*/
/*============================================*/

header .aboveHeader{
	height: 250px;
}


header .img-logo{
  max-width: 600px;
}

header .aboveHeader h2{
  font-size: 44px;
}


#mainNav{
  padding-top: 0px;
  padding-bottom: 0px;

}

.navbar-dark .navbar-brand {
  color: #fff;
  font-size: 36px;
}

#mainNav .nav-link{

  padding:15px;
}

.navbar-dark .navbar-nav .nav-link{
  color: #fff;

}

#mainNav .nav-link.active{
  background-color: #000;
}


.navbar-dark .nav-item{
  color: #fff;
  font-weight: 400;
  font-size: 20px;

}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  #mainNav{
    padding-top: 5px;
    padding-bottom: 5px;

  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 688px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  header .aboveHeader{
    height: 120px;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}

/*============================================*/
/*============================================*/
/*=======     hero blog-section       ========*/
/*============================================*/
/*============================================*/



.hero-article h2{
  font-size: 18px;
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 688px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}


/*============================================*/
/*============================================*/
/*=======        blog posts           =========*/
/*============================================*/
/*============================================*/


.single-post .post-thumbnail{
  margin-bottom: 20px;
}
.blog-section{
  margin-top:40px;
  margin-bottom: 60px;
}

.blog-section .blog-card{
  height: auto !important;
}
.blog-section .blog-card .card-body{
  padding-top: 0px !important;
}

.blog-section.single{
  margin-top:40px;
}


.blog-section.single .entry-header h1, .page-header .page-title{
  font-size: 32px;
  margin-bottom:20px;
}

.blog-section article{
  margin-bottom:60px;
}

.post-thumbnail{
  margin-top:10px;
}
.blog-section.post-thumbnail, .post-thumbnail img{
  width:100%;
  height:auto;
  margin-top: 2px;
  margin-bottom: 10px;
}

.blog-section .entry-title{
  margin-bottom: 0px;
}
.blog-section .entry-title, .entry-title a{
  font-size: 18px;
  /*color:#324b70;*/
}
.blog-section a:hover{
  /*color: #90986b !important;*/
  text-decoration: none;
}
.blog-section a, .entry-footer a{
  /*color: #90986b !important;*/
}

.blog-section .breadcrumb-item a{
  color: #6c757d;
}
.blog-section .nav-links a, .entry-content a{
  /*color: #90986b !important;*/

}

.entry-footer span{
  margin-right:20px;
}
.entry-footer .comments-link{
  display:block;
}
.entry-footer .comments-link a{
  /*color: #90986b !important;*/
}

/*blog sidebar*/

.sidebarSection{
  margin-top: 50px;
  margin-bottom: 50px;
}
.widget-title{
  font-size: 24px;
}

.blog-sidebar .widget {
  margin-bottom: 30px;

}
.blog-sidebar .widget ul{
  padding: 0;
  padding-left:10px;
    list-style-type: none;

}
.blog-sidebar .widget li{
  font-size: 18px;
  margin-bottom: 10px;
}
.blog-sidebar .widget li a{
  color: #90986b !important;
}
.blog-sidebar .widget li a{
  color: #90986b !important;
}
.blog-section .blog-sidebar{
  padding-left:50px;
}


.read-more{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

#secondary{
  margin-top:80px;
}

#popup{
  overflow: hidden;
}
#popup h2{
  padding-top:20%;
}


.blog-sidebar .search-form {
  margin-bottom: 20px;

}

.blog-sidebar .search-form label{
  display: inline-block;
  width:60%;

}
.blog-sidebar .search-form .search-field{
  display: inline-block;
  width:100%;
  border-radius: 0px;
}

.blog-sidebar .search-form .search-submit{
  display: inline-block;
  width:38%;

}

.blog-sidebar .sb_instagram_header{
  display:none !important;
}



.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #90986b;
  border-color: #90986b;
}


  .page-link, .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }
  .page-numbers.current{
     color: #666 !important;
     font-weight: 600;
  }
  .page-numbers.dots{
    color: #666 !important;
  }




/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
  .blog-section.single {
  margin-top: 40px;
  }
  .blog-section .blog-sidebar{
    padding-left:30px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
  .blog-section .blog-sidebar{
    padding-left:10px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}





/*============================================*/
/*============================================*/
/*=======        blog-card           =========*/
/*============================================*/
/*============================================*/

.blog-card h2, .blog-card .title, .hero-article{
  font-size: 22px;
  text-transform: uppercase;
}
.blog-card h3{
  font-size: 20px;
}
.blog-card img{
  height: 100%;
  object-fit: cover;
}
.blog-card .details,
.blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.blog-card .details {

  margin: auto;
  color: #716f6f;
  padding: 10px;
  width: 100%;
  font-size: 0.9rem;
}
.blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blog-card .details ul li {
  display: inline-block;
}
.blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 10px;
}
.blog-card .details .tags li {
  margin-right: 2px;
}
.blog-card .details .tags li:first-child {
  margin-left: -4px;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.blog-card h2, .blog-card .title, .hero-article .title{
	  font-size: 20px;
	}
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.blog-card h2, .blog-card .title, .hero-article .title{
	  font-size: 18px;
	}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.blog-card h2, .blog-card .title, .hero-article .title{
	  font-size: 16px;
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}

/*============================================*/
/*============================================*/
/*============  base-blog-cards  =============*/
/*============================================*/
/*============================================*/


.base-blog-cards .blog-card{
  height: 300px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.base-blog-cards .blog-card{
	  height: 330px;
	}
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.base-blog-cards .blog-card{
	  height: 350px;
	}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.base-blog-cards .blog-card{
	  height: 320px;
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 688px) {
	.base-blog-cards .blog-card{
	  height: 340px;
	}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.base-blog-cards .blog-card{
	  height: auto;
	}
	.base-blog-cards .blog-card .h-100{
		height: auto !important;
	}
	.base-blog-cards .blog-card img{
		height: 250px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}


/*============================================*/
/*============================================*/
/*============  overlay-cards  ===============*/
/*============================================*/
/*============================================*/

.overlay-cards .blog-card {
  display: block;
  position: relative;
 /* top: 7vw;*/
  width: 100%;
  height: 250px !important;
  margin: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);
  transition: all 450ms ease-out 0s;
  overflow: hidden;
  margin-bottom: 20px;
}
.overlay-cards .blog-card .blog-img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
  overflow: hidden;
}
.overlay-cards .blog-card:hover {
  box-shadow: 0 2px 35px rgba(0, 0, 0, 0.85);
}
.overlay-cards .blog-card:hover .text-overlay {
  background: rgba(255, 255, 255, 0.8);
  height: 50%;
  top: 50%;
  transition: all 450ms ease-in-out 0s;
}
.overlay-cards .blog-card:hover p {
  height: 60px;
  transition: all 350ms ease-in-out 0s;
}
.overlay-cards .blog-card .read-more {
  visibility: visible;
}
.overlay-cards .blog-card:hover .read-more {
  visibility: visible;
}
.overlay-cards .text-overlay {
  position: relative;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 40%;
  top: 60%;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.3);
  padding: 10px 12px;
  overflow: hidden;
  transition: all 450ms ease-in-out 0s;
  cursor: pointer;
}
.overlay-cards .text-overlay h2 {
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0.0225em;
  width: auto;
  margin: 0;
}
.overlay-cards .text-overlay p {
  color:#373737;
  /*width: 380px;*/
  height: 38px;
  margin: 8px 0;
  line-height: 1.25;
  text-overflow: ellipsis;
  /*overflow: hidden;*/
}
.overlay-cards .text-overlay a {
  color: #4f7ce5;
  text-decoration: none;
  transition: all 350ms linear;
  visibility: hidden;
}
.overlay-cards .text-overlay a:hover {
  color: #449cc5;
  border-bottom: 1px dotted #47a8f2;
}
@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}






/*============================================*/
/*============================================*/
/*=======   third-img-slide-cards    =========*/
/*============================================*/
/*============================================*/


.third-img-slide-cards .blog-card {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6%;
  background: #fff;
/*  line-height: 1.4;*/
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
}
.third-img-slide-cards .blog-card a {
  color: inherit;
}
.third-img-slide-cards .blog-card a:hover {
  /*color: #4f7ce5;*/
}
.third-img-slide-cards .blog-card:hover .photo {
  transform: scale(1.3) rotate(3deg);
}
.third-img-slide-cards .blog-card .meta {
  position: relative;
  z-index: 0;
  height: 200px;
}
.third-img-slide-cards .blog-card .photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.2s;
}
.third-img-slide-cards .blog-card .details,
.third-img-slide-cards .blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.third-img-slide-cards .blog-card .details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  margin: auto;
  transition: left 0.2s;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  width: 100%;
  font-size: 0.9rem;
}
.third-img-slide-cards .blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.third-img-slide-cards .blog-card .details ul li {
  display: inline-block;
}
.third-img-slide-cards .blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.third-img-slide-cards .blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.third-img-slide-cards .blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 10px;
}
.third-img-slide-cards .blog-card .details .tags li {
  margin-right: 2px;
}
.third-img-slide-cards .blog-card .details .tags li:first-child {
  margin-left: -4px;
}
.third-img-slide-cards .blog-card .description {
  padding: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.third-img-slide-cards .blog-card .description h1,
.third-img-slide-cards .blog-card .description h2 {

}
.third-img-slide-cards .blog-card .description h1 {
  line-height: 1;
  margin: 0;
  font-size: 1.7rem;
}
.third-img-slide-cards .blog-card .description h2 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: 600;
  color: #676262;
}
.third-img-slide-cards .blog-card .description .read-more {
  text-align: right;
}
.third-img-slide-cards .blog-card .description .read-more a {
  /*color: #4f7ce5;*/
  display: inline-block;
  position: relative;
}
.third-img-slide-cards .blog-card .description .read-more a:after {
  content: "";
  font-family: FontAwesome;
  margin-left: -10px;
  opacity: 0;
  vertical-align: middle;
  transition: margin 0.3s, opacity 0.3s;
}
.third-img-slide-cards .blog-card .description .read-more a:hover:after {
  margin-left: 5px;
  opacity: 1;
}
.third-img-slide-cards .blog-card p {
  position: relative;
  margin: 1rem 0 0;
}
.third-img-slide-cards .blog-card p:first-of-type {
  margin-top: 1.25rem;
}

/* line aboce p tag */
.third-img-slide-cards .blog-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #4f7ce5;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}
.third-img-slide-cards .blog-card:hover .details {
  left: 0%;
}
@media (min-width: 640px) {
  .third-img-slide-cards .blog-card {
    flex-direction: row;
   /* max-width: 700px;*/
  }
  .third-img-slide-cards .blog-card .meta {
    flex-basis: 40%;
    height: auto;
  }
  .third-img-slide-cards .blog-card .description {
    flex-basis: 60%;
  }
  .third-img-slide-cards .blog-card .description:before {
    transform: skewX(-3deg);
    content: "";
    background: #fff;
    width: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .third-img-slide-cards .blog-card.even {
    flex-direction: row-reverse;
  }
  .third-img-slide-cards .blog-card.even .description:before {
    left: inherit;
    right: -10px;
    transform: skew(3deg);
  }
  .third-img-slide-cards .blog-card.even .details {
    padding-left: 25px;
  }
  .third-img-slide-cards .breadcrumb-item a, .third-img-slide-cards .read-more-link{
    color: #4f7ce5 !important;
  }

}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .third-img-slide-cards .breadcrumb{
    display: none;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}
/*============================================*/
/*============================================*/
/*=======    overlay-bottom cards    =========*/
/*============================================*/
/*============================================*/


 .overlay-bottom .card {
  padding: 0px;
  margin-bottom: 20px;
 
}
.overlay-bottom .card .menu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.overlay-bottom .card .menu-content::before, .card .menu-content::after {
  content: "";
  display: table;
}
.overlay-bottom .card .menu-content::after {
  clear: both;
}
.overlay-bottom .card .menu-content li {
  display: inline-block;
}
.overlay-bottom .card .menu-content a {
  color: #fff;
}
.overlay-bottom .card .menu-content span {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 10px;
  font-weight: 700;
  transform: translate(-50%, 0);
}
.overlay-bottom .card .wrapper {
  background-color: #fff;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.overlay-bottom .card .wrapper:hover .data {
  transform: translateY(0);
}
.overlay-bottom .card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(calc(70px + 1em));
  transition: transform 0.3s;
}
.overlay-bottom .card .data .content {
  padding: 1em;
  position: relative;
  z-index: 1;
}
.overlay-bottom .card .author {
  font-size: 12px;
}
.overlay-bottom .card .title {
  margin-top: 10px;
}
.overlay-bottom .card .text {
  height: 70px;
  margin: 0;
}
.overlay-bottom .card input[type=checkbox] {
  display: none;
}
.overlay-bottom .card input[type=checkbox]:checked + .menu-content {
  transform: translateY(-60px);
}

.overlay-bottom .example-1 .wrapper {
  
}
.overlay-bottom .example-1 .date {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #4f7ce5;
  color: #fff;
  padding: 0.8em;
}
.overlay-bottom .example-1 .date span {
  display: block;
  text-align: center;
}
.overlay-bottom .example-1 .date .day {
  font-weight: 700;
  font-size: 24px;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
}
.overlay-bottom .example-1 .date .month {
  text-transform: uppercase;
}
.overlay-bottom .example-1 .date .month,
.overlay-bottom .example-1 .date .year {
  font-size: 12px;
}
.overlay-bottom .example-1 .content {
  background-color: #fff;
  box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
}
.overlay-bottom .example-1 .title a {
  color: gray;
}
.overlay-bottom .example-1 .menu-button {
  position: absolute;
  z-index: 999;
  top: 16px;
  right: 16px;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.overlay-bottom .example-1 .menu-button span {
  width: 5px;
  height: 5px;
  background-color: gray;
  color: gray;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.overlay-bottom .example-1 .menu-button span::after, .overlay-bottom .example-1 .menu-button span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  position: absolute;
  border-radius: 50%;
}
.overlay-bottom .example-1 .menu-button span::before {
  left: -10px;
}
.overlay-bottom .example-1 .menu-button span::after {
  right: -10px;
}
.overlay-bottom .example-1 .menu-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: transform 0.3s;
  transform: translateY(0);
}
.overlay-bottom .example-1 .menu-content li {
  width: 33.333333%;
  float: left;
  background-color: #4f7ce5;
  height: 60px;
  position: relative;
}
.overlay-bottom .example-1 .menu-content a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.overlay-bottom .example-1 .menu-content span {
  top: -10px;
}

.overlay-bottom .example-2 .wrapper {
  background: url(https://tvseriescritic.files.wordpress.com/2016/10/stranger-things-bicycle-lights-children.jpg) center/cover no-repeat;
}
.overlay-bottom .example-2 .wrapper:hover .menu-content span {
  transform: translate(-50%, -10px);
  opacity: 1;
}
.overlay-bottom .example-2 .header {
  color: #fff;
  padding: 1em;
}
.overlay-bottom .example-2 .header::before, .overlay-bottom .example-2 .header::after {
  content: "";
  display: table;
}
.overlay-bottom .example-2 .header::after {
  clear: both;
}
.overlay-bottom .example-2 .header .date {
  float: left;
  font-size: 12px;
}
.overlay-bottom .example-2 .menu-content {
  float: right;
}
.overlay-bottom .example-2 .menu-content li {
  margin: 0 5px;
  position: relative;
}
.overlay-bottom .example-2 .menu-content span {
  transition: all 0.3s;
  opacity: 0;
}
.overlay-bottom .example-2 .data {
  color: #fff;
  transform: translateY(calc(70px + 4em));
}
.overlay-bottom .example-2 .title a {
  color: #fff;
}
.overlay-bottom .example-2 .button {
  display: block;
  width: 100px;
  margin: 2em auto 1em;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  position: relative;
  font-weight: 700;
}
.overlay-bottom .example-2 .button::after {
  content: "→";
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
.overlay-bottom .example-2 .button:hover::after {
  transform: translate(5px, -50%);
  opacity: 1;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}


/*============================================*/
/*============================================*/
/*=======        sidebar cards       =========*/
/*============================================*/
/*============================================*/
.sidebard-cards .blog-card .card-title{
  font-size: 14px;
}

.sidebard-cards .blog-card .excerpt{
  font-size: 16px;
  font-weight: 400;
}



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  
  .sidebard-cards .blog-card.thumb-left .row{
    height: auto!important;
    margin-bottom: 20px;
  }

  .sidebard-cards .blog-card .h-100{
    height: auto !important;
  }
  .sidebard-cards .blog-card .card-title{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
  }
  .sidebard-cards .blog-card .entry-date{
    /*font-size: 14px;
    line-height: 14px;*/
    display: none;
    
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}

/*============================================*/
/*============================================*/
/*=======  sidebar cards thumb-left  =========*/
/*============================================*/
/*============================================*/

.sidebard-cards .blog-card.thumb-left .row{
  height: 100px;
}

.sidebard-cards .blog-card.thumb-left .card-body{
  padding-bottom: 0px;
}

.sidebard-cards .blog-card.thumb-left .card-body p:last-child{
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}





@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.sidebard-cards .thumb-left img{
		height: 100px !important;
	}
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .sidebard-cards .thumb-left img {
    height: 200px !important;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}


/*============================================*/
/*============================================*/
/*=======          Hoverbox cards    =========*/
/*============================================*/
/*============================================*/

.hoverBoxCards{

}

.hoverBox {
  background-color: rgba(28, 38, 82, 0.9);
  padding: 0;
  overflow: hidden;
  margin: 5px;
  margin-bottom: 2px;
  position: relative;
}

.hoverBox article {
  padding: 10%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hoverBox h2 {
  color: #fff;
  font-weight: 800;
  font-size: 25px;
  border-bottom: #fff solid 1px;
}

.hoverBox p {
  font-weight: 300;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.hoverBox img {
  width: 100%; 
  height: 300px;
  object-fit: cover;
  
  top: 0;
  left: 0;
  opacity: 0.6;
  -webkit-transition: all 4s ease;
  -moz-transition: all 4s ease;
  -o-transition: all 4s ease;
  -ms-transition: all 4s ease;
  transition: all 4s ease;
}

.hoverBox img.dark {
  opacity: 0.5;
}

.hover-cta {
  background-color:#4f7ce5;
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transform: translate(0px, 70px);
  -webkit-transform: translate(0px, 70px);
  -moz-transform: translate(0px, 70px);
  -o-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  display:none;
}

.hover-cta span {
  font-size: 20px;
  color: #fff;
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: 20px;
}

/*hovers*/
.hoverBox:hover {
  cursor: pointer;
}

.hoverBox:hover img {
  opacity: 0.5;
  transform: scale(1.5);
}

.hoverBox:hover article {
  transform: translate(2px, -69px);
  -webkit-transform: translate(2px, -69px);
  -moz-transform: translate(2px, -69px);
  -o-transform: translate(2px, -69px);
  -ms-transform: translate(2px, -69px);
}

.hoverBox:hover .hover-cta {
  display:block;
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  opacity: 1;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}




/*============================================*/
/*============================================*/
/*=======       Swiper Js Cards    =========*/
/*============================================*/
/*============================================*/

.swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 30px !important;
  }
  .swiper-pagination-bullet-active{
    background-color: #4f7ce5 !important;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
   /* width: 100%;
    height: 100%;*/
    object-fit: cover;
  }

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}






/*============================================*/
/*=======    hoverBox   Swiper Js Cards    =========*/
/*============================================*/

.swiper .hoverBox {
  margin: 0px !important;
}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====           section   ========  */

#siteFooter .widgets .widget-title{
/*  text-align: center;*/
  margin-bottom: 22px;
  font-size: 20px;
}

footer .widgets .linksList a{
  color: #fff !important;
}

footer .widgets .linksList a:hover, footer a:hover, footer .widgets.logo-column a:hover i{
  color: #ccc !important;
}

footer .widgets .list-unstyled{
  padding-inline-start: 0px;
}

footer .widgets .list-unstyled .nav-link {
  padding-left: 0px;
}

footer .widgets .linksList li{
  margin: 14px 0px;
}

footer .widgets.logo-column i{
  color: #fff;

}
footer .widgets .social-icon{
  font-size: 40px;
}

footer .widgets.logo-column i{
  color: #fff;
  font-size: 40px;
}
#siteFooter .widgets .widget-title span{
  border-bottom: 1px solid #fff;
  padding-right: 5px;
}
@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  #siteFooter .sidebard-cards{
    display: none;
  }

}



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  footer .widgets{
    text-align: center;
  }

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  

}