/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*-----------------------------------------------------------------------------------*/
/*								CUSTOM FONTS										 */
/*-----------------------------------------------------------------------------------*/
/* Brandon Grotesque */
@font-face { 
	font-family: Brandon Grotesque Regular; 
	src: url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-regular.woff2") format("woff2"),
         url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-regular.woff") format("woff");
	font-weight: normal; 
	font-display: swap;
	letter-spacing: 1px;
}
@font-face { 
	font-family: Brandon Grotesque Medium; 
	src: url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-medium.woff2") format("woff2"),
         url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-medium.woff") format("woff");
	font-weight: normal;
	font-display: swap;
	letter-spacing: 1px;
}
@font-face { 
	font-family: Brandon Grotesque Light; 
	src: url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-light.woff2") format("woff2"),
         url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-light.woff") format("woff");
	font-weight: normal; 
	font-display: swap;
	letter-spacing: 1px;
}
@font-face { 
	font-family: Brandon Grotesque Bold; 
	src: url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-bold.woff2") format("woff2"),
         url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/brandon-grotesque-bold.woff") format("woff");
	font-weight: normal; 
	font-display: swap;
	letter-spacing: 1px;
}
.brandon-grotesque-bold {
	font-family: 'Open Sans';
	font-weight: 800;
}
.brandon-grotesque-medium {
	font-family: 'Open Sans';
	font-weight: 600;
}
.brandon-grotesque-regular {
	font-family: 'Open Sans';
}
.brandon-grotesque-bold,.brandon-grotesque-medium, .brandon-grotesque-regular {
	letter-spacing: 1px;
	line-height: 1.3em;
}
/* Oh Lively */
@font-face { 
	font-family: Oh Lively; 
	src: url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/ohlivey-webfont-webfont.woff2") format("woff2"),
         url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/ohlivey-webfont-webfont.woff") format("woff");
	font-weight: normal; 
	font-display: swap;
}
.oh-lively {
    font-family: 'Oh Lively';
}
/* Playlist Script */
@font-face { 
	font-family: Playlist Script; 
	src: url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/playlist-script.woff2") format("woff2"),
         url("https://healthyhomeguy.com/wp-content/themes/generatepress_child/fonts/playlist-script.woff") format("woff");
	font-weight: normal; 
	font-display: swap;
}
.playlist-script {
    font-family: 'Playlist Script';
}
/* Font Awesome */
.fontawesome {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
}
/* Google Material Fonts */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v84/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
	font-display: swap;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* Most Tables have Weighted Fonts */
th {
    font-weight: unset !important;
}
/* Buttons */
.black-btn {
    background-color: #383838!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.black-btn:hover {
    background-color: #383838!important;
}
.black-btn a {
    color: #fff;
}
.green-btn {
    background-color: #56cc9d!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.green-btn:hover {
    background-color: #46b98b!important;
}
.green-btn a {
    color: #fff;
}
.transparent-btn {
    background-color: transparent;
    padding-left: 0;
	padding-right: 0;
}
.transparent-btn:hover {
    background-color: transparent;
	color: #56CC9D!important; 
}
.button-w-arrow:after {
    content: '\e5e1';
    font-family: 'Material Icons';
    font-size: 12px;
    margin-left: 10px;
}
svg#wave {
	visibility: visible;
