/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
#masthead{
	position:inherit!important;
}
#content{
	padding-top: 40px;
}
#tf-footer{
	background-color: #FAE602;
}
#tf-header-logo-container{
	
	float: left;
	width: 30%;
}
#tf-header-right-container{
	float: left;
	text-align: right;
	width: 70%;
	margin-top: -5px;
}
#tf-header-right-container a{
	/*color: #959595; */
	color: #767676;
	font-family: "Montserrat";
	font-size: 14px;
	padding-left: 15px;
	font-weight:normal;
	letter-spacing: 0px;
	font: normal normal 14px/18px "Montserrat";
}
#tf-header-container{
	width: 100%;
	padding-left: 58px;
	 padding-right: 58px;
	padding-top: 33px;
}
#tf-header-logo{
	max-width: 212px;
}
#tf-header-search{
	max-width: 13px;
	margin-left: 5px;
}
#tf-search-desktop{
	background-color: #EFEFEF;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	border: 0px solid #959595;
	color: #959595;
	width: 286px;
	background-image: url("/wp-content/themes/astra-child/img/search-icon-background.png");
	background-repeat: no-repeat;
	background-position: right 13px bottom 8px;
	height: 30px;
	padding-left: 15px;
	margin-left: 15px;
	display: none;
}
#tf-search-desktop:focus{
	outline: none;
	border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#tf-desktop-menu{
	padding-top: 40px;
	padding-bottom: 0px;
}
/* Desktop menu*/
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-simple {
  border: 0px solid #bbbbbb;
  background: #fff;
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-decoration: none;
}
.sm-simple a.current {

}
#tf-main-menu{
	float: left;
}
#tf-main-menu a.tf-menu-first-level.highlighted, #tf-main-menu li a.tf-menu-first-level:hover, #tf-main-menu li a.tf-menu-first-level:visited, #tf-main-menu li a.tf-menu-first-level:active{
	text-underline-offset: 8px;
	text-decoration: underline; 
	text-decoration-color: #FDB71A;
	text-decoration-thickness: 8px;
	
}
.sm-simple a.disabled {
  color: #cccccc;
}
.sm-simple a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
  display:none!important;
}
.sm-simple a .sub-arrow::before {
  content: '';
}
.sm-simple a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-simple li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-simple > li:first-child {
  border-top: 0;
}
.sm-simple ul {
  background: rgba(179, 179, 179, 0.1);
}
.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
  font-size: 14px;
  border-left: 8px solid transparent;
}
.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-simple ul {
    position: absolute;
    width: 12em;
  }

  .sm-simple li {
    float: left;
  }

  .sm-simple.sm-rtl li {
    float: right;
  }

  .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
    float: none;
  }

  .sm-simple a {
    white-space: nowrap;
  }

  .sm-simple ul a, .sm-simple.sm-vertical a {
    white-space: normal;
  }

  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-simple {
    background: #fff;
  }
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 11px 20px;
    color: #000000;
	text-decoration-color: #FDB71A;
	padding-top: 15px;
	padding-left: 0px; 
	padding-right: 40px;
  }
  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    
  }
  .sm-simple a.tf-menu-first-level.current {
  	text-underline-offset: 8px;
	text-decoration: underline; 
	text-decoration-color: #FDB71A;
	text-decoration-thickness: 8px;

  }
  .sm-simple a.disabled {
    background: #fff;
    color: #cccccc;
  }
  .sm-simple a.has-submenu {
    
  }
  .sm-simple a .sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }
  .sm-simple a.highlighted .sub-arrow::before {
    content: '';
  }
  .sm-simple > li {
    border-top: 0;
    border-left: 0;
  }
  .sm-simple > li:first-child {
    border-left: 0;
  }
  .sm-simple ul {
	/*
	border: 1px solid #bbbbbb;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	*/
	background: transparent linear-gradient(270deg, #06467F 0%, #065E83 48%, #0B7387 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 13px #0000004E;
  }
  .sm-simple ul a {
    border: 0 !important;
  }
  .sm-simple ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-simple ul a .sub-arrow {
    left: 8px;
    right: auto;
  }
  .sm-simple ul > li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }
  .sm-simple ul > li:first-child {
    border-top: 0;
  }
  .sm-simple .scroll-up,
  .sm-simple .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .sm-simple .scroll-up-arrow,
  .sm-simple .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-simple .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-simple.sm-rtl a.has-submenu {
    padding-right: 20px;
    padding-left: 32px;
  }
  .sm-simple.sm-rtl a .sub-arrow {
    left: 20px;
    right: auto;
  }
  .sm-simple.sm-rtl.sm-vertical a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl.sm-vertical a .sub-arrow {
    left: auto;
    right: 8px;
  }
  .sm-simple.sm-rtl > li:first-child {
    border-left: 1px solid #eeeeee;
  }
  .sm-simple.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-simple.sm-rtl ul a.has-submenu {
    padding: 11px 20px;
  }
  .sm-simple.sm-rtl ul a .sub-arrow {
    left: auto;
    right: 8px;
  }
  .sm-simple.sm-vertical a .sub-arrow {
    left: 8px;
    right: auto;
  }
  .sm-simple.sm-vertical li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }
  .sm-simple.sm-vertical > li:first-child {
    border-top: 0;
  }
}
a.tf-second-level{
	background: transparent linear-gradient(270deg, #06467F 0%, #065E83 48%, #0B7387 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	font: normal normal medium 14px/18px Montserrat;
	letter-spacing: 0px;	
	padding: 11px 20px;
}
a.tf-second-level.highlighted,a.tf-second-level:hover{
	background: #fff;
	color: #000;
}
a.tf-third-level{
	background: transparent linear-gradient(271deg, #00C1DE 0%, #02A2C5 100%) 0% 0% no-repeat padding-box;
	color: #012441;
	padding: 11px 20px;
}
a.tf-third-level:hover{
	color: #fff;
	
}
a.tf-menu-first-level:first{
	padding-left: 0px!important;
}
a.tf-second-level,a.tf-third-level,
a.tf-second-level.highlighted,
a.tf-second-level:hover,
a.tf-second-level:active,
a.tf-third-level.highlighted,
a.tf-third-level:hover,
a.tf-third-level:active
{
	padding: 11px 20px!important;
}

/*
** End desktop menu
*/


/* Buttons */
#tf-buttons{
	float: right;
	padding-top: 10px;
    padding-bottom: 7px;
	text-align: right;
}
#tf-buttons a{
	background-color: #00C1DE;
	font: normal normal 600 14px/18px Montserrat;
	letter-spacing: 0px;
	color: #012441;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 12px;
}
@media (max-width: 1200px) {
	#tf-buttons{
		padding-top:20px;
		width: 100%;
	}
}
/* End buttons */
/* mobile menu magic */
#mobile-menu-icon{
	display: none;
	position: absolute;
    top: 33px;
    right: 20px;
    height: 32px;
}
#tf-mobile-menu{
	display: none;
	position: absolute;
	top: 92px;
	left: 0px;
	width: 100%;
	background-color: #fff;
	height: 100%;
}

