/*
Theme Name: The Wellderly 
Theme URI: https://thewellderly.com/
Description: Divi Child Theme For The Wellderly
Author: Lisa-Robyn Keown
Author URI: https://vivalunastudios.com/
Template: Divi
Version: 2
*/

/*- Add Styles Below This Line -*/



/*---------- [TYPOGRAPHY] ----------*/

/*-Butler Ultra Light-*/
@font-face {
    font-family: 'Butler_Ultra_Light';
    src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Ultra_Light.otf') format('otf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Ultra_Light.ttf') format('ttf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Ultra_Light_Webfont.woff') format('woff');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Ultra_Light_Webfont.woff2') format('woff2');
}

/*-Butler Light-*/
@font-face {
    font-family: 'Butler_Light';
    src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Light.otf') format('otf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Light.ttf') format('ttf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Light_Webfont.woff') format('woff');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Light_Webfont.woff2') format('woff2');
}

/*-Butler Regular-*/
@font-face {
    font-family: 'Butler_Regular';
    src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Regular.otf') format('otf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Regular.ttf') format('ttf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Regular_Webfont.woff') format('woff');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Regular_Webfont.woff2') format('woff2');
}

/*-Butler Medium-*/
@font-face {
    font-family: 'Butler_Medium';
    src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Medium.otf') format('otf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Medium.ttf') format('ttf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Medium_Webfont.woff') format('woff');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/Butler_Medium_Webfont.woff2') format('woff2');
}

/*-HankenGrotesk Regular-*/
@font-face {
    font-family: 'HankenGrotesk_Regular';
    src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular.otf') format('otf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular.ttf') format('ttf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular_Webfont.woff') format('woff');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular_Webfont.woff2') format('woff2');
}

/*-HankenGrotesk Italic-*/
@font-face {
    font-family: 'HankenGrotesk_Regular_Italic';
    src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular_Italic.otf') format('otf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular_Italic.ttf') format('ttf');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular_Italic_Webfont.woff') format('woff');
	src: url('/wp-content/themes/TheWellderlyChildTheme/fonts/HankenGrotesk_Regular_Italic_Webfont.woff2') format('woff2');
}


h1 { 
	font-family: 'Butler_Medium', "Georgia", "Times New Roman", Times, serif;
	line-height: 1.2;
	font-size: 64px!important;
	letter-spacing: -2px;
}


h2 {
	font-family: 'Butler_Regular' ;
	font-size: 54px!important;
}



.largeh2 h2 {
	font-family: 'Butler_Medium', "Georgia", "Times New Roman", Times, serif;
	line-height: 1.2;
	font-size: 77px!important;
	letter-spacing: -2px;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.largeh2 h2 {
	font-size: 47px!important;
}
 
}





h3 {
	font-family: 'Butler_Medium', "Georgia", "Times New Roman", Times, serif; /* Not sure on weight here yet */
	font-size: 33px!important;
	line-height: 1.2;

}

h4 {
	font-family: 'Butler_Medium', "Georgia", "Times New Roman", Times, serif; /* Not sure on weight here yet */
	font-size: 28px!important;
	line-height: 1.4;
}
	

h5 {
	font-family: 'Butler_Medium', "Georgia", "Times New Roman", Times, serif;
	font-size: 18px!important;
	line-height: 1.2;
	letter-spacing: 1px;
}


p { 
	font-family: 'HankenGrotesk_Regular', Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px!important;
	line-height: 1.8;
}

ol, ul, li { 
	font-family: 'HankenGrotesk_Regular', Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px!important;
	line-height: 1.8;
}

.byline { 
	font-family: 'HankenGrotesk_Regular', Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px!important;
	line-height: 1.8;
	text-transform: uppercase;
	letter-spacing: 1px;
}



.et_pb_button {
	font-family: 'HankenGrotesk_Regular', Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}






/* Footer & Bottom Bar */

div.footertext  {
	font-family: 'HankenGrotesk_Regular', Arial, Tahoma, Verdana, sans-serif!important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}











/* Home - Hero - Subheadline in Fullwidth Module */
span.et_pb_fullwidth_header_subhead {
	font-family: 'Butler_Light', "Georgia", "Times New Roman", Times, serif ;
	font-size: 32px!important;
	line-height: 1.4;
}

/*** Subtitle - Smartphone and Below ***/
@media all and (max-width: 767px) {
	span.et_pb_fullwidth_header_subhead {
	font-size: 28px!important;
}
	.homehero h1 {
			font-size: 48px!important;
	}
}


/*** About Hero Heading - Smartphone and Below ***/
@media all and (max-width: 767px) {
.abouthero h1 {
			font-size: 44px!important;
	}
}
	
	








/* Single Blog Post - Comment Meta Link */

a.comment-edit-link {
	color: #084240;
	font-size: 14px;
	text-decoration: underline;
}

p.logged-in-as  {	
	color: #111111;
}


p.logged-in-as a {	
	color: #084240;
	font-size: 16px;
	text-decoration: underline;
}











/* Mobile Menu */


#main-header #mobile_menu {
  border: none;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  background-color: #FAF7F0;
  padding: 10px 35px 30px;
}
#main-header #mobile_menu li a {
  padding: 20px 5% 15px 0;
  color: #084240;
  font-weight: normal;
  font-size: 16px;
}
#main-header #mobile_menu li a:hover {
  background-color: transparent;
  opacity: 1;
  color: #084240;
}
#main-header #mobile_menu li:last-of-type a {
  border-bottom: 0;
}
#main-header .mobile_menu_bar {
  border-radius: 0px;
  padding: 10px !important;
  margin-top: 10px;
  margin-bottom: 30px;
}
#main-header .mobile_menu_bar:before {
  color: #111111;
}



.blogheadings h2 {
	font-size: 34px!important;	
	padding: 1em 0em;
	line-height: 1.4em;
	font-weight: 500!important;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 .blogheadings h2 {
	font-size: 28px!important;	
}
}

.blogheadings h3 {
	font-size: 26px!important;	
	padding: 1em 0em;
	line-height: 1.4em;
	font-weight: 500;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 .blogheadings h3 {
	font-size: 22px!important;	
}
}

.blogheadings h4 {
	font-size: 20px!important;	
	padding: 1em 0em;
	line-height: 1.4em!important;
	font-weight: 500;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 .blogheadings h4 {
	font-size: 18px!important;	
}
}