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



/*
Fonts
*/

@import url(https://use.fontawesome.com/dded53a67a.css);

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Black.eot');
	src: local('☺'), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype'), url('fonts/Montserrat-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-ExtraBold.eot');
	src: local('☺'), url('fonts/Montserrat-ExtraBold.woff') format('woff'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype'), url('fonts/Montserrat-ExtraBold.svg') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Bold.eot');
	src: local('☺'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Regular.eot');
	src: local('☺'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Light.eot');
	src: local('☺'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Montserrat-UltraLight';
	src: url('fonts/Montserrat-UltraLight.eot');
	src: local('☺'), url('fonts/Montserrat-UltraLight.woff') format('woff'), url('fonts/Montserrat-UltraLight.ttf') format('truetype'), url('fonts/Montserrat-UltraLight.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Hairline.eot');
	src: local('☺'), url('fonts/Montserrat-Hairline.woff') format('woff'), url('fonts/Montserrat-Hairline.ttf') format('truetype'), url('fonts/Montserrat-Hairline.svg') format('svg');
	font-weight: 100;
	font-style: normal;
}

/*
Basics
*/

html body {
	font-family: "Montserrat";
}

* {
	letter-spacing: 0 !important;
}

p {
	font-weight: 300 !important;
}

hr {
	width: 50px;
	height: 3px;
	background: #29BB9C;
	border: 0;
	margin: 30px auto;
	padding: 0;
}

.master-holder .light-content h1,
.master-holder .light-content h2,
.master-holder .light-content h3,
.master-holder .light-content h4,
.master-holder .light-content p {
	color: #FFF;
}

.bg-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0271bd+0,29bb9c+100 */
	background: #0271bd; /* Old browsers */
	background: -moz-linear-gradient(left,  #0271bd 0%, #29bb9c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0271bd 0%,#29bb9c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0271bd 0%,#29bb9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0271bd', endColorstr='#29bb9c',GradientType=1 ); /* IE6-9 */
}

/*
Grid
*/

.master-holder .mk-grid {
	padding: 0 20px;
}

/*
Forms
*/

input,
select {
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 10px !important;
}

label {
	line-height: 40px;
}

input,
textarea,
select {
	font-weight: 300 !important;
	font-size: 14px !important;
	border-color: #e3e3e3 !important;
}

input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus {
	border-color: #29bb9c !important;
}

/*
Header
*/

header .mk-header-holder {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.mk-header-toolbar {
	border-bottom: 1px solid #EFEFF4;
	/*overflow: hidden;*/
	height: 35px;
}

@media screen and (max-width: 780px) {
	.mk-header-toolbar {
		height: auto;
	}
}

.mk-header-toolbar a:hover {
	color: #29BB9C;
}

.mk-header-toolbar .mk-toolbar-holder {
	float: right;
	padding: 0;
}

.mk-header-toolbar .mk-toolbar-holder > span {
	padding: 0 20px;
	margin: 0;
	border-left: 1px solid #EFEFF4;
	display: block;
	float: left;
	position: relative;
}

@media screen and (max-width: 780px) {
	.mk-header-toolbar .mk-toolbar-holder {
		float: none;
	}

	.mk-header-toolbar .mk-toolbar-holder > span {
		padding: 0;
		border: 0;
	}
}

.mk-header-toolbar .mk-toolbar-holder > span:last-child {
	border-right: 1px solid #EFEFF4;
}

/* Topbar */

.mk-header-tagline {
	cursor: pointer;
}

.mk-header-tagline span {
	line-height: 35px;
	display: block;
}

.mk-header-tagline ul {
	list-style: none;
	margin: 0;
	padding: 0;
	top: 35px;
	right: -1px;
	overflow: visible;
	position: absolute;
	background: #FFF;
	display: none;
	border-left: 1px solid #EFEFF4;
	border-right: 1px solid #EFEFF4;
}

.mk-header-tagline:hover ul {
	display: block;
}

.mk-header-tagline ul li {
	border-bottom: 1px solid #EFEFF4;
	padding: 0;
	margin: 0;
}

.mk-header-tagline ul li a {
	display: block;
	line-height: 35px;
	padding: 0 20px;
}

@media screen and (max-width: 780px) {
	.mk-header-tagline ul {
		position: relative;
		top: 0;
		right: auto;
		border: 0;
	}

	.mk-header-tagline ul li  {
		border: 0;
	}

	.mk-header-tagline ul li a {
		padding: 0;
	}
}

/*
Hero Visual
*/

.hero-visual .mk-grid {
	height: 500px;
	padding: 200px 0;
}

.hero-visual .mk-grid h1,
.hero-visual .mk-grid p {
	color: #FFF;
	font-weight: 300;
}

.hero-visual .mk-grid h1 {
	line-height: 50px;
}

.hero-visual .mk-grid p {
	line-height: 20px;
	max-width: 960px;
  margin: 0 auto 20px;
	font-size: 18px;
}

@media screen and (max-width: 960px) {
	.hero-visual .mk-grid {
		height: 400px;
		padding: 150px;
	}
}

@media screen and (max-width: 768px) {
	.hero-visual .mk-grid {
		/*height: 400px;*/
		height: auto;
		padding: 100px 50px;
	}

	.hero-visual .mk-grid h1 {
		font-size: 40px;
		line-height: 40px;
	}
}

@media screen and (max-width: 480px) {
	.hero-visual .mk-grid {
		padding: 75px 20px;
	}
}

/*
Buttons
*/

html .mk-button {
	line-height: 40px;
	padding: 0 20px !important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0 !important;
	font-size: 14px !important;
}

html .mk-button .fa {
	margin-right: 15px;
}

html .mk-button--dimension-flat {
	background: #29BB9C !important;
}

html .mk-button--dimension-flat:hover {
	background: #0271BD !important;
}

html .mk-button--dimension-outline {
	border-width: 1px;
}

/*
Navigation
*/

.mk-responsive-nav li.cta,
.main-navigation-ul > li.menu-item.cta {
	background: #29BB9C;
	transition: background 0.3s;
}

.mk-responsive-nav li.cta:hover,
.main-navigation-ul > li.menu-item.cta:hover {
	background: #0271BD;
}

.mk-responsive-nav li.cta a,
.main-navigation-ul > li.menu-item.cta a {
	color: #FFF !important;
}

.main-navigation-ul > li.menu-item.cta a:after {
	display: none !important;
}

/*
Newsletter + Contact
*/

.newsletter-contact {
	color: #FFF;
}

.newsletter-contact .wpcf7 {
	display: inline-block;
	vertical-align: top;
}

.newsletter-contact .wpcf7 .wpcf7-form > div {
	display: block;
	float: left;
}

.newsletter-contact .wpcf7 br {
	display: none;
}

.newsletter-contact .wpcf7 input.wpcf7-text {
	height: 40px;
	line-height: 40px;
	background: #FFF;
	border: 0;
	margin: 0 0 20px 0;
	max-width: 100%;
}

.newsletter-contact .wpcf7 input.wpcf7-submit {
	float: left;
}

.newsletter-contact .wpcf7 .wpcf7-response-output {
	display: none !important;;
}

.newsletter-contact .mk-button {
		margin: 0 0 20px 15px;
}

.newsletter-contact span.wpcf7-not-valid-tip {
	color: #FFF;
	border: 1px solid #FFF;
}

@media screen and (max-width: 661px) {
	.newsletter-contact .wpcf7 {
		width: 100%;
	}

	.newsletter-contact .wpcf7 .wpcf7-form > div {
		float: none;
		width: 100%;
	}

	.newsletter-contact .wpcf7 input.wpcf7-text {
		margin-bottom: 0;
	}

	.newsletter-contact .wpcf7 input.wpcf7-submit {
		width: 100%;
	}
}

/*
Calculator Form
*/

html #fbuilder hr {
	width: 100%;
	height: 1px;
}

html #fbuilder .medium {
	width: 100% !important;
}

html #fbuilder .fields.estimate {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0271bd+0,29bb9c+100 */
	background: #0271bd; /* Old browsers */
	background: -moz-linear-gradient(left,  #0271bd 0%, #29bb9c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0271bd 0%,#29bb9c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0271bd 0%,#29bb9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0271bd', endColorstr='#29bb9c',GradientType=1 ); /* IE6-9 */

	color: #FFF;
	padding: 0 10px;
	margin: 10px 0;
}

html #fbuilder .fields.estimate label {
	line-height: 40px;
}

html #fbuilder .fields.estimate .dfield {
	float: right;
}

