/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        1.0
*/

/**
 * 	General
 *---------------------------------*/
html {
	font-size: 16px;
}
.lead {
    font-size: 1.1rem;
    line-height: 2rem;
}
.page-title {
    margin: 25px 20px;
}
.mk-button {
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
}
.mk-button:hover {
    background-color: #6a97cc !important;
}
.mk-fancy-title {
    margin-bottom: 0;
}
.mk-tabs .mk-tabs-tabs li a {
    font-weight: normal !important;
}
.valign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/**
 * 	Header
 *---------------------------------*/
.mk-responsive-nav li a {
	font-size: 14px;
    font-weight: normal;
}
.mk-responsive-nav li ul li a {
    font-size: 14px;
}
.mk-header.a-sticky .mk-header-inner {
    box-shadow: 0px 0px 5px #DDD;
}
#hero .mk-grid:before, #mk-page-introduce:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#mk-page-introduce:before {
	background: rgba(0,0,0,0.5);
	z-index: -1;
}
#hero .mk-grid:before {
	background: rgba(0,0,0,0.3);
}
#mk-page-introduce.intro-left {
    text-align: center;
    padding: 6rem 0;
}
.mk-header-holder .mk-svg-icon[data-name="mk-moon-arrow-down-2"] {
    display: none;
}

/**
 * 	Footer
 *---------------------------------*/
#mk-footer, #mk-footer p {
    line-height: 1.4;
}
#mk-footer #text-2 {
    padding-right: 5%;
}
#mk-footer .menu .mk-svg-icon {
    display: none;
}
#mk-footer img[alt="Logo"] {
    width: 100px;
    display: inline-block;
    margin-bottom: 12px;
}
#mk-footer .widget:not(.widget_social_networks) a {
    padding-top: 0;
}
#mk-footer .widgettitle {
    margin-bottom: 0;
}
.mk-footer-copyright {
    padding-left: 20px;
}
.mk-footer-copyright a {
    color: #6A97CC;
}
.widget_social_networks a.dark {
    color: #6A97CC;
}
.mk-footer-copyright a:hover, .widget_social_networks a.dark:hover {
    color: #A8C1DD;
}

/**
 * 	Call to Action
 *---------------------------------*/
.call-to-action {
    background: #f5f5f5;
    padding-top: 72px;
    padding-bottom: 72px;
}

/**
 * 	Plugins
 *---------------------------------*/
.formcraft-css a[data-toggle="fc_modal"], .formcraft-css .submit-button {
    display: inline-block;
    line-height: 100%;
    background: #0051ad;
	color: #fff !important;
    padding: 0.7rem 1rem !important;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.2s ease-in-out !important;
	font-family: 'Yantramanav' !important;
	font-weight: normal !important;
	letter-spacing: 1px !important;
}
.formcraft-css a[data-toggle="fc_modal"]:hover, .formcraft-css .submit-button:hover {
    background: #6a97cc !important;
}
/* Newsletter Modal */
.fc_modal-dialog.fc_modal-dialog-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.fc_modal-dialog.fc_modal-dialog-1 .form-page-content {
    padding: 40px 20px 20px 40px !important;
}

/**
 * 	Page/Home
 *---------------------------------*/
.home #hero {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.mk-box-icon .mk-main-ico.small {
    margin-top: 3px;
}

/**
 * 	Responsiveness
 *---------------------------------*/

@media only screen and (max-width: 991px) {
	.home #hero {
		padding-top: 9rem;
		padding-bottom: 9rem;
	}
}

@media only screen and (max-width: 767px) {
	.text-xs-left {
		text-align: left;
	}
	#mk-footer [class*=mk-col-] {
	    margin-bottom: 2rem;
	}
	.mk-footer-copyright {
		padding: 20px !important;
	    text-align: left;
	}
	.home #hero {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}