/*
Theme Name: Divi Custom Child Theme
Theme URI: https://www.linkedin.com/in/john-delamotte-84946655/
Description: Child Theme to make custom changes to the Divi Theme.
Author: John Delamotte
Author URI: https://www.linkedin.com/in/john-delamotte-84946655/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~ Custom Styling ~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 {
    color: #ff4404 !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#page-container {
    overflow: hidden;
}

/* Fixes blurry logo */
#logo {
    -webkit-transform: none;
}

#et-info .et-social-icons li,
#footer-bottom .et-social-icons li {
    margin-left: .3em;
}

/* Makes true full-width */
.wide	{
	min-width: 100%;
}

.vert-align    {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fade-hr {
	background: #ccc;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #ccc));
	background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,80%,.75) 50%, hsla(0,0%,80%,0) 100%);
	background: -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,80%,.75) 50%, hsla(0,0%,80%,0) 100%);
	background: -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,80%,.75) 50%, hsla(0,0%,80%,0) 100%);
	height: 1px;
	margin: 25px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~ End General ~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-widgets .footer-widget > div > div,
#footer-widgets .footer-widget > div {
    float: none !important;
}

#footer-bottom > div {
    min-width: 98%;
}

/* Adds Copyright sign */ 
#footer-info:before {
    content: "\00a9";
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~ End Footer ~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~ Breakpoints ~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~ Responsive Styles Large Desktop And Above ~~~*/
@media all and (min-width: 1405px) {
  
}
 
/*~~~~ Responsive Styles Standard Desktop Only ~~~~*/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*~~~~~~~ Responsive Styles Tablet And Below ~~~~~~*/
@media all and (max-width: 980px) {
 
}
 
/*~~~~~~~~~ Responsive Styles Tablet Only ~~~~~~~~~*/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*~~~~~~~ Responsive Styles Smartphone Only ~~~~~~~*/
@media all and (max-width: 767px) {
 
}
 
/*~~~~~ Responsive Styles Smartphone Portrait ~~~~~*/
@media all and (max-width: 479px) {
 
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~ End Breakpoints ~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~ End Custom Styling ~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/