width: 100%;
display: flex;
align-self: end;
}
/* Coloured Font */
.green-text {
    color: #56cc9d;
}
.tangerine-text {
    color: #f58e7a;
}
.white-text {
	color: #ffffff;
}
.white-text:hover {
	color: #ffffff!important;
}
/* Coloured Boxes */
.light-green-background {
	background: #f1f8f5;
}
/* Header Styles */
h1 {
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 2.4em;
    font-weight: 800;
    text-transform: none;
	color: #383838;
}
h2 {
    font-size: 23px;
	margin-top: 35px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-weight: 800;
    text-transform: uppercase;
	color: #383838;
}
h3 {
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-weight: 800;
    text-transform: uppercase;
	color: #383838;
}
p {
    margin-bottom: 1em;
	color: #383838;
}
/* Specific Styles */
.starter-guide-subtitles {
    margin-bottom: 10px;
    font-family: 'Open Sans';
	font-weight: 800;
    font-size: 21.82px;
}
.uppercase-text {
	text-transform: uppercase;
}
.lowercase-text {
	text-transform: lowercase;
}
.unsetcase-text {
	text-transform: unset!important;
}
.underlined-text {
	border-bottom: 1px solid;
}
.tangerine-background {
	background-color: #f58e7a!important;
}
.light-tangerine-background {
    background-color: #fef3f1!important;
}
.breaker {
	margin-bottom: 1em;
}
.relative {
	position: relative;
}
.padding-top-bottom-box {
	position: relative;
    padding-bottom: 40px;
}
.centred-text, .centred {
	text-align: center;
}
.fixed {
    position: fixed;
}
.spacey-button {
    margin-top: 20px;
    margin-bottom: 20px;
}
.lesson-page-header img {
    width: 100%;
}
.diagonially-text {
    transform: rotate(-6deg);
    ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    display: inline-block;
}
.green-underline-decor {
    opacity: 1.0;
    background-image: linear-gradient(180deg, transparent 0, #56cc9d 0);
    background-position: 0 .8em;
    background-repeat: no-repeat;
    box-shadow: none !important;
    padding: 0 5px!important;
    transition: none !important;
    text-decoration: none;
}
.block {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
b, strong {
	font-weight: 600!important;
	font-family: 'Open Sans';
}
.shortened-breaker-lne {
    display: block;
    width: 25%;
    height: 3px;
    max-width: 100px;
    margin: 30px auto;
    background-color: #383838;
}
@media (max-width: 991px) {
	input[type=text], select { 
		font-size: 100%!important; 
	}
}
#page a {
    color: #56CC9D!important
}
/* Hide the Beat Save Indicator May 2021 */
.beat-saveindicator {
    display: none!important;
}
/*-----------------------------------------------------------------------------------*/
/*                                  DESKTOP/MOBILE                                   */
/*-----------------------------------------------------------------------------------*/

@media (min-width: 991px) {
    .mobile-only {
        display: none!important;
    }
}

@media (max-width: 991px) {
    .desktop-only {
        display: none!important;
    }
}

@media (max-width: 991px) and (min-width: 501px) {
  .mobile-only.mobile-phone {
    display: none!important;
  } 
}

@media (max-width: 500px) {
  .mobile-only.mobile-tablet {
    display: none!important;
  }
}

@media (max-width: 991px) {
    body, html {
     overflow-x: hidden;
    }
}

/*-----------------------------------------------------------------------------------*/
/*                                      GENERAL FIXES                                */
/*-----------------------------------------------------------------------------------*/

/*New Chrome Update adds black outline to anything focused*/

*,
*:focus,
*:hover {
    outline: none;
}

/*-----------------------------------------------------------------------------------*/
/*                                      HEADER                                       */
/*-----------------------------------------------------------------------------------*/
@media (max-width: 991px) {
	.site-header, nav#site-navigation {
		background-color: #383838;
	}
	.main-navigation .main-nav ul ul li a, .site-header, nav#site-navigation, .main-navigation .main-nav ul li:hover>a, .main-navigation .main-nav ul li:focus>a, .main-navigation .main-nav ul li.sfHover>a, .main-navigation .menu-bar-item:hover>a, .main-navigation .menu-bar-item.sfHover>a {
		color: #fff!important;
	}
}
.menu-item a {
    line-height: 23px!important;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
}
/*
.menu-item a,
.menu-item a:hover,
.menu-item a:active,
ul#menu-main-menu li,
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li:focus>a,
.main-navigation .main-nav ul li.sfHover>a,
.main-navigation .menu-bar-item:hover>a,
.main-navigation .menu-bar-item.sfHover>a {
    background-color: #383838!important;
}*/
@media (min-width: 991px) and (max-width: 1200px) {
	.inside-header.grid-container {
                 Grid-template-columns: 20% 80%!important;
        }
	ul#menu-main-menu li a,
	ul#menu-sales-menu li a {
		font-size: 14px!important;
	}	
	        img.header-image.is-logo-image {
                 max-width: 200px!important;
        }
	
	@media (min-width: 1200px) {

.inside-header.grid-container {
        display: grid;
        grid-template-columns: 25% 75%;
        grid-row-gap: 25px;
        max-width: 1275px!important;
	padding-top: 27px!important;
    	padding-bottom: 40px!important;
}

img.header-image.is-logo-image {
	max-width: 250px;
}

}
}
@media (min-width: 991px) {
	.main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a {
		background-color: #fff;
	}
	.menu-item a {
		color: #383838!important;
	}
	
	@media (min-width: 1200px) {

	.inside-header.grid-container {
		display: grid;
		grid-template-columns: 25% 75%;
		grid-row-gap: 25px;
		max-width: 1275px!important;
		padding-top: 27px!important;
		padding-bottom: 40px!important;
	}

	img.header-image.is-logo-image {
		max-width: 250px;
	}
}
	.site-logo {
		grid-row: 1;
	}
	nav#site-navigation {
		grid-row: 1;
		padding-top: 25px;
	}
	.inside-navigation.grid-container {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul#menu-main-menu, ul#menu-sales-menu {
		float: left;
	}
	ul#menu-main-menu li, ul#menu-sales-menu li {
		float: left;
		/*padding-left: 1.3vw;*/
		padding-left: 1.4vw;
	}
	ul#menu-main-menu li:first-child, ul#menu-sales-menu li:first-child {
		padding-left: 0;
	}
	ul#menu-main-menu a, ul#menu-sales-menu a {
		font-size: 15px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		padding: 0;
		font-weight: 500;
		background-color: #fff;
		font-family: 'Open Sans';
		font-weight: 800;
		line-height: 35px!important;
	}
	.account-menu-link a .material-icons {
		line-height: 60px;
	}
	.account-menu-link a span.dropdown-menu-toggle {
		display: none;
	}
	/* Sub Menu */
	.account-menu-link ul.sub-menu {
		position: absolute;
		background-color: #fff;
		min-width: 200px;
		box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 20%);
		z-index: 1;
		margin: 0!important;
		font-size: 1rem;
		font-weight: 400;
		left: unset!important;
		margin-left: 22px!important;
		right: 0;
		top: 28px;
	}
	.account-menu-link ul.sub-menu li {
		padding: 10px 0;
	}
	ul#menu-main-menu .account-menu-link ul.sub-menu li a, ul#menu-main-menu .starter-kit ul.sub-menu li a,
	ul#menu-sales-menu .account-menu-link ul.sub-menu li a, ul#menu-sales-menu .starter-kit ul.sub-menu li a {
		line-height: 19px!important;
		font-size: 14px;
		text-align: right;
	}
	ul#menu-main-menu .account-menu-link ul.sub-menu li, ul#menu-main-menu .starter-kit ul.sub-menu li,
	ul#menu-sales-menu .account-menu-link ul.sub-menu li, ul#menu-sales-menu .starter-kit ul.sub-menu li {
		padding: 10px 20px!important;
	}
	ul#menu-main-menu .account-menu-link ul.sub-menu li:first-child, ul#menu-main-menu .starter-kit ul.sub-menu li:first-child,
	ul#menu-sales-menu .account-menu-link ul.sub-menu li:first-child, ul#menu-sales-menu .starter-kit ul.sub-menu li:first-child {
		padding-top: 20px!important;
	}
	ul#menu-main-menu .account-menu-link ul.sub-menu li:last-child,  ul#menu-main-menu .starter-kit ul.sub-menu li:last-child,
	ul#menu-sales-menu .account-menu-link ul.sub-menu li:last-child,  ul#menu-sales-menu .starter-kit ul.sub-menu li:last-child {
		padding-bottom: 20px!important;
	}
	#menu-main-menu a:hover, #menu-sales-menu a:hover {
		color: #f58e7a!important;
	}
	.log-in-log-out-menu-link, ul.sub-menu {
		border-top: 1px solid hsl(0deg 0% 92% / 95%)
	}
	ul#menu-main-menu ul.sub-menu, ul#menu-sales-menu ul.sub-menu {
		position: absolute!important;
		background-color: #fff!important;
		min-width: 200px;
		box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 20%)!important;
		z-index: 9999;
		margin: 0!important;
		font-size: 1rem;
		font-weight: 400;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: -9px!important;
	}
	ul#menu-main-menu ul.sub-menu li, ul#menu-sales-menu ul.sub-menu li {
		padding: 0 10px!important;
		list-style-type: none;
		position: relative;
		margin-bottom: .5em;
	}
	ul#menu-main-menu span.dropdown-menu-toggle, ul#menu-sales-menu span.dropdown-menu-toggle {
		display: none!important;
	}
	ul#menu-main-menu ul.sub-menu a, ul#menu-sales-menu ul.sub-menu a {
		float: right!important;
		display: block;
		padding: 0 10px;
	}
	ul#menu-main-menu .starter-kit ul.sub-menu, ul#menu-sales-menu .starter-kit ul.sub-menu {
		min-width: 300px;
		left: -177px!important;
		top: 28px;
	}
}

