/*
 Theme Name:   Fido 
 Theme URI:    http://fido.divichi.com
 Description:  A Child Theme Template for Divi by DiviChi
 Author:       Maureen Denny
 Author URI:   http://divichi.com
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/*-----Colour Palette-----*/

/*Change values to those used in your child theme*/

/*Orange: HEX #ff6600 RGB 255,102,0 */
/*Dark Grey: HEX #4444444 RGB 68,68,68 */


/*-----Typography-----*/

/*Load custom fonts*/



/*Heading Styles*/

/*H1 styling*/
h1 {
    font-family: 'Happy Monkey', cursive;
    font-size: 40px;
    color: #444444;
    line-height: 1.4em;
}

/*H2 styling*/
h2 {
    font-family: 'Happy Monkey', cursive;
    font-size: 36px;
    color: #ff6600;
    line-height: 1.4em;
}

/*H3 styling*/
h3 {
    font-family: 'Happy Monkey', cursive;
    font-size: 30px;
    color: #ff6600;
    line-height: 1.2em;
}

/*Example H4 styling*/
h4 {
    font-family: 'Happy Monkey', cursive;
    font-size: 26px;
    color: #444444;
    line-height: 1.2em;
}

/*H5 styling*/
h5 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2em;
}

/*H6 styling*/
h6 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2em;
}


/*body copy styling*/
p, body {
	font-family: 'Arimo', sans-serif;
	font-size: 16px;
    	font-weight: 400 !important;
	letter-spacing: 1px;
}
/* Style for FW header */
.mc-fw-header .et_pb_fullwidth_header .header-content img {
	float: left;
}
.mc-fw-header .et_pb_fullwidth_header {
	padding: 10px 0 30px 0;
}
.mc-fw-header .et_pb_fullwidth_header_0 .header-content h1 {
	float: right;
}
.mc-fw-header .et_pb_fullwidth_header_0 .header-content .et_pb_fullwidth_header_subhead {
	float: right;
}

/* Style for Posts */
.et_pb_post_title .et_pb_title_container h1.entry-title {
    color: #444444;
    letter-spacing: 2px;
}

/* Homepage slider */
.homepage-slider h2{
    font-weight: 900 !important;
    color: #ff6600 !important;
    letter-spacing: 2px;
}

/*link styling*/
a {
    color: #ff6600;
}

/*button styling*/
.et_pb_button {
    font-family: 'Arimo', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    background: #ff6600;
    color: #ffffff !important;
}

.et_pb_button::hover {
    background: #ffffff;
    color: #ff6600 !important;
}


/* Footer */
#footer-info {
    font-size: .8em;
    font-weight: 100;
}

#footer-info a {
    font-weight: 100;
}
.bottom-nav {
   text-align: center;
}

.bottom-nav li.current-menu-item > a, .footer-widget h4 {
  color: #ff6600;}

/* *********************** Style Page */
.mc-page-title h2{
    font-family: 'Happy Monkey', cursive;
    font-size: 24px; 
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600; 
    color: #ff6600; 
    border-left: 8px solid #ff6600;
    padding-left: 12px;
    padding-bottom: 24px; 
   }


/* *********************** Style Services Blurbs */
.mc-services.et_pb_blurb h4 {
    border-left: .3em solid #ff6600;
    padding-left: .5em;
    padding-bottom: 1em;
} 
.mc-services {
    background-size: cover;
}
/* *********************** Style Testimonial Section */
.mc-testimonial h2 {
    font-size: 36px;
    font-weight: 600;
    color: #444444;
}
.mc-testimonial-name h3 {
    font-family: 'Happy Monkey', cursive;
    color:#ff6600;
    font-size: 30px;
}

.mc-faq h2 {
    border-left: .3em solid #ff6600;
    padding-left: .5em;
    padding-bottom: 1em;
    line-height: 1em;
    }
/* Style FAQ page */

.mc-faq .et_pb_toggle_title:before {
    color: #ff6600;
}

/* *********************** Style Contact page */
.mc-contact.et_pb_section{
    background-size: contain;
    background-position: left;
}
.mc-contact.et_pb_text {
    background-color:rgba(255,255,255,0.53);
    padding: 10px;
}
.mc-contact-form.et_pb_row {
  padding-top: 50px;
  max-width: 700px !important;
  margin-right: 75px;
}


/* ********************* Style Widget  */
.widgettitle {
    color: #ffffff;
    background-color: #ff6600;
    padding: 4px;
}
.widget_search input#searchsubmit {
    border: 1px solid #ff6600;
    background-color: #ffffff;
    color: #ff6600;
}
/*-------------------------------------------- BLURB CARD HOVER -----------------------------------*/

/*--------------------- General setting  --------------------------*/
div .blurb_content_hover { 
	-webkit-transition: .25s; 
	-moz-transition: .25s; 
	position: absolute;
	background: #fff; /****** ---> Customize here the background-color ******/
	transition: .25s;
	color: #333;  /****** ---> Customize here the font color for the content ******/
	padding: 30px; 
	height: 100px; 
	width: 100%; 
	bottom: 0; 
	font-size: 18px; 
	text-align: center; 
}
@media only screen and (max-width: 980px) { 
	div .blurb_content_hover { 
		padding: 35px; 
	} 
}
.blurb_hover .et_pb_blurb_content { 
	overflow: hidden; 
} 

/*--------------------- First Title  --------------------------*/
div .blurb_content_hover p:first-child { 
	font-family: 'Happy Monkey', cursive;
	font-size: 20px; 
        text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600; 
	color: #ff6600; /****** ---> Customize here the font color for the First Title ******/
	padding-bottom: 5px; 
}
/*--------------------- SubTitle  --------------------------*/
div .blurb_content_hover p:last-child { 
	font-size: 16px; 
	color: #444444; /****** ---> Customize here the font color for the SubTitle ******/
}

/*--------------------- Hover Expand Content Size  --------------------------*/
.et_pb_blurb:hover .blurb_content_hover {
height: 100%;
}

/*--------------------- Blurb Image  --------------------------*/
.blurb_hover .et_pb_main_blurb_image { 
	border: 3px solid #ffffff; 
	height: 420px; 
}
/*--------------------- Blurb Shadow  --------------------------*/
.blurb_hover.et_pb_blurb {
    -webkit-transition-duration: .3s;
         transition-duration: .3s;
         -webkit-transition-property: -webkit-transform,box-shadow;
         transition-property: transform,box-shadow;
         -webkit-transition-timing-function: ease-in-out;
         transition-timing-function: ease-in-out;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
	-moz-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
	box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); 
} 
.blurb_hover.et_pb_blurb:hover { 
	-webkit-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1);
	-moz-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1); 
	box-shadow: 0px 10px 27px 4px rgba(55, 55, 55, 0.16);
	transform: translateY(-5px);
}


/*--------------------- Button Hover Blurb  --------------------------*/

.button_hover_blurb a { 
 color: #ffffff;  /****** ---> Customize here the Button color text ******/
 font-weight: 700;
} 
.button_hover_blurb { 
 background-color: #444444; /****** ---> Customize here the Background-color button ******/
 display: inline-block;
 position: relative;
 padding: 0.6em 1.3em;
 margin-top: 6%;
 border-radius: 30px;
 cursor: pointer;
 transition: .3s;
 }
.button_hover_blurb:hover {
 opacity: 0.7;
}

/* Style Contact page for mobile */
.mc-contact-form-mobile.et_pb_row {
  padding-top: 50px;
  max-width: 400px !important;
  margin-right: auto;
}