#tf-mobile-menu-bottom{
	background-color: #fff;	
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}
#tf-mobile-menu-bottom li{
	width: 100%;
	padding-left: 20px;
	padding-bottom: 15px;
}
#tf-mobile-menu-bottom li a{
	color: #959595;
	font: normal normal medium 20px/24px Montserrat;
}
#tf-mobile-menu-buttons{
	background-color: #00C1DE;	
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#tf-mobile-menu-buttons li{
	width: 100%;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 12px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-left: 0;
	border-right: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
}
#tf-mobile-menu-buttons li a{
	color: #012441;
	font: normal normal bold 20px/24px Montserrat;
	letter-spacing: 0.2px;
}
#tf-mobile-search-input{
	
    border: 0;
    color: #959595;
    width: 100%;
    background-image: url(/wp-content/themes/astra-child/img/mobile-search-icon.jpg);
    background-repeat: no-repeat;
    background-position: right 0px bottom 0px;
    height: 39px;
    padding-left: 15px;
	font: normal normal normal 20px/24px Montserrat;
}
#tf-mobile-search{
	background: transparent linear-gradient(90deg, #00467F 0%, #035381 36%, #0A7086 100%) 0% 0% no-repeat padding-box;
	border-bottom: 1px solid rgba(0, 192, 222, .5);
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#tf-mobile-container{
	background: transparent linear-gradient(90deg, #00467F 0%, #035381 36%, #0A7086 100%) 0% 0% no-repeat padding-box;
}
#tf-mobile-container ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#tf-mobile-container ul li {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 12px;
    border: 1px solid rgba(255, 255, 255, .5);
	border-left: 0;
	border-right: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	border-collapse: collapse;
	position: relative;
}
#tf-mobile-container ul li a{
	font: normal normal 600 20px/24px Montserrat;
	letter-spacing: 0.2px;
	color: #FFFFFF;
	width: 100%;
}
#tf-mobile-container  i.arrow {
	
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

#tf-mobile-container i.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 20px;
  right: 25px;
  position: absolute;
}

#tf-mobile-container i.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 20px;
  top: 25px;
  position: absolute;
}
.tf-mobile-back{
	background-color: #072E4D;
}

.tf-mobile-secondary li{
	padding-left: 60px!important;
}
@media (max-width: 1283px) {
	#tf-buttons, #tf-desktop-menu,#tf-header-right-container{
		display:none;
	}	
	#tf-header-container{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
	}
	#tf-header-logo{
		max-width: 180px;
	}
	#mobile-menu-icon{
		display: block;
	}
}
#tf-footer{
    width: 100%;
    padding-left: 58px;
    padding-right: 58px;
    padding-bottom: 33px;
	padding-top: 50px;
	font-family: Montserrat;
	
}
#tf-footer, #tf-footer h3, #tf-footer a{
	color: #000;
}
#tf-footer a{
	padding-right: 20px;
}
#tf-footer h3{
	padding-bottom: 15px;
	font: normal normal bold 19px/18px Montserrat;
}

