/*
Theme Name: HBv2
Theme URI: 
Author: Higher Booking
Author URI: http://www.higherbooking.com
Description: Wordpress Theme
Version: 1.0
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1; min-height: 100%; color:#fff;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.altText{width:0;height:0;display:block;overflow:hidden;}
.cleaner{clear:both;height:0px;font-size:1px;overflow:hidden;border:none;margin:0;padding:0;background:transparent;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html{ scroll-behavior: smooth; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
a {color:#208E98; text-decoration: underline;}
*:focus-visible {
	outline:dashed 2px #000;
	border-radius:10px;
	outline-offset:4px;
}
#features *:focus-visible {
	outline:dashed 2px #FEC52E;
}
@font-face {
    font-family: 'MarkOTBlack';
    font-weight: normal;
    src: url("fonts/MarkOT-Black.otf") format("opentype");
}
@font-face {
    font-family: 'MarkOT';
    font-weight: normal;
    src: url("fonts/MarkOT-Medium.otf") format("opentype");
}
@font-face {
    font-family: 'MarkOTBook';
    font-weight: normal;
    src: url("fonts/MarkOT-Book.otf") format("opentype");
}
@font-face {
    font-family: 'MarkOTHeavy';
    font-weight: normal;
    src: url("fonts/MarkOT-Heavy.otf") format("opentype");
}
@font-face {
    font-family: 'PoppinsBold';
    font-weight: 600;
    src: url("fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
    font-family: 'PoppinsRegular';
    font-weight: 400;
    src: url("fonts/Poppins-Regular.ttf") format("truetype");
}
/*VARIABLES*/
:root {
--hb-black:#000;
--hb-white:#fff;
--hb-pink:#FB5373;
--hb-lavender:#D8C7E3;
--hb-purple:#8231A7;
--hb-orange:#FFC52F;
--hb-light-grey:#f7f7f7;
--hb-blue:#174dcb;
--hb-light-black:#141414;
}
/*END VARIABLES*/
body{
	width:100%;
	background:var(--hb-light-grey);
	line-height: 22px;
	letter-spacing:1px;
	font:normal 18px MarkOT,sans-serif;
}
.structure-block {
	max-width:1440px;
	display: block;
	margin:0 auto;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
#top {
	z-index:1000;
}
h2 {
	font-family: MarkOT;
}
header {
	background:var(--hb-white);
	width:100%;
	display: flex !important;
}
header .nav-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:80px;
	width:100%;
	max-width:1215px;
	margin:0 auto;
}
header #nav-toggle {
	display: none;
}
header nav ul {
	display:flex;
	gap:69px;
}
header nav ul a {
	font:normal 16px Poppins, sans-serif;
	color:var(--hb-black);
	text-decoration: none;
}

