/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1
*/

@import url("../betheme/style.css");

/* Theme customization starts here
-------------------------------------------------------------- */

body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #555;
}
body:not(.template-slider) #Header_wrapper { background-image:none !important; background-repeat: no-repeat; background-position: top center; }
body:not(.template-slider) #Header{ height:135px; min-height:135px !important;}
.custom-css-class { display:block;}
body:not(.template-slider) #Content {
	padding-top: 0px !important;
}

#Top_bar .menu > li > a{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
}
#Top_bar #logo {
	display: block;
	overflow: hidden;
	height: 90px !important;
	line-height: 90px !important;
	padding: 0px !important;
}
#Action_bar a{
	color:#ffffff !important;
}
#Sliding-top{
	display:none !important;
}
.darkbtnslide {
   background: #ea3a34;
   background-image:url(./img/btn-arrow-red_transparent.png);
   background-position:right;
   background-repeat:no-repeat;
   padding: 12px 45px 12px 15px !important;
   margin-right: 50px;
   color: #FFF;
   font-weight: bold;
   font-size: 18px;
   border: none;
   outline: none;

   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;

   -webkit-transition: background-color .2s linear, color .2s linear;
   -moz-transition: background-color .2s linear, color .2s linear;
   -o-transition: background-color .2s linear, color .2s linear;
   -ms-transition: background-color .2s linear, color .2s linear;
   transition: background-color .2s linear, color .2s linear; 
}
.darkbtnslide:hover {
   background-color: #333436;
   background-image: url(./img/btn-arrow-red_transparent_active.png);
   color: #FFF;
   text-decoration: none;
}

.featured-boxes {
	background: #FFF;
	margin-top: 30px;
	padding: 10px;
	-webkit-box-shadow: 0px 1px 3px 0px #cdcecf;
	-moz-box-shadow: 0px 1px 3px 0px #cdcecf;
	box-shadow: 0px 1px 3px 0px #cdcecf;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-transition: box-shadow .2s linear, color .2s linear;
	-moz-transition: box-shadow .2s linear, color .2s linear;
	-o-transition: box-shadow .2s linear, color .2s linear;
	-ms-transition: box-shadow .2s linear, color .2s linear;
	transition: box-shadow .2s linear, color .2s linear;
}
.featured-boxes i {
	font-size: 90px;
	
	display: inline-block;
	color: #666b73;
	border: none;
	width: 70px;
	padding-right: 30px;
	height: 70px;
	margin-top: 20px;
	float: left;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.featured-boxes:hover {
	-webkit-box-shadow: 0px 0px 5px 0px #ea3a34;
	-moz-box-shadow: 0px 0px 5px 0px #ea3a34;
	box-shadow: 0px 0px 5px 0px #ea3a34;
}
.featured-boxes:hover i {
	color: #ea3a34;
}
.featured-boxes h2 {
position: relative;
padding: 0 20px 10px 20px;
font-size: 22px;
color: #666b73;
font-weight: 300;
text-align:center;
}
.featured-boxes a{
color: #373b43;
text-align:center;
}
.featured-boxes p{
margin: 0 0 10px;
}
.featured-boxes a:hover{
	text-decoration:none;
}
.column-divider {
	background: #dfe0e0;
	margin-bottom: 20px;
	height: 42px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}
h4.mini-tiles{
text-align: center;
}
.column-divider h4{
font-size: 22px;
font-weight: normal;
color: #394a51;
text-align: center;
margin-top: 0;
position: relative;
left: 10px;
line-height: 44px;
text-transform: uppercase;
}
.callout{
background: #fcfcfc;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 10px 20px 20px 20px;
}
@media only screen and (max-width: 1239px)
{
	/* Header */	
	#Top_bar #menu { display:none; height: auto; width: 300px; bottom: auto; top: 100%; right:1px; position: absolute; margin: 0px; background:#394a51 !important;}
	
}