/*
 Theme Name:   Jeannette's Divi Child Theme
 Theme URI:    https://inboxpi.com
 Description:  Jeanentte's Child Theme for Divi
 Author:       Jeannette Castaneda
 Author URI:   https://inboxpi.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/



/*----Case Studies Page---- */
@media only screen and (max-width:479px) {
    .case-studies-column .et_pb_column {
        width: 50%!important;
  }
}

@media only screen and (min-width: 768px) {
    .case-studies-column .et_pb_column {
        width: 23%!important;
  }
}

/*----Individual Case Study Pages----*/

.case-study-nav-button .nav-previous{
  transition: color 2s ease;
}

.case-study-nav-button .nav-previous:hover,
.case-study-nav-button .nav-next:hover {
    border-color: #558855;
}

.case-study-nav-button .nav-previous:hover span,
.case-study-nav-button .nav-next:hover span  {
    color: #558855;
    border-color: #558855;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}


/* -------secondary menu bar - align right-------*/

@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}


/*----------Home Page----------*/

.home-page-bullets li{
  list-style-type: none;
}

@media only screen and (max-width:980px) {
    .home-page-3-columns .et_pb_column {
    width: 32%!important;
  }
    .footer-main-row .et_pb_column {
        overflow-wrap:break-word;
    }
    .home-page-logos .et_pb_column{
        width: 33%!important;
    }
    .long-email-address .et_pb_blurb_description {
        overflow-wrap:break-word;
    }
}

@media only screen and (max-width:479px) {
    .home-page-3-columns .et_pb_column {
    width: 100%!important;
  }
}

@media only screen and (max-width:370px) {
    .long-email-address .et_pb_blurb_description {
        font-size: .8rem;
    }
}



/*----------How We Help Page----------*/
.how-we-help-blurb .et_pb_blurb_description {
    padding-left: 7%;
    padding-right: 7%;
}

@media only screen and (max-width: 980px) {
    .how-we-help-blurb .et_pb_blurb_description {
        padding-left: 0;
        padding-right: 0;
        ;
    }
    .how-we-help-cta {margin: 0 auto;}
}

@media (min-width:560px) and (max-width: 980px){
    .how-we-help-row .et_pb_column {
        width:48%;
    }

}



/*----------Blog Main Page----------*/
@media only screen and (min-width: 768px) {
	
    .custom_blog .et_pb_post {
    min-height: 400px;
    max-height: 400px;
    }
    
    
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
        width: 30%;
        margin-right: 40px;
    }
    	
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
        margin-bottom: 40px;
    }
	
}

@media only screen and (max-width: 768px) {
	
    .custom_blog .et_pb_post {
    min-height: 450px;
    max-height: 450px;
    }
    
    
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, 
    .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3,
    .et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post {
        margin-right: 40px;
    }
    	
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post, 
    .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post,
    .et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post {
        margin-bottom: 40px;
    }
	
}  

@media only screen and (max-width: 479px) {
	
    .custom_blog .et_pb_post {
    min-height: 450px;
    max-height: 450px;
    }
    
    
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
        width: 45%;
        margin-right: 40px;
    }
    	
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
        margin-bottom: 40px;
    }
	
} 
/*---- Blog Post not slider ----*/

@media (max-width: 479px){
	.et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
		margin-bottom: 30px;
	}
}


/*----------Blog Post Page Sidebar----------*/
.widget a, .widget a:visited {
}
.et_pb_widget ul li {
	border-bottom: .5px dotted gray;
    transition: border-bottom-color 0.2s;
}
.widget .post-date, .widget .rss-date {
    font-size: .81em;
}


/*----------About Us page----------*/

.center-headshot {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}  

/*----------Customized Top Header----------*/

 /*float whole menu to right*/
#et-info {
    float: right;
}

 /*float social icons to far right*/
#top-header .et-social-icons {
    display: inline-block;
    float: right;
}
 

    /*-----Menu Icons to Replace Text-------- */
         /* 
            Additions to the menu along with icon names

            mailto:info@healthcareproductmarketing.com
            

            https://www.linkedin.com/company/healthcare-service-consultants-llc-/
            

            https://twitter.com/HSC367
              
        */
 
         /*phone*/
        .top-phone {
            width: 111px!important;
        }
         
        .top-phone a {
            color: white!important;
        }
         
        .top-phone:before {
            font-family: 'ETmodules';
            content: "\e090";
            font-size: 16px;
            float: left;
        }


         /*email*/
        .top-email {
            width: 25px!important;
        }
         
        .top-email a {
            font-family: 'ETmodules';
            color: white!important;

        }


         /*twitter*/
        .top-twitter {
         width: 25px!important;
        }
         
        .top-twitter a {
            font-family: 'ETmodules';
            color: white!important;
        }
         

        /*linkedin*/
        .top-linkedin {
            width: 25px!important;
        }
         
        .top-linkedin a {
            font-family: 'ETmodules';
            color: white!important;
        }

        @media (max-width: 768px) {
            .top-phone,
            .top-phone a,
            .top-email a,
            .top-twitter a ,
            .top-linkedin a {
                color: #666!important;
            }

            .top-phone:before {
                padding-right: 6%;
                padding-top: 8%;
            }

        }