/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://website-creatives.com
Description:    Child theme for the Jupiter theme - Made for Binary Stars
Author:         Website Creatives - Joanna Janse van Vuuren
Theme URI: 		http://website-creatives.com
Template:       jupiter
Version:        5.0.10
*/

/*
Colors:
http://www.colorhexa.com/2980b9
Main Blue:#2980b9;
Green/turqoise:#29b9aa;
Dark Blue:#2938b9;
Flat green:#29b962;
*/

h1, .master-holder h1 {
    text-transform: uppercase;
    letter-spacing: 18px;
    font-size: 7.5em!important;
    line-height: 60px;
    margin-top: 40px;
    color: #fff!important;
    text-align: center;
    font-weight: 300!important;}
h1 .smaller-hone {
	font-size: 0.4em;
	letter-spacing: 10px;}
.contact-options-list ul {
	margin:0 0 30px 10px;}
.contact-options-list ul li {
	font-size: 1.2em;
    list-style: none;
    text-align: left;
    font-weight: 400;
    border-bottom: dashed 1px grey;
    padding: 8px 0;
	color: #000;}  
.contact-options-list li {
	line-height: 1.6em!important;
    margin-left: 20px;}
.contact-options-list li:before {
	font-family: 'Pe-icon-line';
	content: "\e651";
    color: #2980b9;
    margin-right: 15px;
    font-size: 1.5em;
    float: left;} 
.header-p p {
    text-align: center;
    color: #fff;
    font-weight: 600}    
.mk-header-tagline {
    float:right;
    text-transform: uppercase;
    font-weight: 600;}
.mk-header-tagline a {
    color: #2980b9!important;}
#mk-page-id-6, #mk-page-id-8 {display:none;}   

.mk-fancy-title.custom-contact-title {margin-bottom: 0px;} 
.custom-contact-text {
    margin-top: 40px;}
.custom-contact-text p {
    color: #fff;
    font-size: 2em;}
.custom-contact-text p strong {
    color: #fff;}
.mk-footer-copyright a {color:#fff;}    

/**Gravity Form Edits**/
.gform_confirmation_message_1 {font-size:2em; line-height:1.7em; border:solid 2px #2980b9; padding:20px;} 

/**Zoho Edits**/
.zsFormClass, .zsFormClass input[type=text], .zsFormClass textarea {width:100%!important;}  
.zsFontClass {font-family: 'Lato'; font-weight: 600;}  

/**Responsive Zoho Edits**/
/* SMALL SCREENS - MOBILES - max-width 640px */
@media only screen and (max-width: 40em) {
    h1, .master-holder h1 {font-size: 5em!important;}
    .custom-contact-text p {
        font-size: 1.5em;}
    .contact-options-list ul {margin:10px 0px;}  
    .contact-options-list li {margin-left:0px;}  
    .zsFormClass, .zsFormClass input[type=text], .zsFormClass textarea {
        width: 80%!important;
        float: left;}    
}