/*
Theme Name:     Jupiter Child Theme - giw-beiztechnik.de
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         cuti und stier gbr
Theme URI: 		http://www.cutiundstier.de
Template:       jupiter
Version:        5.0.11
*/

/**********************************************************************
*
*	FARBEN:
*	dunkelblau:			#1d3a8f		rgba(29,58,143,1);
*	hellblau 1			#0075bc		rgba(0,117,188,1);
*	hellblau 2			#2581c4		rgba(37,129,196,1);
*   hintergrundblau		#E9EEF9		rgba(233,238,249,1);
*	grau				#dadada		rgba(218,218,218,1);
*
*/

.no-padding{
	padding:0;
}

.white, .white p, .white a{
	color: #fff !important;
}

@media handheld, only screen and (max-width: 765px){
	.alignright, img.alignright{
		width: 100%;
	}

	.phone-hidden{
		display: none;
	}
}

.mk-body-loader-overlay {
    z-index: 999999;
}

@media handheld, only screen and (min-width: 770px){
	.mcw_fp_slide {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
}
@media handheld, only screen and (max-width: 770px){
	.mcw_fp_slide {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}



/******************************************************
*	HEADER
******************************************************/
@media handheld, only screen and (max-width: 780px){
	#mk-header-checkout, #mk-toolbar-navigation, .header-toolbar-contact, .mk-header-date, .mk-header-login, .mk-header-signup, .mk-header-social, .mk-header-tagline {
		margin: inherit !important;
	}
}

@media handheld, only screen and (min-width: 760px){
	.mk-toolbar-navigation {
		float: right;
	}
}
	
@media handheld, only screen and (max-width: 1140px){
	.mk-header-bg {
		background-image: none;
	}
}

@media handheld, only screen and (min-width: 1140px){
	.header-style-1.header-align-right .mk-header-nav-container {
		text-align: right;
	}
	
	.mk-header-bg {
		background-position-x: -110px;
		background-repeat: no-repeat;
	}

	.mk-header:not(.header-style-4) .header-logo{
		top: 25px;
	}
	.mk-main-navigation {
		display: inline-block;
		text-align: left;
		margin: 25px 295px 0 0;
	}
	.mk-main-navigation ul.sub-menu{
		margin-top: -35px;
		margin-left: 10px;
	}

	.a-sticky:not(.header-style-4) .add-header-height {
		height: 55px !important;
		line-height: 55px !important;
		top: 0 !important;
	}
	.a-sticky:not(.header-style-4) .mk-main-navigation {
		margin: 0 150px 0 0;
	}
	.a-sticky:not(.header-style-4) .mk-main-navigation ul.sub-menu{
		margin-top: inherit;
		margin-left: inherit;
	}
	
	.header-align-right .mk-grid .main-navigation-ul li.no-mega-menu>ul.sub-menu {
		right: auto;
	}
	
}

/*
@media handheld, only screen and (min-width: 1140px){
	.mk-header-bg {
		background-position-x: -50px;
		background-repeat: no-repeat;
	}
	
}

 */

/******************************************************
*	SIDEBAR
******************************************************/
aside{
    background-color: #E9EEF9;
    margin: 20px 0 0 0;
}
#mk-sidebar .widgettitle {
    text-transform: none;
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    font-family: "Titillium Web";
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 10px;
    margin: 0 0 15px 0;
}
.sidebar-wrapper {
    padding: 30px 20px !important;
}

/******************************************************
*	PORTFOLIO
******************************************************/
article{
	height:100%;
}
.mk-portfolio-classic-item .item-holder {
    border: 1px solid #dadada;
    height: 95%;
}
.portfolio-meta-wrapper {
    padding: 20px 15px !important;
}
.portfolio-meta-wrapper .the-title {
    line-height: 20px !important;
    margin-bottom: 8px;
}
.portfolio-meta-wrapper .the-title a {
    font-size: 20px !important;
    font-weight: 400;
    color: #0075bc !important;
}
.portfolio-meta-wrapper li{
	margin-left: 0;
}

/******************************************************
*	BLOG
******************************************************/
.mk-blog-hero.bold-style{
	/*background-repeat: round;*/
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center center;
}
.mk-author-avatar{
	display:none;
}

/******************************************************
*	FOOTER
******************************************************/
#mk-footer .footer-wrapper {
    padding: 15px 0 0;
}

/******************************************************
*	COOKIE NOTICE
******************************************************/
#cookie-notice .button.bootstrap {
    padding: 4px 12px !important;
}

/******************************************************
*	ICON BOX
******************************************************/
.simple_ultimate-style {
    background: #E9EEF9;
    padding: 15px 0;
    border-radius: 5px;
}

/******************************************************
*	POST GRID
******************************************************/
.vc_gitem-animate-slideTop .vc_gitem-zone-b {
    background: rgba(0,0,0,0.75);
}
.vc_gitem-post-data.vc_gitem-post-data-source-post_title div{
	color: #0075bc !important;
}
.vc_gitem-post-data p{
    color: #fff;
}
.vc_grid .vc_gitem-link {
    border-bottom: 2px solid #fff;
}

/******************************************************
*	BLOG
******************************************************/
.mk-blog-modern-item .featured-image img, .mk-blog-classic-item .featured-image img {
    display: block;
	position: relative;
    min-width: 50%;
    max-width: 100%;
	width: auto;
	margin:auto;
}



.theme-page-wrapper.right-layout .theme-content, .theme-page-wrapper.left-layout .theme-content {
    width: 66%;
}
strong, th, thead td {
    font-weight: 500;
}

/******************************************************
*	Form
******************************************************/
.form-control {
	display: block;
	width: 100%;
	height: calc(1.62em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem!important;
	font-size: 18px!important;
	font-weight: 400;
	line-height: 1.62;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.form-group {
	margin-bottom: 1.25rem;
}
.form-group label {
	font-weight: 500;
	color: #2581c4;
}
.wpcf7-form .wpcf7-textarea {
	width: 100%;
	height: auto;
	background-color: #fdfdfd;
}