style.css

/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Cameron
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        5.0.5
*/



/*Change Ninja Forms Styling */
.ninja-submit {
    background-color: #C9C9C9;
    color: #ffffff;
    display: block;
    font-size: 16px;
    letter-spacing: 1.07px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    border: 0;
    transition: all 0.2s ease-out;
}

.ninja-submit:hover {
background: #00afec;
}


/* Header Styling */
.mk-header-bg {
background-color: #fff !important;

}

.menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,
.menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,
.menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link {

	border-top-color: #00afec !important; 
}

.mk-toolbar-holder #mk-button-5 .mk-button .mk-button--icon {

    margin: -2px 0 0 0;
}

.mk-toolbar-holder #mk-button-5 .mk-button {
    background: #0c80e7;
    padding: 0;
}

.mk-toolbar-holder #mk-button-5 .mk-button:hover {
    background-color: #0c80e7;
}

.header-toolbar-contact {
    margin-left: 15px;
}


.mk-responsive-nav li a {

	font-size: 17px;
}

.mk-responsive-nav li ul li a {

	font-size: 17px;
	text-transform: uppercase;
}


@media screen and (max-width: 780px) {
	#mk-button-5.mk-button-container {
		margin-top: 9px;
		margin-bottom: 10px;
	}
	.mk-header-toolbar {
		text-align: center;
	}
	.mk-toolbar-holder #mk-button-5 .mk-button,
	.mk-toolbar-holder #mk-button-5 .mk-button .mk-button--icon,
	.header-toolbar-contact,
	.header-toolbar-contact .mk-moon-phone-3 {
		font-size: 17px;
	}
}

@media screen and (min-width:768px) and (max-width: 780px) {
	#mk-button-5.mk-button-container {
		position: fixed;
		top: 0;
		left: 10px;
	}




/* Fix Image Boxes on Home Page */

	/*Height Fix*/
.mk-imagebox-item .item-content {

	min-height: 230px;
}
	
	/*Font Size Fix for
	 Learn More Buttons*/
#mk-imagebox-7 .item-button a,
#mk-imagebox-11 .item-button a,
#mk-imagebox-5 .item-button a,
#mk-imagebox-9 .item-button a{
	background-color: #C9C9C9 !important;
    font-size: 18px;
    letter-spacing: 2px;	 
}

#mk-imagebox-7 .item-button a:hover,
#mk-imagebox-11 .item-button a:hover,
#mk-imagebox-5 .item-button a:hover,
#mk-imagebox-9 .item-button a:hover {
	background-color: #00afec !important;
}

/*Fix Icons on About Us page*/

.about-icon {

	text-align: center;
}


/*Gallery Spacing Fix on Spa Page & Gallery Page*/

.spa-gallery svg,
.photo-tabs svg{

    display: none;
}


/*Clear Fix on Testimonials page*/
.testimonial-ul li:nth-child(5) {

    clear: both;
}


/*Gallery Clean up and Tweaks*/
li.vc_active {
    
    border-color: #0296b9;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
    background-color: #fff !important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a,
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a {
font-weight: bold;
font-size: 20px;
line-height: 24px;
white-space: nowrap;
color: #444;
transition: all 1s linear;
}

.photo-tabs .vc_tta-panels-container {

    border-top: solid;
    border-color: #e6e6e6;
    margin-top: -2px;
    border-width: 1px;
    transition: all 1s linear;
}


#gallery-loop-5 article:nth-of-type(3n + 4) {
clear: both;
}

.page-id-23 .mk-main-wrapper-holder {

	transition: all 1s linear;

}


/*Contact US Page*/
    /*Google Maps Scroll Fix*/
    
    .map-overlay {
            background: transparent; 
            position: relative; 
            width: 100%;
            height: 450px; 
            top: 450px;  
            margin-top: -450px;  
    }




/* Footer Styling */

.widget_contact_info ul li i,
.widget_recent_comments li:before,
#mk-footer input[type=text] {
	
	color: #fff;
}




.mk-grid {
	max-width: 100% !important;
}

#social-2 {
	margin-bottom: 0;
	float: right;
	display: inline-block;
}

.divider {
	margin: 0 5px;
}


#social-569da80ec62ff a[title=" youtube"] {
    	
    margin-right: 0;
}    

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

	.cust-foot-phone {
		display: block;
	}
	.phone-divider {
		display: none;
	}
}


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

	.address-footer-cust {
		display: block;
	}
	.address-divider {
		display: none;
	}
}

@media screen and (max-width: 869px) {
    
	#text-7,
	#social-569da80ec62ff {
	
		text-align: center;
	}

    #social-2 {
    	float: none !important;
    }
}