/*!
Theme Name: Signal Fresh 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-fresh-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 Fresh 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;
}
















/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ===============     Custom Styles  ==================== */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
/* ======================================================= */


/*
Costa Std Light

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

Costa Std Regular

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

Costa Std Bold

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

Costa Std ExtraBold

font-family: costa, sans-serif;
font-weight: 800;
font-style: normal;

Costa Std Italic

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

*/


body{
	font-family: costa, sans-serif;
	font-weight: 300;
	font-style: normal;	
	font-style: 16px;
}
.heading1{
	font-size: 66px;
	font-family: costa, sans-serif;
	font-weight: 800;
	font-style: normal;
  text-transform: uppercase;
}

.heading2{
	font-size: 48px;
	font-family: costa, sans-serif;
	font-weight: 800;
	font-style: normal;
  text-transform: uppercase;
}

.heading3{
	font-size: 36px;
	font-family: costa, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading4{
	font-size: 28px;
	font-family: costa, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading5{
	font-size: 24px;
	font-family: costa, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

.heading6{
	font-size: 20px;
	font-family: costa, sans-serif;
	font-weight: 700;
	font-style: normal;
  text-transform: uppercase;
}

p{
	font-size: 18px;
	line-height: 20px;
	font-family: costa, sans-serif;
	font-weight: 200;
	font-style: normal;
}

p .xl{
  font-size: 24px !important;
  font-family: costa, sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
p.small, .small p, p .small, p small{
  font-size: 16px !important;
  font-family: costa, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.hero .heading1{
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 800;
  font-size: 90px;
  line-height: 100px;

}

.hero .heading2{
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 80px;
  line-height: 90px;
}

.hero .heading3{
	font-size: 36px;
	font-family: costa, sans-serif;
	font-weight: 300;
	font-style: normal;
  text-transform: uppercase;
}
.hero .heading4{
	font-size: 32px;
	font-family: costa, sans-serif;
	font-weight: 300;
	font-style: normal;
  text-transform: uppercase;
}

.txt-large, .txt-large p{
	font-size: 22px;
	font-weight: 100;
	line-height: 28px;
}



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

@media (max-width: 1399px) {

	.hero .heading1{
		font-size: 110px;
		line-height: 110px;
	}

	.hero .heading2{
		font-size: 110px;
		line-height: 110px;
	}

	.hero .heading3{
		font-size: 32px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 32px;
		line-height: auto;
	}

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

	.heading1{
		font-size: 50px;
		line-height: 50px;
	}

	.heading2{
		font-size: 40px;
		line-height: auto;
	}

	.heading3{
		font-size: 34px;
		line-height: auto;
	}

	.heading4{
		font-size: 28px;
		line-height: auto;
	}

	.heading5{
		font-size: 24px;
		line-height: auto;
	}

	.heading6{
		font-size: 20px;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 80px;
		line-height: 84px;
	}

	.hero .heading2{
		font-size: 80px;
		line-height: auto;
	}

	.hero .heading3{
		font-size: 32px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 32px;
		line-height: auto;
	}
}

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

	.heading1{
		font-size: 40px;
		line-height: auto;
	}

	.heading2{
		font-size: 32px;
		line-height: auto;
	}

	.heading3{
		font-size: 28px;
		line-height: auto;
	}

	.heading4{
		font-size: 24px;
		line-height: auto;
	}

	.heading5{
		font-size: 20px;
		line-height: auto;
	}

	.heading6{
		font-size: 18x;
		line-height: auto;
	}

	.hero .heading1{
		font-size: 50px;
		line-height: 50px;
	}

	.hero .heading2{
		font-size: 50px;
		line-height: 50px;
	}

	.hero .heading3{
		font-size: 28px;
		line-height: auto;
	}

	.hero .heading4{
		font-size: 26px;
		line-height: auto;
	}
}

/*// 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) {


}

/*colors*/


a{
	color: #42ac07;
}
a:hover{
	color: #37870a;
}
.white{
	color: #fff;
}

.theme{
	color:#42ac07;
}
.accent{
	color: orange !important;
}

.bg-theme{
	background-color: #42ac07 !important;
}
.bg-theme-dark{
	background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.6) 86%, rgba(0,0,0,.4) 100%), url('assets/img/background.jpg'); 
    background-size: cover; 
    background-position: center center;
    background-repeat:no-repeat;
}


.bg-theme-light{
	background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.3) 86%, rgba(0,0,0,.2) 100%), url('assets/img/background.jpg'); 
	background-size: cover; 
	background-position: center center;
	background-repeat:no-repeat;
}

.btn-theme{
	background-color: #42ac07 !important;
	color: #fff;
}

.btn-theme:hover{
	background-color:#37870a;
	color: #fff;
}

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

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


.uc{
	text-transform: uppercase;
}

.theme_icon{
  width: 80px;
  margin-bottom: 10px;
}

.iconLarge{
	font-size: 60px;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.center-mb{
		text-align: center !important;
	}
}


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



header .aboveHeader{
	padding: 50px 10%;
}
header .aboveHeader h2{
	font-size: 40px;
	line-height: 40px;
	font-weight: 900;
}
header .aboveHeader h3{
	font-size: 26px;
	line-height: 28px;
}