/* footer Social*/
#tf-footer-social{
	float: left;
	width: 50%;
	text-align: left;
	padding-right: 5%;
	line-height: 2;
}
#tf-footer-social img{
	height: 25px;
	max-width: 25px;
}

#tf-footer-social a {
	padding-right: 40px !important
}

#tf-footer-social h3{
	font-size: 28px;	
	line-height: 1.3;
}

/*footer social media icons*/
.social_media_icons{
	width: 100%;
	text-align: left;
}
.social_media_icons img{
	height: 25px;
	max-width: 25px;
}
/* footer Address*/
#tf-footer-left{
	float: right;
	width:25%;
	font-size: 16px;
	line-height: 2;
}
#tf-footer-left p{
	padding-bottom: 33px;
	margin-bottom: 0;
	letter-spacing: 0px;
}
#tf-footer-left a{
	padding-left: 0;
	
}
#tf-footer-address{
	max-width: 300px;
}

/* footer menu*/
#tf-footer-middle{
	float: left;
	width:25%;
	font: normal normal medium 14px/28px Montserrat;
}
#tf-footer-middle ul li{
	padding-bottom: 10px;
}
#tf-footer-copyright{
	width: 50%;
	color: #000;
	font: normal normal medium 14px/28px Montserrat;
	padding-top: 20px;
	margin-left: auto; 
	margin-right: 0;
}
#tf-footer-copyright a{
	text-decoration: underline;
	padding-left: 0;
}
@media (max-width: 767px) {
	#tf-footer{
		padding-left: 20px;
		padding-right: 20px;
	}
	#tf-footer-left{
		width: 100%;
		float: none;
	}
	#tf-footer-middle{
		width: 100%;
		float: none;	
		padding-top: 20px;
	}
	#tf-footer-social{
		width: 100%;
		float: none;
		text-align: left;
		padding-bottom: 30px;
	}
	#tf-footer-social-first{
	padding-left: 0px!important;
	margin-left: -5px;
	}
	#tf-footer{
		padding-top: 30px;
	}
	#tf-footer-left p{
		padding-bottom: 20px;
		margin-bottom: 0;
	}
	#tf-footer-middle a{
		padding-left: 0;
	}
	#tf-footer-copyright {
		margin-left: 0; 
		width: 100%;
	}
	
}

#tf-buttons a:hover {
background-color: #00467F;
color: #fff;
}
/* Blog design */

article#post-2755{
	padding: 0!important;
}
article#post-2755 h1.entry-title{
	display:none!important;
}
#secondary{
	border: 0!important;
}
div#ajax-load-more li.alm-item{
	border-top: 4px solid #20C1DC;
	background-color: #F5F5F5;
}
section.ast-archive-description{
	display: none;
}
.alm-listing .alm-paging-content>li.alm-item img, .alm-listing .alm-reveal>li.alm-item img, .alm-listing>li.alm-item img{
	max-width: 300px!important;
	max-height: 200px!important;
}
div#ajax-load-more li.alm-item{
	height: 204px;
	padding-right: 20px;
}
.alm-listing .alm-paging-content>li.alm-item, .alm-listing .alm-reveal>li.alm-item, .alm-listing>li.alm-item{
	padding-left: 320px!important;
}
div#ajax-load-more p.read-more{
	width: 140px;
	background-color: #00C1DE;
	color: #00467f;
	padding-left: 11px;
}
div#ajax-load-more p.read-more a{
	text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
}
div#ajax-load-more .alm-item h3 a{
	font-size: 14px!important;
}
div#ajax-load-more .alm-item p.entry-meta{
	margin-top: 3px!important;
	font-size: 12px!important;
}
button.alm-load-more-btn{
	background-color: #C4D600!important;
	font-size: 19px;
	color: #000;
}
div#ajax-load-more .alm-item p.entry-meta{
	color: #000;
}
@media (max-width: 767px) {
	div#ajax-load-more li.alm-item{
		padding-right: 0px!important;
		height: auto!important;
		padding-bottom: 25px;
	}
	div#ajax-load-more .alm-item img{
		position: inherit!important;
		width: 100%!important;
		max-width: 100%!important;
		height: auto!important;
		max-height: 100%!important;
	}
	.alm-listing .alm-paging-content>li.alm-item, .alm-listing .alm-reveal>li.alm-item, .alm-listing>li.alm-item{
		padding-left: 0px!important;

	}

}
button.alm-load-more-btn{
	font-size: 19px!important;
	color: #012441!important;
	font-weight: bold!important;
}
article.post-2755 header{
	display: none;
}