/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Structure
# Header
# Navigation
	## Links
	## Menus
# Content
	## Posts and pages
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.fit-logo-img a img {
	image-rendering: -webkit-optimize-contrast;
	height: 75%;
}

/* 320 ------------------------------------------------------*/
@media screen and (max-width: 400px) {

	.fit-logo-img a img {
		max-width: 200px!important;
	}

}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.teaser {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.teaser > div {
	display: flex;
	height: auto;
}

.teaser .mk-custom-box {
	display: flex;
	flex-grow: 1;
}

.teaser .mk-custom-box .box-holder {
	flex-grow: 1;
	min-height: 0 !important;
	padding-bottom: 100px !important;
}

.teaser .mk-custom-box .mk-button-container {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -70px;
}

/* 1024 ------------------------------------------------------*/
@media screen and (max-width: 1235px) {

	.teaser .mk-custom-box .box-holder {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

}

/* 768 -------------------------------------------------------*/
@media screen and (max-width: 1023px) {

	.teaser .mk-custom-box .box-holder {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.teaser .mk-custom-box h2.mk-fancy-title {
		font-size: 24px !important;
		font-weight: 700 !important;
	}

	.teaser .mk-custom-box h3.mk-fancy-title {
		font-size: 16px !important;
		font-weight: 400 !important;
	}

}

/* 320 -------------------------------------------------------*/
@media screen and (max-width: 767px) {

	.teaser {
		display: block;
	}

	.teaser .mk-custom-box .box-holder {
		padding-left: 45px !important;
		padding-right: 45px !important;
		padding-bottom: 30px !important;
	}

	.teaser .mk-custom-box h2.mk-fancy-title {
		font-size: 36px !important;
		font-weight: 400 !important;
	}

	.teaser .mk-custom-box h3.mk-fancy-title {
		font-size: 19px !important;
		font-weight: 700 !important;
	}

	.teaser .mk-custom-box .mk-button-container {
		position: relative;
		bottom: auto;
		left: auto;
		margin-left: 0;
	}

}

.music-box .vc_col-sm-3 {
	max-width: 170px;
}

.music-box .vc_col-sm-9 {
	width: calc(100% - 170px);
}

.music-box .vc_col-sm-9 h2:first-child {
	margin-bottom: 10px;
}

/* 320 -------------------------------------------------------*/
@media screen and (max-width: 767px) {

	.music-box .vc_col-sm-3,
	.music-box .vc_col-sm-9 {

		float: left;
	}

	.music-box .vc_col-sm-9 h2:first-child span {
		display: block;
		text-align: left;
	}

}

@media screen and (max-width: 600px) {

	.music-box .vc_col-sm-3,
	.music-box .vc_col-sm-9 {

		float: none;
	}

	.music-box .vc_col-sm-9 {
		width: 100%;
	}

}

.block-center {
	max-width: 745px;
	margin: 0 auto;
}

.mk-list-styles ul li {
	padding-left: 25px;
}

.vc_separator {
	margin: 40px 0;
}

.vc_separator.vc_sep_color_grey .vc_sep_line {
	border-color: #b8b8b8;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#mk-footer .mk-col-1-3:first-child {
	padding-left: 0;
}

/* 768 -------------------------------------------------------*/
@media screen and (width: 768px) {

	#mk-footer .mk-col-1-3 {
		float: left;
		width: 33.33%;
		margin-bottom: 0;
	}

}

/* 320 -------------------------------------------------------*/
@media screen and (max-width: 767px) {

	#mk-footer .mk-col-1-3:nth-child(2) {
		padding-left: 0;
	}

}

@media screen and (min-width: 1141px) {

	#sub-footer .mk-footer-copyright {
		padding-left: 20px;
	}

}