#hero{
	padding:80px 0;
	background:var(--hb-white);
}
#hero .hero-content {
	margin:0 auto;
	width:85%;
	max-width:1215px;
	display: flex;
	gap:40px;
}
#hero .hero-content .hero-copy {
	color:var(--hb-black);
}
#hero .hero-content .hero-copy h2 {
	font-size:54px;
	line-height:100%;
}
#hero .hero-content .hero-copy p {
	font-family:MarkOTBook;
	margin:30px 0 50px 0;
	font-size:22px;
	line-height:150%px;
}
#hero .hero-content .hero-copy a {
	padding:10px 20px;
	display: inline-block;
	color:var(--hb-black);
	background:var(--hb-pink);
	text-decoration: none;
	font-size:26px;
	font-family:MarkOTBlack;
}
#what-matters{
	background:var(--hb-white) url(img/what-matters-img.png) top center;
	background-size: cover;
	min-height:650px;
}
#what-matters .matters-copy {
	width:492px;
	padding-top:120px;
	position: absolute;
	right:9%;
}
#what-matters .matters-copy h2 {
	margin-bottom:30px;
	font-family:MarkOT;
	font-size:40px;
}
#what-matters .matters-copy h3 {
	font-family:PoppinsBold;
	font-size:16px;
}
#what-matters .matters-copy p {
	margin-bottom:20px;
	font-family:PoppinsRegular;
	font-size:16px;
}
#v2-era {
	background:var(--hb-white);
	display: flex;
	color:var(--hb-black);
	justify-content:space-around;
	padding:100px 0;
}
#v2-era .v2-copy{
	width:40%;
	font-family:PoppinsRegular;
}
#v2-era .v2-copy h2 {
	font-size:40px;
	margin-bottom:20px;
}
#v2-era .v2-copy p {
	margin-bottom:15px;
	font-size:16px;
	line-height:150%;
}
#v2-era .v2-copy ul {
	margin-bottom:30px;
	padding-left:20px;
	list-style: outside disc;
}
#v2-era .v2-copy li{
	margin-bottom:10px;
	font-size:16px;
	line-height:150%;
}
#v2-era .v2-copy a {
	color:var(--hb-blue);
	text-decoration: underline dotted;
	text-underline-offset: 5px;
	font-size:20px;
	font-family:MarkOT;
	line-height:100%;
}
#v2-era .v2-img {
	width: 385px;
}
#v2-era .v2-img img {
	max-width:100%;
}
#v2-sales{
	padding:40px 0 50px 80px;
	background:url(img/v2-sales-img.png) top center no-repeat;
	background-size: cover;
}
#v2-sales h2 {
	font-size:50px;
	color:var(--hb-pink);
	margin-bottom:20px;
}
#v2-sales p {
	margin-bottom:15px;
	font-size:20px;
	line-height:150%;
	max-width:450px;
}
#v2-sales h3 {
	font-size:30px;
	margin-bottom:5px;
}
#v2-sales p.fine-print{
	font-family:PoppinsRegular;
	font-size:14px;
}
#v2-sales a {
	margin-top:15px;
	padding:10px 20px;
	display: inline-block;
	color:var(--hb-black);
	background:var(--hb-pink);
	text-decoration: none;
	font-size:26px;
}
#websites {
	padding:100px 0;
	background:var(--hb-white);
	color:var(--hb-black);
	min-height:1000px;
	overflow: hidden;
}
#websites .websites-copy {
	position: relative;
	margin-left:10%;
	width:90%;
}
#websites .websites-copy h2 {
	font-size:40px;
	line-height:100%;
	margin-bottom:15px;
}
#websites .websites-copy .websites-text {
	width:350px;
}
#websites .websites-copy .websites-text img {
	display: block;
	margin:0 auto 20px auto;
}
#websites .websites-copy .websites-text p {
	font-size:16px;
	font-family:PoppinsRegular;
	margin-bottom:30px;
}
#websites .websites-copy .websites-text a {
	font-size:20px;
	font-family:MarkOTBlack;
	color:var(--hb-blue);
	text-decoration:underline dotted;
	text-underline-offset: 5px;
}
#websites .websites-copy .laptop {
	width:77%;
	position: absolute;
	top:0;
	right:-10px;
	margin:0;
}
#first-chair {
	border-bottom:solid 10px var(--hb-lavender);
}
#first-chair .fcc {
	padding:50px 0 40px 10%;
	background:var(--hb-lavender);
	color:var(--hb-black);
}
#first-chair .fcc .fcc-copy{
	width:50%;
}
#first-chair .fcc h2 {
	font-size:40px;
	margin-bottom:20px;
}
#first-chair .fcc p, 
#first-chair .fcc ul{
	font-size:18px;
	font-family:PoppinsRegular;
}
#first-chair .fcc ul {
	padding-left:20px;
	list-style:outside; disc;
}
#first-chair .fcc .fcc-bottom {
	display: flex;
	padding-top:30px;
	gap:80px;
}
#first-chair .fcc .fcc-bottom strong {
	font-family:PoppinsBold;
}
#first-chair .fcc .fcc-bottom a {
	margin-top:20px;
	padding:10px 20px;
	display: inline-block;
	color:var(--hb-black);
	background:var(--hb-pink);
	text-decoration: none;
	font-size:20px;
	font-family: MarkOTBlack;
}
#first-chair .bud {
	position: relative;
	padding:40px 0 40px 10%;
	background:var(--hb-black);
}
#first-chair .bud .bud-copy {
	width:50%;
}
#first-chair .bud .bud-copy h2 {
	font-size: 24px;
	margin-bottom:20px;
}
#first-chair .bud .bud-copy p {
	font-family:PoppinsRegular;
	font-size:16px;
	margin-bottom:15px;
}
#first-chair .bud .bud-copy p strong{
	font-family:PoppinsBold;
}
#first-chair .bud .bud-copy p.subtext{
	margin:-15px 0 0 11px;
	font-size:14px;
}
#first-chair .bud img {
	width:38%;
	position: absolute;
	bottom:0;
	left: 55%;
}
#higher-ed {
	padding:100px 0;
	background:var(--hb-white);
	color:var(--hb-black);
}
#higher-ed .higher-ed-content{
	padding:0 50px;
	display: flex;
	align-items: center;
	gap:60px;
}
#higher-ed .higher-ed-content .higher-ed-copy {
	padding-left:30px;
}
#higher-ed .higher-ed-content .higher-ed-copy h2 {
	font-family: MarkOT;
	font-size:40px;
	margin-bottom:20px;
}
#higher-ed .higher-ed-content .higher-ed-copy p {
	font-family:PoppinsRegular;
	font-size:16px;
	margin-bottom:20px;
}
#higher-ed .higher-ed-content .higher-ed-copy a {
	color:var(--hb-blue);
	text-decoration:dotted underline;
	text-underline-offset: 5px;
}
#about {
	padding:100px 0;
	background:var(--hb-light-black);
}
#about .about-content {

}
#about .about-content img {
	max-width:28%;
	position:absolute;
	top:45px;
	left:15%;
	z-index:1000;
}
#about .about-content .about-copy {
	padding:0 5% 90px 50%;
}
#about .about-content .about-copy h2 {
	font-size:40px;
	margin-bottom:30px;
}
#about .about-content .about-copy p {
	font-size:16px;
	font-family:MarkOTBook;
	line-height:150%;
}
#about .zine {
	padding:20px 0;
	background:var(--hb-purple);
	position: relative;
}
#about .zine .zine-copy {
	width:25%;
	padding:0 0 0 50%;
}
#about .zine .zine-copy h2 {
	font-size:30px;
	margin-bottom:10px;
}
#about .zine .zine-copy p {
	width:75%;
	font-family:MarkOTBook;
	font-size:16px;
	line-height:150%;
	margin-bottom:10px;
}
#about .zine img {
	position:absolute;
	top:-70px;
	right:4%;
	width:23%;
}
#about .zine  a {
	color:var(--hb-white);
	text-decoration:dotted underline;
	text-underline-offset: 5px;
}
footer {
	background:var(--hb-black);
	padding:20px 0;
	text-align: center;
}
footer a {
	color:#fff;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
footer strong{
	font:bold 24px Poppins, sans-serif;
}
footer p{
	font:normal 18px PoppinsRegular, sans-serif;
}
footer .bottom-bar {
	padding-top: 45px;
}
footer .bottom-bar p {
	font:normal 14px PoppinsRegular, sans-serif;
}
img.mobile-only{
	display: none;
}
/** GENERIC PAGE STYLES**/
#generic-page {
	padding:100px 5%;
	background:var(--hb-white);
	z-index: 0;
}
#generic-page h2 {
	color: var(--hb-black);
	margin-bottom:14px;
	font-size:40px;
}
#generic-page h3 {
	font:normal 18px MarkOTBlack;
	margin-bottom:12px;
	margin-top:36px;
	color:#222;
}
#generic-page h3.sub-heading {
	margin-top:0;
}
#generic-page h4 {
	margin-bottom:8px;
	font:bold 14px MarkOTBlack;
	color:#222;
}
#generic-page p {
	margin-bottom:14px;
	color:#222;
	font:normal 14px PoppinsRegular;
}
#generic-page ul {
	list-style: inside disc;
}
#generic-page li {
	margin-bottom:4px;
	color:#222;
	font:normal 14px PoppinsRegular;
}
#generic-page .tos-copy-wrap {
	max-width:1000px;
	margin:0 auto;
}
#generic-page nav#tos-nav {
	position: sticky;
	top:0;
	left:0;
	padding:20px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	background: rgba(255, 255, 255, .4);
    backdrop-filter: blur(10px);           
		-webkit-backdrop-filter: blur(10px);
		border-radius:10px;
}
#generic-page nav#tos-nav a {

	margin-bottom:5px;
	font-size: 12px;
	border:solid 1px var(--hb-pink);
	color:var(--hb-black);
	padding:5px 10px;
	border-radius:10px;
	text-decoration:none;
}
#generic-page nav#tos-nav a:hover {
	background:var(--hb-pink);
}
.tos-section-wrap {
	padding-top:80px;
}
#generic-page .wrap-404 {
	min-height:30vh;
	padding:40px 0;
}
#generic-page .merch-store {
	display: flex;
	flex-wrap: wrap;
	gap:40px;
}
.wrap-404 {
	width:50%;
	margin:0 auto;
	text-align: center;
}
.wrap-404 .img-wrap{
	height:220px;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.wrap-404 img {
	margin:0 auto;
	display: block;
	-webkit-animation: rotating 8s linear infinite;
  -moz-animation: rotating 8s linear infinite;
  -ms-animation: rotating 8s linear infinite;
  -o-animation: rotating 8s linear infinite;
  animation: rotating 8s linear infinite;
}
/*END GENERIC PAGE STYLES*/
@media screen and (max-width:450px) {
	header .nav-bar.is-closed {
		height:80px;
		overflow: hidden;
	}
	header .nav-bar.is-closed nav {
		display: none;
	}
	header .nav-bar {
		width:90%;
	}
	header .nav-bar a#nav-toggle {
		display: block;
		position:absolute;
		top:20px;
		right: 20px;
	}
	header .hamburger {
		display: none;
	}
	header .nav-bar a#nav-toggle.is-closed .xxx {
		display: none;
	}
	header .nav-bar a#nav-toggle.is-closed .hamburger {
		display: block;
	}
	header nav {
		margin:0;
		position: absolute;
		width:100%;
		height: 100vh;
		top:0;
		left:0;
		background:var(--hb-orange);
	}
	header nav ul {
		width:328px;
		margin:100px auto 0 auto;
		display:block;
	}
	header nav ul li {
		margin-bottom:16px;
	}
	header nav ul li a {
		font-size:20px;
	}
	.mobile-only {
		display: block !important;
	}
	.desktop-only{
		display:none;
	}
	/*Section Mobile Overrides*/
	#hero {
		padding-top:0;
	}
	#hero .hero-content {
		width:100%;
		flex-direction:column-reverse ;
	}
	#hero .hero-content .hero-img img{
		width:100%;
		max-width:100%;

	}
	#hero .hero-content .hero-copy{
		margin: -110px auto 0 auto;
	    width: 95%;
	    background: rgba(255, 255, 255, .4);
	    backdrop-filter: blur(10px);           
  		-webkit-backdrop-filter: blur(10px);
	    padding: 20px;
	    box-sizing: border-box;
	}
	#hero .hero-content .hero-copy h2 {
		font-size:44px;
	}
	#hero .hero-content .hero-copy p {
		margin:15px 0 25px 0;
		font-size:18px;
	}
	#hero .hero-content .hero-copy a {
		font-size:18px;
	}
	#what-matters {
		background:var(--hb-white);
	}
	#what-matters img {
		max-width:100%;
	}
	#what-matters .matters-copy {
		padding:30px;
		position:static;
		width:100%;
		color:var(--hb-black);
		box-sizing: border-box;
	}
	#what-matters .matters-copy h2 {
		font-size:28px;
	}
	#v2-era{
		flex-direction:column-reverse ;
	}
	#v2-era .v2-img{
		width:100%;
	}
	#v2-era .v2-img img {
		max-width:100%;
	}
	#v2-era .v2-copy {
		margin: -140px auto 0 auto;
	    width: 95%;
	    background: rgba(255, 255, 255, .4);
	    backdrop-filter: blur(10px);           
  		-webkit-backdrop-filter: blur(10px);
	    padding: 20px;
	    box-sizing: border-box;
	}
	#v2-era .v2-copy h2 {
		font-size:32px;
	}
	#v2-sales{
		padding:40px 20px;
		background:url(img/v2-sales-img.png) top center no-repeat;
		background-size: cover;
	}
	#v2-sales h2 {
		font-size:30px;
		margin-bottom:20px;
	}
	#v2-sales p {
		margin-bottom:15px;
		font-size:20px;
		line-height:150%;
		max-width:450px;
	}
	#v2-sales h3 {
		font-size:30px;
		margin-bottom:5px;
	}
	#v2-sales p.fine-print{
		font-family:PoppinsRegular;
		font-size:14px;
	}
	#v2-sales a {
		font-size:20px;
	}
	#websites {
		min-height:unset;
	}
	#websites .websites-copy {
		margin:0 auto;
		width:90%;
		padding:0;
	}
	#websites .websites-copy img {
		width:50px;
	}
	#websites .websites-copy h2 {
		font-size:34px;
		text-align: center;
		margin-bottom:30px;
	}
	#websites .websites-copy p {
		margin-top:10px;
	}
	#websites .websites-copy .laptop {
		position: static;
	}
	#first-chair {
		border-bottom:none;
	}
	#first-chair .fcc{
		padding:0;
	}
	#first-chair .fcc .fcc-copy {
		padding:30px 20px 500px 20px;
		width:100%;
		box-sizing: border-box;
	}
	#first-chair .fcc .fcc-copy h2 {
		font-size:34px;
	}
	#first-chair .bud .bud-copy {
		width:80%;
	}
	#first-chair .bud img {
		width:365px;
		left:50%;
		margin-left:-50%;
		top:-493px;
	}
	#higher-ed .higher-ed-content {
		padding:0 20px;
		flex-direction:column;
	}
	#higher-ed .higher-ed-content .higher-ed-copy {
		padding: 0;
	}
	#higher-ed .higher-ed-content .higher-ed-img img {
		max-width:100%;
	}
	#about {
		padding:0;
	}
	#about .about-content .about-copy {
		padding:20px;
	}
	#about .about-content .about-copy h2 {
		font-size:28px;
		margin-bottom:15px;
	}
	#about .zine .zine-copy {
		padding:0 20px;
		width:100%;
		box-sizing:border-box;
	}
	#about .zine .zine-copy img {
		top: -23px;
	    right: 4%;
	    width: 35%;
	}
	#about .zine .zine-copy h2 {
		font-size:28px;
		width:200px;
	}
	footer strong{
		font-size:20px;
		display: block;
		margin-bottom:12px;
	}
	footer p {
		font-size:16px;
		display: block;
		margin-bottom:12px;
	}
	footer .bottom-bar{
		font-size:14px;
	}
	.mobile-break {
		display:block;
		width:0;
		height:0;
		overflow:hidden
	}
	#generic-page {
		padding:10% 5%;
	}
	#generic-page .merch-store {
	justify-content: center;
}
	#generic-page .wrap-404 {
		min-height:60vh;
	}
	.wrap-404 {
		width:90%;
	}
	#generic-page nav#tos-nav {
		flex-wrap: wrap;
		align-content: flex-start;
		gap:8px;
		padding:10px;
	}
	#generic-page nav#tos-nav a {
		font-size: 14px;
	}

}