/*
Theme Name: Child Thrive Theme
Theme URI: http://thrivethemes.com/
Version: 1.7
Author: <a href="http://www.thrivethemes.com">Thrive Themes</a>
Description: Fully customizable, front end theme and template editing for WordPress has arrived! 
Template: thrive-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-everything
*/

/**
various background customizasions
**/
.sand-curve-right .tve-page-section-out{
    background-image: url(../png/sand-curve-right.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 300px;
}

.blue-curve-right .tve-content-box-background,
.blue-curve-right .tve-page-section-out{
    background-image: url(../png/blue-curve-right.png) !important;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 300px;
}

.blue-curve-logo-left .tve-page-section-out{
    background-image: url(../png/blue-curve-logo-left.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 300px;
}

.blue-curve-logo-right .tve-content-box-background,
.blue-curve-logo-right .tve-page-section-out{
    background-image: url(../png/blue-curve-logo-right.png) !important;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 300px;
}


.blue-gradient{
    background-image: url(../png/blue-gradient.png);
    background-position: left top !important;
    background-repeat: no-repeat;
    background-size: 50% 90%;
	
}

.blue-gradient.rotate{
	background-image: url(../png/blue-white-gradient.png);
	background-size: 75% 90%;
}

@media screen and (max-width: 1024px) {
	.blue-gradient.rotate{
		background-size: 100% 90%;
	}
}


/**
custom font styles
**/
.no-bottom-spacing p:last-child{
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
}

/**
double CTA buttons used all over the place
**/
.cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col{
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start !important;
}

.cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col .thrv-button{
	
}

.cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col .thrv_text_element{
	margin-left:20px;
	margin-right:20px;
}

.cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col .thrv_text_element p{
	padding-bottom:0px !important;
}

.text-white .cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col .thrv_text_element p{
	color:#fff !important;
	font-weight:600;
}

.text-black .cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col .thrv_text_element p{
	color:#000 !important;
	font-weight:600;
}

.cta-buttons-full-width .cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col{
	justify-content: center !important;
}

@media screen and (max-width: 768px) {
	.cta-buttons .tcb-flex-row .tcb-flex-col .tcb-col{
		flex-direction: column;
	}
}

/**
Common Symbols
**/
#how-do-we-do-it{
    background-image: url(../png/bk-brown-gradient-panel.png);
    background-repeat: no-repeat;
    background-position: right 300px;
    background-size: 50% 500px;
}

/**
embedded Infusionsoft forms
**/

#keap-embedded.grey{
	background-color:#fdfdfd;
	border:2px solid #f6f6f6;
	padding:30px 30px;
}

/* Apply basic styles to form elements */
#keap-embedded .infusion-field {
  margin-bottom: 30px;
}

#keap-embedded label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  font-size:18px;
}

#keap-embedded .options-container label {
	font-weight: 400;
}

#keap-embedded input[type="text"],
#keap-embedded input[type="email"],
#keap-embedded textarea,
#keap-embedded select {
	background-color:#fff;
	width: 100%;
	padding: 10px;
	border: 2px solid #8d8d8d;
	border-radius: 10px;
	font-size:16px;
	outline: none;
	box-sizing: border-box;
}

#keap-embedded input[type="text"]:focus,
#keap-embedded input[type="email"]:focus,
#keap-embedded select:focus,
#keap-embedded textarea:focus {
	border: 2px solid #B04F24 !important;
	outline: none;
}


#keap-embedded .infusion-radio .infusion-option input[type=radio] {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

#keap-embedded select:required:valid,
#keap-embedded input:required:valid {
  border-color: green;
}
/*
#keap-embedded input:required:invalid {
  border-color: red;
}
*/



/* Adjust layout for smaller screens (e.g., mobile devices) */
@media screen and (max-width: 1024px) {
		#keap-embedded.grey{
		padding:10px 10px;
		}
}

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


	#keap-embedded label {
		font-size: 16px;
	}

	#keap-embedded input[type="text"],
	#keap-embedded input[type="email"],
	#keap-embedded textarea,
	#keap-embedded select  {
		font-size: 16px !important;
		width: 92% !important;
	}
}

/* Style the submit button */
#keap-embedded .infusion-submit button {
  background-color: #425983;
  color: #fff;
  font-weight:500;
  padding: 15px 30px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

#keap-embedded .infusion-submit button:hover {
  background-color: #687a9c;
}

/* Add some spacing to the submit button */
#keap-embedded .infusion-submit {
  margin-top: 20px;
}

/* Center the form on the page */
#keap-embedded .infusion-form {
  max-width: 640px;
  margin: 0 auto;
}

/**
embedded Infusionsoft newsletter signup form in footer
**/
#keap-newsletter-signup .infusion-field {
  margin-bottom: 20px;
}

#keap-newsletter-signup input[type="text"],
#keap-newsletter-signup input[type="email"]{
    background-color: #fcfcfc;
    width: 100%;
    padding: 12px 10px;
    border: 2px solid #8d8d8d;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
    font-family: Inter, sans-serif;
	box-sizing: border-box;
}

#keap-newsletter-signup input[type="text"]:focus,
#keap-newsletter-signup input[type="email"]:focus{
	border: 2px solid #B04F24 !important;
	 background-color: #f6f6f6;
	outline: none;
}

#keap-newsletter-signup input:required:valid {
  border-color: green;
}

#keap-newsletter-signup .infusion-submit button{
	background-color: #B04F24;
	color: #fff;
	font-size: 18px;
	font-family: Inter, sans-serif;
	border-radius: 6px;
	font-weight: 700;
}

#keap-newsletter-signup .infusion-submit button:hover{
	background-color:#b95d37;
}

/**
Thrive Quizbuilder popup being weird
**/
#quiz-modal .tve_flt .tqb-template-style-2 .tqb-result-template-4,
#quiz-modal .tqb-result-template-4,
#quiz-modal .tqb-splash-template-2,
#quiz-modal .tqb-splash-template-3{
    box-shadow: none !important;
    max-width: 100% !important;
}