/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

1. GLOBAL
2. HEADER
3. FOOTER
4. MEDIA SCREENS

*/

/***
 * 1. GLOBAL
 ***/
.grey-bg{
  background-color:#ecedee !important;
}
.blue-bg{
  background-color:#65c8d0 !important; 
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	margin-top:10px !important;
	letter-spacing:1.2px;
	font-family: 'Abril Fatface', cursive !important;
}
.mtn100{
  margin-top:-100px !important;
}
.mt3{
  margin-top:30px !important;
}
.fs20{
  font-size:20px !important;
}
.fs25{
  font-size:25px !important;
}
.pink{
  color:#ff66c4 !important;
}
.blue{
  color:#65c8d0 !important;
}
.white{
  color:#fff !important;
}
.italic{
  font-style:italic !important;
}
.bold{
  font-weight:bold;
}
.mw7{
  max-width:700px !important;
}

.x-btn:hover, .header-right a:hover, .button:hover, [type="submit"]:hover{
  background-color:transparent;
  color:#65c8d0;
  border:2px solid #65c8d0;
}
.x-slider-container.below{
  margin-top:-70px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	height:3em !important;
}
/*** testimonials ***/
.x-flexslider{
  background-color:transparent;
  font-size:17px;
}
.x-flexslider-shortcode-container .x-flexslider-shortcode{
  padding:20px 0px 40px;
}
.x-flexslider .x-slides .stars{
  width:100px !important;
  margin:auto;
}
.flex-direction-nav a{
  top:initial;
  bottom:0px;
}
.flex-direction-nav a.flex-prev {
    left: 45%;
    transform: translate(-50%,-50%);
}
.flex-direction-nav a.flex-next {
    left:55%;
    transform: translate(-50%,-50%);
}
.flex-direction-nav a{
  background-color:#333745;
  opacity:1;
} 
.flex-control-nav a:hover{
  opacity:0.5 !important;
}
.x-alert, .wpcf7-response-output, .buddypress #message, .bbp-template-notice{
	color:#175822 !important;
	border:none !important;
	background-color:transparent !important;
	box-shadow:none !important;
}
/**
 * 2. HEADER
**/
.x-nav-wrap.desktop {
    position: absolute!important;
    right: 0!important;
}
.x-navbar, .x-navbar .sub-menu {
    background-color: transparent;
}
.x-navbar.x-navbar-fixed-top a.x-brand {
    width: 100px;
  	height:100px;
    display: block;
    background-image: url(http://x.aiadstaging.com.au/projects/thebearthatcares.com.au/wp-content/uploads/2020/06/BTC-logo-1.png);
    background-size: cover;
    margin-bottom:10px;
  	transition: background 2s ease;
}
.x-navbar.x-navbar-fixed-top  a.x-brand img {
    display: none;
}
.x-brand img{
  width:150px;
}
.x-navbar{
  border-bottom:0px;
  box-shadow:none;
}
.masthead-inline .desktop .x-nav {
    border-top: 2px solid #fff;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none!important;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a{
  color:#65c8d0 !important;
}
.x-nav-wrap.desktop {
    position: absolute!important;
    right: 0!important;
    margin-top: 70px !important;
}
.x-navbar .desktop .x-nav > li > a {
    height: 50px!important;
    padding-top: 18px!important;
}
.header-right{
   display:block;
   float:right;
  margin-top:20px;
  font-size:18px;
  color:#fff;
}
.x-btn, .button, [type="submit"], .header-right a{
  background-color:#65c8d0;
  color:#fff;
  border:2px solid #65c8d0;
	padding:10px 30px; 
  text-transform:uppercase;
  font-weight:bold;
  font-size:16px;
}
.header-right a{
  margin-left:10px;
}

/**
 * 3. FOOTER
**/

/**
 * 4. MEDIA SCREENS
**/
@media (min-width: 980px) {
.x-navbar.x-navbar-fixed-top {
    background: #333745 !important;
  	transition: background-color 0.5s ease;
}
}
@media screen and (max-width: 979px){
	.masthead-inline .x-btn-navbar {
    	position: absolute!important;
    	right: 0!important;
    	margin-top: 70px!important;
	}
	.x-navbar-inner{
    	min-height:130px;
    	background: #333745 !important;
  		transition: background-color 0.5s ease;
  	}
  	.x-slider-container.below{
  		margin-top:0px;
	}
	.x-brand img{
		width:100px;
		margin-right:50px;
		margin-bottom:10px;
	 }
	 .x-navbar.x-navbar-fixed-top a.x-brand{
		margin-right:50px;
	 }
  	.x-navbar-fixed-top {
		position: fixed !important;
	}
}