/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi child theme.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0
*/

@import url("../Divi/style.css");

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* featured image size
.post-meta+img{
width:60% !important;
margin-left: 20% !important;
margin-right: 20% !important;
} */

/* remove page post title */
/* .page .entry-title {
display: none;
} */

/* .blog .entry-title a{
    font-weight:bold;
} */

/* .post .entry-title {
    font-weight:bold;
} */

/* font - see old divistyle file for prev font sizes */

/* ###### H's  ###### * I took out sizes so mobile would work better in customizer */
h1 { padding-bottom: 20px; color: #a30808 !important;}
h2 { padding-bottom: 20px; color: #0e2e9e !important;}
h3 { padding-bottom: 20px; padding-top: 10px; color: #a30808 !important;}
h4 { padding-bottom: 10px; padding-top: 10px; color: #0e2e9e !important;}
h5 { padding-bottom: 10px; padding-top: 10px; color: #0e2e9e !important;}
h6 { padding-bottom: 10px; padding-top: 10px; color: #0e2e9e !important;}

/* faux hs*/
/*.headertitle { font-size: 70px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { font-size: 32px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; } */
.subheadertitle a { color: #80d5f9; }
.subheadertitle a hover { color: #eb8d00; }

/* ###### SuperSub  ###### */

sup {font-size: 0.6em; vertical-align: super; bottom: 0}
sub {font-size: 0.6em; vertical-align: sub; bottom: 0}

/* ### HRBULLETS ### */

ul.hrbullets li { list-style-type: none; background: url(https://www.heartrich.ca/wp-content/uploads/2020/02/hrbullets.png) no-repeat 7px 5px; padding: 0px 45px 20px 45px; vertical-align: middle; }
/*
/* ### fixed mobile menu ### */

/* Set the Divi Mobile Nav to Fixed on scroll */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
    content: 'Menu';
    bottom: 10px;
    left: 10%;
    position: relative !important;
    color: #1e44bb;
}
/* color of burger menu*/
span.mobile_menu_bar:before{
  color: #a30808;
}
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/* ### recaptcha hide ### */

.grecaptcha-badge {display: none;}

/* ### jetpack form button ### */

button.pushbutton-wide {
    color: #fff !important;
    background: #382d7b !important;
	font-size: 20px;
	font-family: 'Rosario';
}
button:hover {
  background-color: #8bbd5a !important;
}

/* ###### SIDEBAR MENU  ###### */

/* .widgettitle {
    border-bottom: solid 1px #382d7b;
    margin-bottom: 25px;
}*/

/* ###### Text color menu item ###### */
.et_pb_widget_area .menu .menu-item a {
	color: #2874a6;
}

/* ###### Text color hover ###### */
.et_pb_widget_area .menu .menu-item:hover a {
	color: #382d7b;
}

/* ###### Text color active menu item ###### */
.et_pb_widget_area .menu .current-menu-item a {
	color: #8bbd5a !important;
	}

/* Nav border color/size/*style */

.et_pb_widget.widget_nav_menu {
    border-bottom: 1px solid #382d7b;
}
.et_pb_widget.widget_nav_menu ul li {
    border-top: 1px dotted #382d7b;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 7px;
}
.et_pb_widget ul li {
    margin-bottom: 0;
}

@media all and (max-width: 980px) {
.et_pb_column .et_pb_widget.widget_nav_menu {
	width: 100% !important;
}}

/* ##### Widget Bullets Remove - footer ##### */
.footer-widget li:before { display: none; }

/* ##### Widget - Recent Entries more space - footer ##### */
div.widget_recent_entries ul li {
margin-bottom: 15px;
}

/* ###### RESPONSIVE STUFF ###### */

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
.headertitle { text-transform: uppercase; font-size: 70px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { text-transform: uppercase; font-size: 40px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; }   
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
.headertitle { text-transform: uppercase; font-size: 60px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { text-transform: uppercase; font-size: 35px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; }  
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
.headertitle { text-transform: uppercase; font-size: 50px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { text-transform: uppercase; font-size: 31px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; }  
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
.headertitle { text-transform: uppercase; font-size: 40px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { text-transform: uppercase; font-size: 30px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; }  
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
.headertitle { text-transform: uppercase; font-size: 36px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { text-transform: uppercase; font-size: 26px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; }  
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
.headertitle { text-transform: uppercase; font-size: 30px; color: #ffffff; padding-bottom: 8px; line-height: 1.4em; font-weight: 700; letter-spacing:0.1em;}
.subheadertitle { text-transform: uppercase; font-size: 20px; color: #ffd35c;font-weight: 500;  letter-spacing:0.1em; }  
}