/* Off Canvas Menu */

@media (max-width: 412px) {
    /* Off Canvas Mobile Menu (Overlay) */
    nav#generate-slideout-menu {
        height: 100vh;
    }
    nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent {
        grid-template-columns: 55% 45%!important;
    }
}

@media (max-width: 768px) {
    nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent .site-logo {
        padding-left: 30px;
    }
    .slideout-navigation.do-overlay .slideout-exit {
        padding: 10px 50px 0 20px!important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent .site-logo {
        padding-left: 30px;
    }
    .slideout-navigation.do-overlay .slideout-exit {
        padding: 10px 60px 0 20px!important;
    }
}

@media (max-width: 991px) {
    /* Off Canvas Mobile Menu (Overlay) */
	.custom-mobile-logo.site-logo.mobile-only img.header-image.is-logo-image {
		display: block;
		grid-row: 1;
	}
	.inside-navigation.grid-container.grid-parent img, .custom-mobile-logo.site-logo.mobile-only img.header-image.is-logo-image {
		max-width: 135px;
	}
	.has-inline-mobile-toggle .mobile-menu-control-wrapper {
		grid-column: 2;
		grid-row: 1;
		position: relative;
	}
	.has-inline-mobile-toggle .mobile-menu-control-wrapper, nav#mobile-menu-control-wrapper button.menu-toggle {
		height: 25px;
	}
	nav#mobile-menu-control-wrapper button.menu-toggle .gp-icon {
		position: absolute;
		top: 0;
		right: 0;
	}
	img.header-image.is-logo-image {
        display:none;
    }
    header#masthead button.menu-toggle {
        padding-right: 0!important;
    }
    .inside-header.grid-container {
        display: grid;
        grid-template-columns: 55% 45%;
        padding-bottom: 15px;
        padding-top: 10px;
        padding-left: 30px;
        padding-right: 40px;
    }
    .slideout-navigation.do-overlay .slideout-menu li {
        margin-bottom: 0!important;
    }
    ul#menu-mobile-menu li,
    ul#menu-mobile-menu a,
	ul#menu-sales-menu-1 li,
    ul#menu-sales-menu-1 a {
        line-height: 2.1em;
    }
    ul#menu-mobile-menu .logout-link-mobile-menu li,
    ul#menu-mobile-menu .logout-link-mobile-menu a,
	ul#menu-sales-menu-1 .logout-link-mobile-menu li,
    ul#menu-sales-menu-1 .logout-link-mobile-menu a{
        line-height: 2.5em!important;
    }
    .main-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
    .main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a,
    .main-navigation .main-nav ul ul li[class*="current-menu-"]>a,
    .main-navigation .main-nav ul li[class*="current-menu-"]>a,
    .main-navigation .main-nav ul ul li:hover>a,
    .main-navigation .main-nav ul ul li:focus>a,
    .main-navigation .main-nav ul ul li.sfHover>a {
        color: #383838;
        background-color: #383838;
    }
    .slide-opened body {
        overflow: hidden;
        position: fixed;
        height: 100%;
    }
    #generate-slideout-menu {
        height: 100%;
        background-color: #383838;
    }
    .main-nav a:focus {
        outline: none!important;
    }
    .inside-navigation.grid-container.grid-parent .main-nav {
        position: absolute;
        top: 0;
        height: 100%;
    }
    #generate-slideout-menu.do-overlay .slideout-menu li,
    .slideout-navigation.do-overlay .inside-navigation {
        text-align: left;
    }
    .inside-navigation.grid-container.grid-parent ul#menu-mobile-menu li,
	.inside-navigation.grid-container.grid-parent ul#menu-sales-menu-1 li {
        text-align: left;
        padding-left: 40px;
        padding-right: 40px;
    }
    nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent {
        display: grid!important;
        grid-template-columns: 54% 46%!important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        padding: 10px 0px 0 0px;
        height: 100%;
        grid-template-rows: auto 1fr;
        min-height: -webkit-fill-available;
    }
    .main-navigation.offside {
        height: 100vh;
    }
    .slideout-navigation.do-overlay .slideout-exit {
        text-align: right!important;
        grid-column: 2;
        grid-row: 1;
        position: unset!important;
        padding-right: 40px!important;
        padding-bottom: 0!important;
        color: #fff;
    }
	nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent .site-logo img.header-image.is-logo-image {
		padding-top: 0px;
		margin-top: -1px;
	}
    .inside-navigation.grid-container.grid-parent img {
        grid-column: 1;
        grid-row: 1;
        display: inline-block;
        float: left;
    }
    .inside-navigation.grid-container.grid-parent .main-nav {
        grid-row: 2;
        grid-column: 1 / 3;
        padding-top: 20px;
        min-width: 100%!important;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu a,
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu ul.sub-menu.toggled-on li a {
        padding-left: 0px;
        padding-right: 0px;
        line-height: 2.5em;
        font-family: 'Open Sans';
		font-weight: 800;
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu a:hover {
        color: #f58e7a!important;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu .menu-item a {
        width: inherit;
		background-color: #383838;
    }
	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-items, .main-navigation .main-nav ul li[class*="current-menu-"]>a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a, .main-navigation .main-nav ul ul li[class*="current-menu-"]>a, .main-navigation .main-nav ul li[class*="current-menu-"]>a, .main-navigation .main-nav ul ul li:hover>a, .main-navigation .main-nav ul ul li:focus>a, .main-navigation .main-nav ul ul li.sfHover>a {
		color: #fff;
	}
    nav#generate-slideout-menu .inside-navigation.grid-container.grid-parent ul#menu-mobile-menu .sub-menu li {
        padding-left: 10px;
        padding-right: 0;
    }
    nav#generate-slideout-menu.main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
        background-color: #383838;
    }
    .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
        border-left: unset!important;
    }
    .inside-navigation.grid-container.grid-parent span.gp-icon.icon-arrow:before {
        content: "+";
        font-family: inherit;
    }
    .inside-navigation.grid-container.grid-parent span.gp-icon.icon-arrow svg {
        display: none;
    }
    .slideout-navigation .sfHover>a>.dropdown-menu-toggle>.gp-icon.icon-arrow:before {
        content: "-"!important;
        display: block;
        width: 8.1px!important;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu ul.sub-menu {
        background-color: #383838;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu ul.sub-menu.toggled-on li a:hover {
        background-color: #383838;
    }
    .main-navigation .main-nav ul li:hover>a,
    .main-navigation .main-nav ul li:focus>a,
    .main-navigation .main-nav ul li.sfHover>a,
    .main-navigation .menu-bar-item:hover>a,
    .main-navigation .menu-bar-item.sfHover>a {
        color: #383838;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu ul.sub-menu.toggled-on li {
        padding-left: 0px;
        padding-right: 0px;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 40px;
    }
    .inside-navigation.grid-container.grid-parent .main-nav .slideout-menu ul.sub-menu.toggled-on li a {
        line-height: 2em;
    }
    nav#mobile-menu-control-wrapper button.menu-toggle {
        background-color: #383838;
        color: #fff;
    }
    nav#mobile-menu-control-wrapper button.menu-toggle {
        padding-top: 15px;
    }
    nav#mobile-menu-control-wrapper button.menu-toggle .gp-icon svg {
        height: 25px!important;
        width: 25px!important;
    }
}
/*-----------------------------------------------------------------------------------*/
/*									FOOTER											 */
/*-----------------------------------------------------------------------------------*/
div#footer-widgets {
    background-color: #383838;
}
span.custom-footer-copyright {
    font-family: 'Open Sans';
	font-weight: 800;
}
.custom-footer-wids p.footer-title-navi {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    grid-row: 1;
}
div#footer-widgets a {
    color: #ffffff;
}
.custom-footer-wids {
    display: grid;
    width: fit-content;
}
.custom-footer-wids .footer-left {
    grid-row: 2;
    grid-column: 1;
    margin-right: 125px;
}
.custom-footer-wids .footer-right {
    grid-row: 2;
    grid-column: 2;
}
footer.site-info {
    background-color: #383838;
}
footer.site-info .copyright-bar {
    margin-left: 0!important;
}
.inside-site-info {
	justify-content: left;
}
.inside-site-info.grid-container {
    padding-bottom: 40px;
}
.footer-widgets-container.grid-container {
    padding: 65px 40px;
}
.site-footer .grid-container {
    max-width: 1275px!important;
}
@media(max-width: 991px) {
    .footer-widgets-container.grid-container {
		padding: 50px 30px 20px 30px!important;
    }
    .custom-footer-wids {
        grid-auto-flow: row;
        text-align: center;
        width: 100%;
    }
    .custom-footer-wids .footer-left {
        margin-right: unset;
    }
    .custom-footer-wids .footer-right {
        grid-row: 3;
        grid-column: 1;
    }
    footer.site-info .copyright-bar {
        margin-left: unset!important;
        margin: 0 auto!important;
        font-size: 13px;
    }
}
/*-----------------------------------------------------------------------------------*/
/*                               PAGE TEMPLATES                                      */
/*-----------------------------------------------------------------------------------*/

