/*

 Theme Name: BCT
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0

*/

 

/* =Theme customization starts here

------------------------------------------------------- */

------------------------------------------------------- */

/*-----CENTERS VERTICALLY WHEN EQUAL COLUMN HEIGHTS IS TURNED ON-----*/

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/*-----BUTTONS UNIFORM: MAKE MY OWN CLASS--THIS IS DIVI CLASS .et_pb_button--JUST PUT: border width, border radius, bg color, text color, hover!-----*/

.et_pb_button {
    font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
}

/*-----This is Josh's button ID-----*/

#green-button {
    width: 250px;
    text-align: center;
    border-radius: 35px;
    color: #27c119;
    border: 2px solid #27c119;
}
 
#green-button:hover {
    background: #27c119;
    color: white!important;
}

/*-----MISSION-BLOCK: 1st gives border 2nd puts color bg under title so line doesn't go through it!--Also does the negative margin---*/
 
.missionblock {
    border: 2px solid white;
    padding: 30px;
    max-width: 700px;
    margin: auto;
}
 
.missionblock h2 {
    background: #9f73ab;
    max-width: 250px;
    margin: auto;
    margin-top: -46px;
}

/*--------- Headers with Lines ---------*/

/*-----First, go into any module I want this to affect and give class (header-dark OR header-light)-----*/

/*-----Notice in first code block, there is not content! this is just adding border top and bottom (of nothing)----*/
 
.header-light h2:before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    margin-right: 25px;
    margin-bottom: 6px;
}
 
.header-light h2:after {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    margin-left: 25px;
    margin-bottom: 6px;
}
 
.header-dark h2:before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid #070038;
    border-bottom: 2px solid #070038;
    margin-right: 25px;
    margin-bottom: 6px;
}
 
.header-dark h2:after {
    content: "";
    display: inline-block;
    width: 10%;
    height: 3px;
    border-top: 2px solid #070038;
    border-bottom: 2px solid ;
    margin-left: 25px;
    margin-bottom: 6px;
}

/*--------- Testimonials ---------*/
 
/*-----1. Add class to row. 2. Wasn't supposed to need to add classes to module but I did for rotation (see: _0, _1, _3)---------*/

.home-testimonials .et_pb_testimonial {
    border: 3px solid #070038
}
 
/*-----This makes icon go left side and styles it-----*/

.home-testimonials .et_pb_testimonial:before {
    left: 0;
    background: #050039;
    font-size: 50px;
    color: white;
}
 
.home-testimonials .et_pb_testimonial p {
    font-style: italic;
}
 
.home-testimonials .et_pb_testimonial_author {
    text-align: center;
    font-size: 18px;
    color: #4b4f68;
}
 
.home-testimonials .et_pb_testimonial_0 {
    transform: rotate(-5deg);
}
 
.home-testimonials .et_pb_testimonial_1 {
    transform: rotate(02deg);
}
 
.home-testimonials .et_pb_testimonial_2 {
    transform: rotate(-5deg);
}

/*--------- Blog ---------*/

/*-----Add class to module (home-blog)--1st removes blurb--2nd+3rd make pic to color on hover-----*/
 
.home-blog .et_pb_post p {
    display: none;
}
 
.home-blog .et_pb_post img {
    filter: grayscale(100%);
    opacity: .7;
    padding: 10px 10px 0px 10px;
}
 
 
.home-blog .et_pb_post:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
 
.home-blog .et_pb_post  {
    transition: transform .4s;
}
 
.home-blog .et_pb_post:hover  {
    transform: scale(1.1);
    box-shadow: 0px 12px 32px -14px rgba(0,0,0,0.3);
}
 
.home-blog .et_pb_post h2 {
    padding-bottom: 20px;
}

/*-----This makes headline change color on hover!-----*/
 
.home-blog .et_pb_post:hover h2 {
    color: #2abcdd;
}

/*-----This turns read more into a button-----*/
 
.home-blog .more-link {
    border: 2px solid;
    border-radius: 25px;
    padding: 10px;
}
 
.home-blog .more-link:hover {
    background: #2abcdd;
    color: white;
}


/*-----Not sure where this is now-----*/

.text-box-w-border {
    padding: 12px;
}

/*-----Trying to change link color in top right blurb Call:sgph in header 4-----*/

/*-----I think so that contact page blurb hyperlinks show as a good color-----*/

/*-----divi contact form so success message jumps out more-----*/

.et-pb-contact-message {
    color: #9f73ab;
}

/*-----mission color behind heading font-----*/

.missionblock h2 {
    background: #9f73ab;
 }


/*-----center vertically when equalize column widths is toggled on-----*/

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/*-----Don't show titles on image hover!-----*/

img[title] {
  pointer-events: none;
}

/*-----Contact page blurb links for phone & email-----*/

.et_pb_blurb_description a {
    color: #9f73ab !important;
}