/*======================================
Theme Name: MedMalDoctors
Theme URI: https://medmaldoctors.com/
Description: MedMalDoctors
Version: 1.0
Author: MedMalDoctors
Author URI: http://medmaldoctors.ca/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

h1 {
	font-family: Glegoo, Georgia, sans-serif;
	font-size: 66px;
	font-weight: bold;
}

h2 {
	font-family: Glegoo, Georgia, sans-serif;
	font-size: 40px;
}
h3 {
	font-family: Glegoo, Georgia, sans-serif;
	line-height: 1.5em;
}


h4 {
	color:#bd222f;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
}

sup {
	font-size: 10px;
}

h3 {
	font-family: Glegoo, Georgia, sans-serif;
	font-size: 30px;
}

/* color of selected menu item */
#top-menu li.current-menu-item>a {
	color:#bd222f;
}

/* hover color on button rollover */
body #page-container .et_pb_section .et_pb_button_0:hover {
	color:#bd222f !important;
}

#footer-info {
	float:none;
	text-align:center;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #bd222f;
}


/* Code to highlight form nav item */
.nav-request-form a {
	background-color:#bd222f;
	padding:15px 25px 15px 25px !important;
	color: #ffffff !important;
}


@media only screen and (max-width: 1100px) {
	
	h1 {
		font-size: 48px !important;
	}

}


@media only screen and (max-width: 980px) {
	
	h1 {
		font-size: 48px;
	}
	
	h2 {
		font-size: 30px;
	}
}




@media only screen and (max-width: 767px) {
	
	h1 {
		font-size: 30px !important;
	}
	
	h2 {
		font-size: 22px;
	}
	
  	h3 {
    	font-size: 22px;
 	}
}