/* General Fullwidth Page Template start */
.page-template-general-fullwidth-page header.entry-header {
    display: none;
}
.page-template-general-fullwidth-page #page {
    max-width: 100%;
}
.page-template-general-fullwidth-page .site-content .content-area {
    width: 100%;
}
.page-template-general-fullwidth-page main#main, .page-template-general-fullwidth-page .entry-content {
    margin: 0;
}
.page-template-general-fullwidth-page .inside-article {
    padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.entry-content
/* General Fullwidth Page Template end */
/* Checkmarks Start */
@media (max-width: 991px) {
    .checkmark-list-wrapper {
        text-align: left;
	}
    .checkmark-list-wrapper {
        padding: 10px 0 1em 0px!important;
    }
}
@media (min-width: 991px) {
	.checkmark-list-wrapper.three-cols, .checkmark-list-wrapper.two-cols {
		display: flex;
		padding-top: 0;
		padding-bottom: 0;
	}
	.checkmark-list-wrapper.two-cols, .checkmark-list-wrapper.three-cols {
		width: fit-content;
		margin: 0 auto;
		min-width: 700px;
		padding-left: 0;
	}
	.checkmark-list-wrapper.three-cols .middle-side {
		margin-right: 0;
	}
	.checkmark-list-wrapper.three-cols .left-side, .checkmark-list-wrapper.three-cols .middle-side, .checkmark-list-wrapper.three-cols .right-side {
		width: 33.33%;
	}
	.checkmark-list-wrapper.three-cols .left-side, .checkmark-list-wrapper.three-cols .middle-side, .checkmark-list-wrapper.three-cols .right-side, .checkmark-list-wrapper.two-cols .right-side, .checkmark-list-wrapper.two-cols .left-side {
		float: left;
		margin-bottom: 1em;
	}
	.checkmark-list-wrapper.two-cols .right-side, .checkmark-list-wrapper.two-cols .left-side {
		width: 50%;
		padding-left: 4em;
	}
	.text-box-full-width-wrapper.centred .checkmark-list- {
		margin: 0 auto;
	}
}
.checkmark-list-wrapper {
    padding: 10px 0 1em 0px;
}
.checkmark-list-, .checkmark-list-sub, .checkmark-list-cross, .checkmark-list-cross-sub {
    position: relative;
    padding-left: 25px;
    width: fit-content;
}
.checkmark-list- span.material-icons, .checkmark-list- p, .checkmark-list- span.material-icons, .checkmark-list-sub p, .checkmark-list-cross span.material-icons, .checkmark-list-cross p, .checkmark-list-cross span.material-icons, .checkmark-list-cross-sub p {
    display: inline-block;
}
.checkmark-list- p, .checkmark-list-sub p, .checkmark-list-cross p, .checkmark-list-cross-sub p {
    margin-bottom: 5px;
}
.checkmark-list- h3:before, .checkmark-list- p:before, .checkmark-list-sub p:before, .checkmark-list-cross p:before, .checkmark-list-cross-sub p:before {
    font-family: 'Material Icons';
    position: absolute;
    left: 0;
    margin-top: 2px;
    color: #56cc9d;
}
.checkmark-list- h3:before, .checkmark-list- p:before, .checkmark-list-sub p:before {
    content: '\e876';
}
/* Checkmarks End */
/*-----------------------------------------------------------------------------------*/
/*               	       GENERATEPRESS PAGE BUILDER                                */
/*-----------------------------------------------------------------------------------*/
.generate-sections-container {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}
.generate-sections-container.full-width-section {
    max-width: 100%;
    padding: 0;
}
@media (min-width: 991px) {
	.wide-margins {
		padding-top: 70px!important;
		padding-bottom: 60px!important;
	}
}
@media (max-width: 991px) {
	.wide-margins {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
}
.spacey-starter-guide-txt {
	margin-bottom: 30px;
}
.padding-top-bottom-box {
    position: relative;
    padding-bottom: 30px;
}
/*-----------------------------------------------------------------------------------*/
/*									BACK TO TOP BTN									 */
/*-----------------------------------------------------------------------------------*/
@media (min-width: 991px) {
    .scrollToTopBtnContainer {
        display: none;
    }
}
@media (max-width: 991px) {
	.scrollToTopBtnContainer {
		position: relative;
		width: 100%;
		text-align: center;
	}
	.scrollToTopBtn {
		background-color: #383838;
		border: none;
		border-radius: 0;
		position: absolute;
		color: white;
		top: -50px;
		cursor: pointer;
		font-size: 13.2px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		text-align: center;
		line-height: 17px;
		width: max-content;
		min-width: 150px;
		padding: 7px 15px 7px;
		text-transform: uppercase;
		font-family: 'Open Sans';
		font-weight; 800;
	}
	.scrollToTopBtn:before {
		content: '\f106';
		font-family: 'FontAwesome';
		margin-right: 7px;
		font-size: 16px;
	}
}

/* ------------------- Author Expertise Section ------------------ */
.author-expertise-section .two-cols-one-row-container {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 48% 50%;
  position: relative;
  grid-column-gap: 1%;
  padding: 0 40px 100px 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1060px;
}

.author-expertise-section .two-cols-one-row-second {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 100px 0 50px 0;
  margin-left: 50px;
}

.author-expertise-section .two-cols-one-row-first {
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: right;
  z-index: 1;
}

.author-expertise-section .two-cols-one-row-first img {
   max-width: 370px;
   max-height: 500px;
   object-fit: cover;
   width: 90%;
}

.author-expertise-bg {
  width: 100%;
  background: #f1f8f5;
  height: 485px;
  margin-top: -515px;
  padding-bottom: 50px;
}

.author-expertise-section ul {
  margin: 0 0 0 1em;
}

h2.author-expertise {
	font-family: 'Open Sans';
	font-weight: 800;
}

/* MOBILE */
@media (max-width: 991px) {
.author-expertise-section .two-cols-one-row-container {
    max-width: 420px;
    display: block;
    margin: auto!important;
  }

.author-expertise-section .two-cols-one-row {
    position: relative;
   }
  
.author-expertise-section .two-cols-one-row-container {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 0px 20px;
    margin: 0px;
   } 
  
.author-expertise-section .two-cols-one-row-second-container {
     padding-top: 0px;
     padding-bottom: 0px;
     padding-top: 0px !important;
     padding-bottom: 50px !important;
     margin: auto!important;
    }
  
.author-expertise-section .two-cols-one-row-first img {
     width: 100%;
     max-width: 400px;
     height: 415px;
     object-fit: cover;
     width: 100%;
     margin-bottom: 80px;
   }
  
.author-expertise-section .two-cols-one-row-second {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0;
    max-width: 400px;
   }

  .author-expertise-bg {
    width: 100%;
    background: #f1f8f5;
    height: 430px;
    margin-top: -500px;
   padding-bottom: 100px;
   }
   .author-expertise-section .two-cols-one-row-second {
     margin-left: 0px;
   }
   .author-expertise-section .two-cols-one-row-container ul {
     text-align: left!important;;
   }
}

/* ----------------- End Author Expertise Section ---------------- */
/* Home Page Adjustments */
.text-box-full-width-wrapper.centred.homepage {
margin-bottom: 35px;
}
/* End Home Page Adjustments */
/*-----------------------------------------------------------------------------------*/
/*                                  CONTACT PAGE                                     */
/*-----------------------------------------------------------------------------------*/
.hhg-contact-form {
  margin: auto;
  width: 800px;
  max-width: 90%;
}

.hhg-contact-form h1 {
  text-transform: uppercase;
  font-size: 35px;
}

.hhg-contact-form p {
  font-size: 20px;
  font-family: 'Open Sans';
  font-weight: 400;
}

.hhg-contact-form input[type=text],
.hhg-contact-form input[type=email],
.hhg-contact-form input[type=tel] {
  width: 100%;
}

.hhg-contact-form input[type=text],
.hhg-contact-form input[type=email],
.hhg-contact-form input[type=tel],
.hhg-contact-form textarea {
  background-color: #ffffff;
}

.hhg-contact-form input[type=submit] {
  background-color: #383838;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 800;
}

.contact-header.desktop-only {
   width: 100%;
}

.david-contact-info {
	font-family:'Open Sans'!important;	
}