/*
 Theme Name:   Cove Investments
 Theme URI:    https://coveinvestments.com
 Description:  Custom GeneratePress child theme
 Author:       Sparks and Fuel
 Author URI:   https://sparksandfuel.com
 Template:     generatepress
 Version:      0.1
*/





/* --------------- BUTTONS --------------- */

.get_in_touch .elementor-button {
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%);
    webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

#contact_submit {
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%);
	font-weight: 400;
    webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

/* --------------- FONTS --------------- */


h1 {
    font-family: "Roboto Slab", serif;
    font-weight: 500;
    font-size: 3.7rem;
}

@media (max-width: 768px) {
	h1 {font-size: 2.5rem !important;}
}


h2 {
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    font-size: 2.5rem;
	line-height: 3.4rem !important;
}

@media (max-width: 768px) {
	h2 {
	  font-size: 2.1rem !important;
	  line-height: 2.5rem !important;
	}
}


h3 {
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    font-size: 2.25rem;
}

@media (max-width: 768px) {
	h3 {font-size: 2rem !important;}
}

h4 {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 1.3em !important;
}

@media (max-width: 768px) {
	h4 {font-size: 1.4rem !important; 
		line-height: 2rem !important;}
}

h5 {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 1.5rem;
}

@media (max-width: 768px) {
	h5 {font-size: 1.25rem !important;}
}


/* --------------- SITE LOGO --------------- */

.elementor-image>a img[src$=".svg"] {
    width: 250px !important;
}


.footer_logo img {
	width: 250px;
}


@media (max-width: 768px) {
 	.footer_logo img {width: 200px; 
	 margin: auto !important;}
 }

 
/* --------------- COLOR --------------- */

.link_blue {
	color: #4F8FD0;
}


button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, a.wp-block-button__link:not(.has-background) {
    color: #ffffff;
    background-color: #4a90e2;
    border-radius: 4px;
    padding: 8px 13px;
    font-weight: 300;
    font-size: 15px
}

.elementor-message.elementor-message-success {
	color: #4a90e2;
}

/* --------------- Background images --------------- */
/* Elementor creates absolute URLs to background images for some reason so they need to be explicitly styled here to make them relative. */

.banner_home {
	background-image: url(/wp-content/uploads/2019/05/cove-investments-homepage-banner.jpg);
	background-color: #4F8FD0;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner_about_us {
	background-image: url(/wp-content/uploads/2019/05/about-us-header-image.jpg);
	background-color: #4F8FD0;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner_contact_us {
	background-image: url(/wp-content/uploads/2019/05/contact-us-header-image.jpg);
	background-color: #4F8FD0;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner_faqs {
	background-image: url(/wp-content/uploads/2019/05/faqs-header-image.jpg);
	background-color: #4F8FD0;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner_investments {
	background-image: url(/wp-content/uploads/2019/05/investments-header-image.jpg);
	background-color: #4F8FD0;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner_resources {
	background-image: url(/wp-content/uploads/2019/05/resources-header-image.jpg);
	background-color: #4F8FD0;
	background-repeat: no-repeat;
	background-size: cover;
}


/* --------------- Phone number color --------------- */
/* Phones make phone number go to blue link on mobile. This makes it white. */

a[href^="tel"] {
	color: #4f8fd0;
	text-decoration: none; 
}


.hs-form-82b342be-bc46-41b0-b887-d95e988149f2_ff785ee5-7728-48c1-842a-8ffb65f005a3 input.hs-button.primary.large {
	font-size: 16px !important; 
	border: none; 
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important; 
	letter-spacing: .03em; 
	color: #fff; 
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%); 
	box-sizing:border-box; 
	height: 2.6rem !important; 
	padding:0 18px; 
	display: inline-block; 
	margin: 0; 
	transition: all 0.23s ease-in-out 0s;
}


.hs-form-500cc64d-eecb-468a-a8a0-186385f7cc1b_a10fd986-565e-4330-b0ea-ad5488ecdf43 .hs-button {
	font-size: 16px !important; 
	border: none; 
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important; 
	letter-spacing: .03em; 
	color: #fff; 
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%); 
	box-sizing:border-box; 
	height: 2.6rem !important; 
	padding:0 18px; 
	display: inline-block; 
	margin: 0; 
	transition: all 0.23s ease-in-out 0s;
}



/* --------------- Mailchimp footer style --------------- */


/* Original Mailchimp style was linked to remote sheet: <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> */
/* I deleted link to remote sheet and copied style locally to edit because I couldn't override remote sheet.*/


#mc_embed_signup form {
	text-align:right; 
	padding:10px 0 10px 0;
}

.mc-field-group {
	display: inline-block;
} /* positions input field horizontally */

#mc_embed_signup input.email {
	font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; 
	font-size: 15px; 
	border: 1px solid #ABB0B2;  
	color: #343434; 
	background-color: #fff; 
	box-sizing:border-box; 
	height: 2.6rem; 
	padding: 0px 0.4em; 
	display: inline-block; 
	margin: 0; width:350px; 
	vertical-align:top;
}


#mc_embed_signup label {
	display:block; 
	font-size:16px; 
	padding-bottom:10px; 
	font-weight:bold;
}

#mc_embed_signup .clear {
	display: inline-block;
} /* positions button horizontally in line with input */

#mc_embed_signup .button {
	font-size: 16px !important; 
	border: none; 
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important; 
	letter-spacing: .03em; 
	color: #fff; 
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%); 
	box-sizing:border-box; 
	height: 2.6rem !important; 
	padding:0 18px; 
	display: inline-block; 
	margin: 0; 
	transition: all 0.23s ease-in-out 0s;
}


#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px; height:2.6rem}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
    #mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
}


/* --------------- Mailchimp Contact Page style --------------- */

#mc_embed_signup .button_contact {
	font-size: 16px; 
	border: none; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 0px; 
	letter-spacing: .03em; 
	color: #ffffff; 
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%); 
	box-sizing:border-box; 
	height: 2.6rem; 
	padding:0 18px; 
	display: inline-block; 
	margin: 0; 
	transition: all 0.23s ease-in-out 0s;
	font-weight: 400;
}


*[x-apple-data-detectors] {
    border-bottom: 0 !important;
    cursor: default !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* --------------- ConvertKit Footer button --------------- */

button.formkit-submit.formkit-submit  {
	background-image: linear-gradient(270deg, #5cd257 0%, #0d97ca 100%);
    webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    text-transform:uppercase;
    font-weight: bold;
}