.CTA_book{
	width:150px; 
	max-width: 150px;
}
.CTA_book .bookCover{
	width: 100px;
	border-radius: 16px;
	border: 2px solid #fff;
	text-align: center;
}

@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) {

	header .aboveHeader{
		padding: 20px 10px;
		text-align: center;
	}
	header .aboveHeader h2{
		font-size: 30px;
		line-height: 34px;
		font-weight: 900;
	}
	header .aboveHeader h3{
		font-size: 20px;
		line-height: 20px;
	}
	
	.CTA_book{
		width:100px; 
		max-width: 100px;
	}
	.CTA_book .bookCover{
		width: 80px;
	}


}





/* =====           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) {


}






/* =====    Blog Posts & Feeds   ========  */


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

.entry-content p, .entry-content li{
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
.post-feed .page-header{
  background-color: #f7f7f7;
  padding: 60px 0px;
  text-align: center;
  margin-top: 0px;
}

.post-feed .base-blog-cards .excerpt{
  font: normal 15px/27px sans-serif;
  word-spacing: normal;
  color: #85868c;
}
.read-more .details{
   font-size: 12px;
}


.blog-section.single .breadcrumb{
  margin-bottom: 20px;
}
.blog-section.single .breadcrumb a{
  color:  #1fb099 !important;
}

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

.blog-section .blog-card{
  height: auto !important;
  background-color: #f7f7f7;
  padding: 25px 25px 0;
}
.blog-section .blog-card .card-body{
  padding-top: 0px !important;
}

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


.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: 14px;
  text-transform: uppercase;
}
.blog-section .entry-title, .entry-title a{
  font-size: 18px;
  color:#333;
}
.blog-section a:hover{
  color: #1fb099 !important;
  text-decoration: none;
}
.blog-section a, .entry-footer a{
  /*color: #90986b !important;*/
}

.blog-section .breadcrumb{
  margin-bottom: 2px;
}

.blog-section .post-meta{
  margin-bottom: 10px;
}
.blog-section .breadcrumb-item, .page-header .breadcrumb-item a{
  color: #b4b5bb !important;
  font-size: 13px;
}

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

}

.posts-navigation .nav-links {
  position: relative;
}
.posts-navigation .nav-links a{
  text-transform: uppercase;
  color: #1fb099 !important;
}
.posts-navigation .nav-links a:hover{
  color:#2c675e !important;
}
.posts-navigation .nav-links .nav-previous{
  position: absolute;
  left: 0;
}
.posts-navigation .nav-links .nav-next{
  position: absolute;
  right: 0;
}
.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, .blog-sidebar .widget h2{
  font-size: 16px;
}

.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: 14px;
  margin-bottom: 10px;
}
.blog-sidebar .widget li a{
  color:#85868c!important;
}
.blog-sidebar .widget li a:hover{
  color: #1fb099 !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;
  }



.single .postImageContainer img{
  max-height: 500px;
  object-fit: cover;
}

/* 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){
  .blog-section .entry-title{
    margin-top: 20px;
  }
}

/* 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 li{

  /*margin: auto;*/
  color: #b4b5bb;
  padding: 0px;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  margin-top: 10px;
}
.blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
  color: #b4b5bb;
}
.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) {

}


@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) {


}








/* =====  Blog Comment section   ========  */

.comments-area{
	margin-top: 40px;
}
#respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
.comment-notes { }
.required { }
.comment-form-author { }
.comment-form-email { }
.comment-form-url { }
.comment-form-comment { }
.comment-form-cookies-consent { }
.form-allowed-tags { }
.form-submit

#respond {
background: #fbfbfb;
padding:0 10px 0 10px;
}
 
/* Highlight active form field */
 
#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 5px 1px 3px 0px;
border: 2px solid rgba(81, 203, 238, 1);
}


#commentform .submit{
	background-color: #42ac07 !important;
	color: #fff;
	border-radius: 13px;
	padding: 10px 20px;
}
@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   ========  */
  #mainFooter{
    /*background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.9) 86%, rgba(0,0,0,.9) 100%), url('assets/img/background.jpg'); */
    background-color: #333f4a;
    background-size: cover; 
    background-position: center center;
    background-repeat:no-repeat;
    background-size: 200%;
    color: #fff;
    letter-spacing: 1px;
    letter-spacing: 1px;
  }
  #mainFooter .widgets{ 
    font-size: 14px;
    font-weight: 300;
  }

  #mainFooter .widget-gallery img{
    object-fit: cover;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
  }

  #mainFooter .widget-title{
    color:#fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
  }

  #mainFooter .widgets li{
    margin-bottom: 12px;

  }
  #mainFooter .widgets li a{
    color:#fff;
    text-decoration: none;
  }

  #mainFooter .social .list-inline-item{
    margin-right:16px;
    font-size: 30px;
  }
  #mainFooter .widgets i{
    color:#fff;
 
    margin-right: 10px;
  }

  #mainFooter .copyInfo p{
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color:#fff;
    line-height: 15px;
  }
@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) {
  #mainFooter .widget-gallery img{
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}

/*// 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) {


}