html #fbuilder .fields.estimate .dfield input {
	background: transparent;
	border: 0;
	font-size: 24px !important;
	color: #FFF;
	text-align: right;
	padding: 0 !important;
	margin: 0;
	line-height: 40px;
}

html #fbuilder .fields.submit input {
	line-height: 40px;
	padding: 0 20px !important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0 !important;
	font-size: 14px !important;
	background: #29bb9c;
	color: #FFF;
	float: right;
	border: 0;
}

html #fbuilder .fields.submit input:hover {
	background: #0271bd;
}

/*
Contact Form 7
*/

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form .wpcf7-select {
	width: 100% !important;
	background-color: #FFF !important;
}

span.wpcf7-not-valid-tip {
	position: relative;
	top: 0;
	right: 0;
}

.wpcf7-form .wpcf7-submit {
	line-height: 40px;
	padding: 0 20px !important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0 !important;
	font-size: 14px !important;
	background: #29bb9c;
	color: #FFF;
	float: right;
	border: 0;
	margin: 0;
}

.wpcf7-form .wpcf7-submit:hover {
	background: #0271bd;
}

.wpcf7-form small {
	background: #efeff4;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 1.6em;
}

/*
FAQ
*/

.filter-faq ul li a {
	line-height: 40px;
	padding: 0 20px;
}

.filter-faq ul li a:hover {
	color: #29bb9c;
}

.filter-faq ul li a.current {
	background: #29bb9c;
	color: #FFF;
	border-radius: 0;
}

/*
Blog
*/

.mk-blog-thumbnail-item {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #EFEFF4;
	overflow: hidden;
}

.mk-blog-thumbnail-item .item-wrapper {
	padding: 0 20px !important;
}

.mk-blog-thumbnail-item .item-wrapper .mk-blog-meta-wrapper,
.mk-blog-thumbnail-item .item-wrapper .mk-blog-meta-wrapper a {
	color: #ABB4BD;
}

.mk-blog-thumbnail-item .item-wrapper .mk-button {
	line-height: 40px;
	padding: 0 20px !important;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0 !important;
	font-size: 14px !important;
	background: #29bb9c;
	color: #FFF;
	float: right;
	border: 0;
}

.mk-blog-thumbnail-item .item-wrapper .mk-button:hover {
	background: #0271bd;
}

/*
Widget
*/

.widget ul {
	margin-left: 0;
}

.widget .mk-searchform .text-input {
	border: 1px solid #e3e3e3;
}

/*
Tooltip
*/

.ui-tooltip.uh-tooltip {
	font-size: 12px !important;
}