/*
Theme Name:   JFsDIVIChildTheme
Description:  Created using the Child Theme Generator plugin
Author:       James Fortune
Author URL:   http://www.jamesfortune.co.uk
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  JFsDIVIChildTheme
*/

/* Write your own personal stylesheet code below */
/*************************************************/
/** Make Featured Images in Blog Posts Smaller ***/
.et_pb_post {
    margin-bottom: 100px;
}

.et_pb_post a img {
    height: auto;
    float: left;
    width: 200px;
    left: 0;
    margin-right: 14px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 980px) {
    .et_pb_post a img {
		float: left;
		width: 50%;
		height: 50%;
		color: red;
	}
}


/** Make The Social Media Icons White */
.et-social-icon a {
color: white !important;
}

/*
#top-menu li li a{border-bottom:3px solid #0085a3;}
*/

@media only screen and (max-width: 980px) {
    #wtfdivi004-page-start-img { 
      display: block !important; 
      width: 100%; 
    }
    #top-header, 
    #main-header { 
      position: relative !important; 
      top: 0 !important; 
    }
    #page-container { 
      padding-top: 0 !important; 
    }
}

/* Read more blog button */
.more-link {
    background-color: #1f568e;
    display: inline-block !important;
    color: #fff;
    padding: 5px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

.more-link:hover {
    background-color: #3683d2;
}

/**** make the Featured Images on mobile smaller  ****/
@media screen and (max-width: 600px) {
   img.alignleft, img.alignright {
      width: 30%;
   }
}


/* ------------------------------------------------- */
/** START - ON MOBILES, WILL REMOVE PADDING FROM TOP */

@media (max-width: 980px) {
  .et_header_style_centered #main-header {
     padding-top:0px !important;
  }
.et_header_style_centered #main-header .mobile_nav {
    background-color:transparent!important;
    }
.mobile_menu_bar:before {
    top: -12px!important;
}
}

/** END - ON MOBILES, WILL REMOVE PADDING FROM TOP */
/* ------------------------------------------------- */

 /** START - CHANGES COLOUR OF ERROR MESSAGES OF CONTACT FORMS */

.et-pb-contact-message {
  color: white;
  font-size: 150%;
  font-weight: bold;
}

 /** END - CHANGES COLOUR OF ERROR MESSAGES OF CONTACT FORMS */