/*
 Theme Name:     Hydroplate University
 Theme URI:      https://hptuniversity.com/
 Description:    Hydroplate University child theme of Divi by Elegant Themes. Created 04/03/26. (PRODUCTION)
 Author:         Shannon Wilcox (shannonwilcox@augustelements.com)
 Author URI:     https://augustelements.com
 Template:       Divi
 Version:        1.039

 ( Child theme of Divi. Do not diff check or compare this file with Divi's style.css 
 file when update theme. Child file will be loaded after theme file, and both 
 files implemented. )

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Typography
2.0 - Layout
	2.1  - Header
	2.2  - General
	2.3  - Icons & Images
	2.4  - Posts
	2.5  - Forms
	2.6  - Divi Modules
	2.7  - Buttons
	2.8  - Footer
3.0 - Transitions
4.0 - Responsive
*/
/*--------------------------------------------------------------
1.0 - Typography (Override requires font sizes in Divi > Theme Options > Custom CSS box)
--------------------------------------------------------------*/
.et_pb_text_inner h1, .et_pb_post_title h1, .et_pb_text_inner h3, .et_pb_team_member_description h3, h3.et_pb_module_header {
	font-family: "aviano-flare", 'Roboto', sans-serif !important;
	font-weight: 400;
	letter-spacing: 0.05rem;
}
.headline-banner h1 {
	padding-bottom: 2.25rem;
}
h2 {
	letter-spacing: 0.15rem;
}
.widget_block h4, .et_pb_text_inner h4, .et_pb_countdown_timer_container h4 {
	font-family: "skew-variable", 'Roboto', sans-serif !important;
	font-size: 1.5rem;
	font-weight: 300;
}
.et_pb_text_inner h5, .et_pb_text_inner h6 {
	letter-spacing: 0.2rem;
}
.reduce-space h3, .reduce-space h4 {
	padding-bottom: 0rem;
}

/*--------------------------------------------------------------
2.0 - Layout
--------------------------------------------------------------*/
/* 2.1 Header --------*/
/* Centered Inline #main-header:not(.et-fixed-header) #top-menu-nav .centered-inline-logo-wrap {
	height: 13.5rem !important;
	width: auto !important;
}
#main-header:not(.et-fixed-header) #top-menu-nav .logo_container {
	padding-top: 0.5rem;
}
#main-header.et-fixed-header #logo {
    content: url('https://wp.hptuniversity.com/wp-content/uploads/2026/05/HPTU-badge-no-pages-logo-curve-FINAL.svg');
}
#main-header.et-fixed-header #top-menu-nav .centered-inline-logo-wrap {
	height: 6.75rem !important;
	width: auto !important;
} */
#top-menu .sub-menu li.current-menu-item>a, #top-menu .sub-menu li.current_page_item>a, #mobile_menu li.current-menu-item>a, #mobile_menu li.current_page_item>a {
    color: #fff;
}
.sub-menu .menu-indent { 
	padding-left: 2.25rem !important;
}
.sub-menu .no-link {
	cursor: default !important;
	pointer-events: none;
}
.sub-wide .sub-menu {
	padding: 0 1.25rem;
	width: 30vw;
}
.sub-wide.reverse-sort .sub-menu {
	display: flex;
	flex-direction: column-reverse;
}
.sub-wide.sub-wide .sub-menu li {
	border-bottom: 1px solid #215480 !important;
	padding: .75rem 0 !important;
	width: 100%;
}
/* .sub-wide .sub-menu li:last-child, */.sub-wide.reverse-sort .sub-menu li:first-child {
	border-bottom: none !important;
}
.sub-wide .sub-menu li a {
	width: auto !important;
}
/* 2.2 General --------*/
body:not(.et_pb_pagebuilder_layout) .et_pb_section {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10.5rem;
	padding-top: 4.5rem;
	max-width: 1200px;
}

/* 2.4 Posts --------*/
/* Resources */
.resources-block article {
	display: grid;
	grid-template-columns: 25% 1fr;
	grid-template-rows: auto auto auto;
	gap: 1rem 1.5rem;
	align-items: start;
}
.resources-block article a {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	margin-bottom: 2.25rem !important;
	/*  width: 9rem; */
}
.resources-block article a img {
	display: block;
}
.resources-block article p.post-meta {
	align-self: end;
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	order: 1;
	margin: 0 0 -0.5rem 0;
}
.resources-block article .entry-title {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	order: 2;
	margin: -0.5rem 0 0 0;
}
.resources-block article .post-content {
	grid-column: 1 / -1;
	grid-row: 3 / 4;
}
.resources-block article .post-content p {
	padding-bottom: 0.75rem;
}

/* 2.6 Divi Module --------*/
.et_pb_member_position {
	padding-bottom: 1.25rem !important;
}

