/*
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.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body:not(.template-slider) #Header{
	min-height: inherit;
}

.header-classic #Top_bar{
	background-color: rgba(223, 179, 59, 0.6) !important;
}

.home.header-classic #Top_bar{
	position: absolute;
	top:0px;
}

.header-classic #Top_bar.is-sticky{
	background-color: rgba(223, 179, 59, 0.6);
}

#Top_bar.is-sticky .contact{
	display: none;
	visibility: hidden;
}

.header-classic #Top_bar .contact{
	color: #08381d;
	font-family: Calibri, Arial, sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin-top: 100px;
    margin-right: 0px;
    text-align: center;	
}

#Top_bar .logo {
	position: relative;
    margin-left: 80px;
    margin-top: 20px;
}

#Top_bar .menu > li > a{
	padding: 15px 0px !important;
}

#Top_bar .menu > li ul{
	background-color: rgba(223, 179, 59, 0.6) !important;
}

#Top_bar .top_bar_left{
	width: 100%;
}

#Top_bar .logo-type{
	color: #08381d;
    font-size: 3.8rem;
    font-weight: bold;
    top: 75px;
	 text-align: center;
    position: relative;
	font-family: Calibri, Arial, sans-serif;
	line-height: 1;
}

.popup-link{
	background: #005826;
    padding: 10px 20px;
    position: absolute;
    right: 25px;
    top: 0;
    color: #fff !important;
    border-radius: 0px 0px 10px 10px;
    text-decoration: none;
    z-index: 100;
}

#Top_bar.is-sticky .popup-link{
	display: none;
	visibility: hidden;
}

.signup input[type="submit"]{
	font-weight: bold;
    border-radius: 0px;	
}

.signup input[type="submit"]:hover{
	background: #6cc067;
}

.puzzle img{
	transition:all ease 0.3s;
}

.puzzle img:hover{
	transform: scale(1.2);
}

.puzzle.c_gold h4{
	color:#fbc635;
}

.puzzle.c_blue h4{
	color:#006bab;
}

.puzzle.c_red h4{
	color:#932f2d;
}

.puzzle.c_green h4{
	color:#1c964d;
}

.puzzle.c_purple h4{
	color:#6f5b8c;
}

.with_aside .sections_group{
	padding-top: 50px;
}

.sidebar{
	min-height: 560px;
}

.widget_advanced_menu .menu-main-menu-container{
	background: #fbc635;
    padding: 15px;
}

.widget_advanced_menu .menu-item{
	margin-bottom: 5px;
}

.widget_advanced_menu a{
	color:#000;
}

.widget_advanced_menu .current-menu-item a{
	color:#005826;
}

.widget_advanced_menu a:hover{
	color:#005826;
	text-decoration: none;
}

.widget_advanced_menu .sub-menu{
	margin:10px 15px;
}

h2.entry-title{
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
}

input[type="submit"], input[type="reset"], input[type="button"]{
	font-size: 15px;
	float: right;
}

#Footer .widget_mfn_menu ul li{
	float: left;
	width: 50%;
}

#Footer .widget_mfn_menu ul li a{
	padding: 0;
	background: transparent;
}

#Footer a.copyrightJdesign {
    font-size: 10px;
    padding: 5px 0px 5px 100px;
    color: #fff;
    text-decoration: none;
    line-height: 16px;
    display: block;
    float: right;
    opacity: 0.3;
}

#Footer a.copyrightJdesign:hover {
      text-decoration: none;
      opacity: 1; 
}

#Footer .footer_copy .copyright{
	font-size: 12px;
}

@media only screen and (max-width: 480px) {
	.hide-on-mobile{
		display: none;
		visibility: hidden;
	}

	.popup-link{
		padding: 10px 10px;
		right: 0px;
	}

	#Top_bar .logo{
		float: none;
		visibility: visible;
		display: inline;
	}
	
	#Top_bar .logo-type{
		font-size: 1rem;
		top: 0px;
		text-align:center;
		position: relative;
		line-height: 1;
	}

	.home.header-classic #Top_bar{
		position: inherit;
	}

	.header-classic #Top_bar{

		background-color: #dfb33b !important;
	}

	.header-classic #Top_bar .contact{
		text-align: center;
		margin: 0px;
	    background: #efc243;
	    padding: 15px;
	}
	
	body:not(.template-slider) #Header_wrapper{
		background-size: contain !important;
	}
	
	body:not(.template-slider):not(.header-simple) #Header{
		min-height: 266px !important;
	}
	
	#Top_bar #logo{
		height: 100px !important;
    	line-height: 100px !important;
	}
	
	#Subheader{
		padding: 0 !important;
	}
		#Top_bar .logo-type{
		margin-top: 0px;
		margin-bottom: 30px;
		font-size: 2rem;
		line-height: 1.3;
	}
		#Top_bar .logo{
		width: 50px;
		
	}

	.sections_group .mcb-section:nth-of-type(2) {
	background-size: contain !important; /* Add this for cross-browser compatibility */
    -webkit-background-size: contain;
	}
		.column_attr {
		padding: 0px 0px 0px 0px !important;
	}	
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
		#Top_bar .logo-type {
		top: 0px;
		right:0px;

		font-size: 2.5rem;
		
	}
		#Top_bar .logo {
		margin: auto;	
		width: 40px;			
		float: none;
		visibility: visible;
		display: inline;
	}
	
		.header-classic #Top_bar .contact {
 		 margin-top: 15px;	
		 margin-bottom:15px;
		 background-color: ;
	}
	.home.header-classic #Top_bar {
    position: relative;
    top: 0px;
	background-color: #dfb33b !important;
	}
	.column_attr {
	padding: 0px 0px 0px 0px;	
	}
	.sections_group .mcb-section:nth-of-type(2) {
	
	background-size: contain !important; /* Add this for cross-browser compatibility */
    -webkit-background-size: contain;
		padding-bottom: 40% !important;
	
	}
		.column_attr {
		padding: 0px 0px 0px 0px !important;
	}	
	
    .hide-on-mobile {
        display: none;
        visibility: hidden;
    }


}
@media only screen and (min-width : 768px) and (max-width : 959px)  {
	#Top_bar #logo{
		height: 120px !important;
    	line-height: 120px !important;
	}
	
	#Top_bar .menu > li > a span:not(.description) {
		padding: 0 10px;
	}

	#Top_bar.is-sticky .menu > li > a span:not(.description) {
		padding: 0 5px;
	}

	body:not(.template-slider) #Header_wrapper{
		background-size: contain !important;
	}

	#Subheader{
		padding: 86px 0 !important;
	}
	#Top_bar .logo{
		width: 160px;
		margin: auto;
		top: 20px;
		
	}	
	#Top_bar .logo-type{
		font-size: 2.5rem;
		line-height: 1.3;
		top: 70px;
	}
	#Top_bar .contact{
		font-size: 1.3rem !important;
		padding: 0px;
		margin-top: 80px !important;
	}
	.sections_group .mcb-section:nth-of-type(2) {
	background-size: contain !important; /* Add this for cross-browser compatibility */
    -webkit-background-size: contain;
		padding-bottom: 40% !important;
	}
	.column_attr {
		padding: 0px 0px 0px 0px !important;
	}	
}

@media only screen and (min-width: 960px) and (max-width: 1239px){
	#Top_bar .logo{
		margin:0px;
		padding-top:25px;
		width:150px;
	}
	#Top_bar .logo-type{
		font-size: 3.8rem;
		padding-top:30px;
	}	
	
		#Top_bar .contact{
		font-size: 2rem !important;
		padding: 20px;
	}

	.sections_group .mcb-section:nth-of-type(2) {
	background-size: contain !important; /* Add this for cross-browser compatibility */
    -webkit-background-size: contain;
	padding-bottom: 400px !important;
	}
	.sections_group .mcb-section:nth-of-type(5) {
	background-size: cover !important; /* Add this for cross-browser compatibility */
    -webkit-background-size: cover;
	padding-bottom: 0px;
	}	
		.column_attr {
		padding: 0px 0px 0px 0px !important;
	}	
	
}