/*
Theme Name:     Boost by Design Child Theme
Theme URI: 		http://boostbydesign.com
Description:    Child theme for Family First Therapy
Author:         Jeremy Miller
Theme URI: 		http://boostbydesign.com
Template:       jupiter
Version:        5.0.2
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/




legend {padding: 0px}
    
@media screen and (max-width:768px) {
	div.contact-info-box > div.left-side {
	 	width:85% !important;
	 	display:inline-block;

	}
	div.contact-info-box > div.left-side > div.contact-section {
		width:100% !important;
	}
	div.contact-info-box > div.left-side > div.contact-section > p:nth-child(2) {
		margin:10px;
	}

	div.contact-info-box > div.page-list {
		position:relative;
		width:100% !important;
		float:none !important;
		margin-top:0 !important;
	}
	
	.workshop-div {
        padding:30px 15px;
    }
    
    .site-headline{
        text-align:center;
        color:red;
    }
}

    .post-button {
        padding: 10px 15px;
        background-color: #00a4a5;
        color: #fff;
        font-size: 18px;
        border: none;
    }
    
    .cta-wrapper {
        text-align:center;
        margin-top:45px;
    }
    
    a.cta-button {
    color: #fff;
    background-color: #f4c662;
    font-size: 14px;
    padding: 14px 20px;
}

a.cta-button:hover {
    color: #fff;
    background-color: #95b878;
}

.mk-fancy-table th {
    background-color:#95b878 !important;
}

    .workshop-div > .cta-wrapper.vc_btn3-container.vc_btn3-center {
            text-align:left;
    }

/** New Event Page Styles **/

p.tribe-events-widget-link {
    display:none;
}

/*Sub Footer*/

.sub-footer-left {
    float:left;
    color:#3c5d71;
}

.sub-footer-right {
    float:right;
}

.sub-footer-right a {
    color:#3c5d71;
}

.mk-footer-copyright {
    width:100%;    
}

@media screen and (max-width:768px) {
    .sub-footer-left {
    float:left;
    text-align:center;
    }
    .sub-footer-right {
    float:left;
    text-align:center;
    }
}

@media handheld, only screen and (max-width: 767px) {
    
.copyright-div {
    margin-bottom:10px;
}    
.mk-footer-copyright {
    padding: 10px 0 0 12px !important;
}
}

/*Contact Form Styles*/

input.button {
    padding:20px 30px;
}



h4.faq-title {
	color:#f4c662;
	font-size:25px;
}

.spwidget-button-wrapper {
	text-align:left !important;
}

 .post-button {
        padding: 10px 15px;
        background-color: 	#00a4a5;
        color: #fff;
        font-size: 18px;
        border: none;
    }

.boost-light-button .span, .mk-button--dimension-flat.text-color-dark {
    color: #3c5d71 !important;
}

.master-holder h1, .master-holder h2 {
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 40px;
    line-height: 95%;
    color: #f4c662;
    text-align: left;
    font-style: inherit;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 20px;
}

.master-holder h2 {
    color: #3c5d71;
    padding-bottom: 0px;
}

.single-therapist .featured-image, .single-therapist .blog-single-title,
.single-therapist .blog-single-meta, .single-therapist .single-social-section,
.single-therapist .intro-left
  {
    display: none;
}

.therapist-services, .therapist-quote {
    color: #3c5d71;
    font-weight: 700;
    padding: 15px 0px;
}

.therapist-quote {
    font-style: italic;
    color: #333;
}

select.js-wpv-filter-trigger.form-control {
    display: inline;
    margin: 15px;
}

.btn-secondary, .wpv-reset-trigger {
    margin: 15px 7px;
    background-color: #95b878;
    color: #fff;
    border: 0px;
    padding: 8px 15px;
}

.form-group {
    text-align: center;
    margin: 20px 0px;
    display: block;
}

.therapist-container {
    display: flex;   
    flex-wrap: wrap;
    justify-content: center;
}

.therapist-grid {
    background-color: #f5f5f5;
    /* flex: 0 0 25%; */
    flex: 0 0 20%;
    margin: 10px !important;
    padding: 5px;
}

.therapist-grid img {
    width: 100%;    
}

.therapist-box {
    min-height: 75px;
}

.therapist-grid-title {
    font-size: 1.3rem;
}

.therapist-categories, .therapist-categories p {
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 155px;
}

.therapist-button, .therapist-contact {
    background: #3c5d71;
    color: #fff;
    padding: 10px 15px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.therapist-contact {
    background: #95b878;
}

.therapist-button:hover {
    background: #95b878;
    color: #fff;   
}

.therapist-contact:hover {
    background: #3c5d71;
    color: #fff;   
}

.therapist-filter-container .radios-taxonomies-title {
    background: #3c5d71;
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    margin: 5px;
}

.therapist-filter {
    position: fixed;
    opacity: 0;
    pointer-events: none;    
}

.therapist-filter-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.therapist-filter-container .radios-taxonomies-title {
    background: #3c5d71;
    color: #fff;
    padding: 7px 15px;
}

.therapist-filter-container .radios-taxonomies-title:hover {
    background: #95b878;
    cursor: pointer;
}

@media screen and (max-width:1100px) {
    .therapist-categories, .therapist-categories p {
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 170px;
}
}

@media screen and (max-width:1060px) {
    .therapist-grid {
    flex: 0 0 30%;
}
}

@media screen and (max-width:860px) {
    .therapist-grid {
    flex: 0 0 47%;
}
}

@media screen and (max-width:768px) {
    .therapist-grid {
    flex: 0 0 100%;
}
}