/* 2.7 Buttons --------*/
.et_pb_section .et_pb_button:hover:after, .resources-block .et_pb_post a.wp-element-button:hover:after {
    margin-left: .6em !important;
}
.resources-block .et_pb_post a.wp-element-button {
	background: none;
	color: #215480 !important;
	font-weight: 600;
	padding: 0;
}
.resources-block .et_pb_post a.wp-element-button:hover {
	color: #77c8f1 !important;
}
.resources-block .et_pb_post a.wp-element-button:after {
	color: #215480;
	content: '\e046';
    font-family: ETmodules !important;
	font-size: inherit !important;
    font-weight: 400 !important;
    left: auto;
    margin-left: .3em;
    opacity: 1;
}

/* 2.8 Footer --------*/
.page #main-footer, .single-post #main-footer {
    position: relative;
}
.page #main-footer:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM3N2M4ZjEiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==) !important;
	background-position: center bottom;
	background-repeat: no-repeat;
    background-size: 100% 10vw;
	content: '';
	height: 10vw;
	position: absolute;
    top: -10vw;
    /* transform: scale(1, 1); */
	width: 100%;
    z-index: 999;
}
.single-post #main-footer:before {
    background-image: url(https://hptuniversity.com/wp-content/uploads/2026/07/HPTU-audio-lines-closer.svg) !important;
	background-position: center top;
	background-repeat: repeat-x;
    background-size: 50%;
	content: '';
	height: 10vw;
	position: absolute;
    top: -10vw;
	width: 100%;
    z-index: 999;
}
.et_pb_section_2.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxYTE4NDQiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 6vw;
    bottom: 0;
    height: 3vw;
    transform: scale(1, 1);
    z-index: 10;
}
#footer-widgets {
	padding-bottom: 6%;
}
#footer-widgets .et_pb_widget {
	float: unset;
}
.footer-widget {
	margin-bottom: auto !important;
	margin-top: auto !important;
}
.footer-widget .h-icon {
	max-width: 15%;
}
.footer-widget .h-icon a {
	display: block;
}
.footer-widget .current-menu-item a {
	color: #c0a46f !important;
}
.footer-widget ul.menu li:before, .hide-menu {
	display: none !important;
}
#footer-bottom.credits-center .container {
	display: flex;	
}
.credits-center #footer-info {
	margin-left: auto;
	margin-right: auto;	
}
.et-social-youtube a.icon:before {
	content: "\E0A3";
}

/*--------------------------------------------------------------
3.0 - Transitions
--------------------------------------------------------------*/
.et_pb_button, .et_pb_button:after, a.wp-element-button, a.wp-element-button:after {
	transition: all 0.6s ease-in-out;
}

/*--------------------------------------------------------------
4.0 - Responsive
--------------------------------------------------------------*/
@media all and (min-width: 1441px) {
}
@media all and (max-width: 1400px) {
}
/* Tablets --------*/
@media all and (max-width: 1100px) {
}
@media (min-width: 981px) {
	#main-header:not(.et-fixed-header) .et_menu_container .logo_container {
		height: 13.5rem !important;
		padding-top: 0.5rem;
		width: auto !important;
	}
	#main-header:not(.et-fixed-header) .et_menu_container #et-top-navigation, #main-header:not(.et-fixed-header) .et_menu_container .logo_container #logo {
		height: 12rem;
	}
	#main-header:not(.et-fixed-header) .et_menu_container #et-top-navigation {
		align-content: center;
	}
	#main-header.et-fixed-header #logo {
		content: url('https://hptuniversity.com/wp-content/uploads/2026/05/HPTU-badge-no-pages-logo-curve-FINAL.svg');
	}
	#main-header.et-fixed-header .et_menu_container .logo_container {
		height: 6.75rem !important;
		width: auto !important;
	}
	#main-header.et-fixed-header .et_menu_container .logo_container #logo {
		height: 5.25rem;
		margin-top: -0.5rem;
	}
    .et-fixed-header #top-menu li.current-menu-item>a {
        color: #18164d !important;
    }
	.et-fixed-header #top-menu .sub-menu a {
    	color: #222d4c !important;
    }
    .et-fixed-header #top-menu .sub-menu li.current-menu-item>a, .et-fixed-header #top-menu .sub-menu li.current_page_item>a {
        color: #fff !important;
    }
	#footer-widgets {
		display: flex;
	}
	#footer-widgets .fwidget {
        margin-bottom: 0.875rem;
    }
}
@media (max-width: 980px) {
	#main-header .et_menu_container {
		width: 84%;	
	}
	#main-header, #main-header .et_menu_container .logo_container {
		height: 6rem !important;
	}
	#main-header .et_menu_container .logo_container #logo {
		height: 6rem;
		margin-top: 0.5rem;
		max-height: unset !important;
	}
	.et_header_style_left #et-top-navigation {
		padding-top: 2.25rem;
	}
	.mobile_menu_bar:before, #et_search_icon:before {
		color: #ffffff !important; 
	}
	#main-header .et_mobile_menu {
        background-color: #77c8f1 !important;
    }
    #et_top_search {
		margin-right: 1.5rem;
    }
	.page .et_pb_section:last-of-type {
		background-size: 100% 9vw;
		height: 9vw;
	}
	.single-post #main-footer:before {
		height: 9vw;
		top: -9vw;
	}
}
@media only screen and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}
/* Mobile --------*/
@media (max-width: 480px) {
}