/*
Theme Name: Deep Canvas Theme - Absopure 2026
Theme URI: http://www.deepcanvas.com
Description: A Theme
Version: 1.1.7
Author: Deep Canvas
Author URI: http://deepcanvas.com
Tags: deepcanvas
*/
.slick-track {
	margin: 0 auto
}

#gform_fields_42 .gfield_radio li {
	display: flex;
}

.mainInnerContent .order-form-division-19 .michigan-only {
	display: none !important;
}

#gfield_description_12_92,
#gfield_description_11_92 {
	font-style: italic !important;
}


sup {
	font-size: 0.5em
}

@font-face {
	font-family: Poppins-regular;
	src: url(fonts/Poppins-Regular.woff) format("woff"), url(fonts/Poppins-Regular.otf) format("opentype");
}

@font-face {
	font-family: Poppins-bold;
	src: url(fonts/Poppins-Bold.woff) format("woff"), url(fonts/Poppins-Bold.otf) format("opentype");
}

@font-face {
	font-family: Poppins-semi;
	src: url(fonts/Poppins-SemiBold.woff) format("woff"), url(fonts/Poppins-SemiBold.otf) format("opentype");
}

.page-template-page-giveaway *,
.page-template-page-rocket-mortgage * {
	font-family: 'Poppins-regular';
}

.giveaway-hero h1 {
	font-size: 58px;
	margin-bottom: 10px;
	font-family: 'Poppins-regular';
}

.page-template-page-rocket-mortgage .giveaway-hero h1 {
	font-size: 46px;
}

.page-template-page-giveaway h2,
.page-template-page-rocket-mortgage h2 {
	font-size: 56px;
	line-height: 1.2;
	font-family: 'Poppins-semi';
	font-weight: 500;
}

.page-template-page-giveaway h3,
.page-template-page-rocket-mortgage h3 {
	font-size: 40px;
	line-height: 1.3;
	font-family: 'Poppins-semi';
	font-weight: 500;
}

.page-template-page-giveaway h5,
.page-template-page-rocket-mortgage h5 {
	font-family: 'Poppins-regular';
	font-size: 29px;
}

.page-template-page-giveaway h6,
.page-template-page-rocket-mortgage h6 {
	color: #0072CE;
	font-size: 27px;
	font-family: 'Poppins-regular';
	font-weight: 300;
}

.page-template-page-giveaway p,
.page-template-page-rocket-mortgage p {
	font-size: 16.5px;
	font-weight: 300;
	line-height: 1.4;
	font-family: 'Poppins-regular';
}


.page-template-page-rocket-mortgage p {
	line-height: 2;
}


.giveaway-hero {
	padding: 85px 0 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center position: relative;
	overflow: hidden
}

.page-template-page-rocket-mortgage .giveaway-hero {
	padding: 45px 0 0;
}

.giveaway-hero p {
	font-size: 24px;
	margin-bottom:
}

.giveaway-hero .header-logo {
	margin-bottom: 40px;
	margin-top: 45px;
}

.giveaway-hero .col-accent {
	display: flex;
	padding: 0 85px;
}

.giveaway-hero .accent-image {
	width: 277px;
	height: 549px;
	margin-left: 6px;
	max-width: 277px;
}

.page-template-page-rocket-mortgage .giveaway-hero .accent-image {
	width: 397px;
	height: 440px;
	margin-left: -200px;
	max-width: 440px;
}

.giveaway-hero .content-editor {
	margin-top: 70px;
}

.page-template-page-rocket-mortgage .giveaway-hero .content-editor {
	margin-top: 20px;
	margin-bottom: 100px;
}

.giveaway-main {
	background-repeat: no-repeat;
	font-family: 'Poppins-regular';
	background-color: #99E4F1;
	background-size: cover
}

.page-template-page-rocket-mortgage .giveaway-main * {
	color: white;
}

.page-template-page-rocket-mortgage .giveaway-main .row {
	align-items: center;
}


.giveaway-main .logo-icon {
	margin-left: -46px;
	margin-top: 10px;
}

.giveaway-main .col-form {
	background: #0072CE;
	color: white;
	padding: 40px;
}

.giveaway-main .col-form .socials {
	justify-content: center;
	align-items: center;
	margin: 14px 0;
	position: relative;
	z-index: 1;
}

.giveaway-main .col-form .socials span {
	font-size: 20px;
	margin-right: 10px;
}

.giveaway-main .col-form .socials a {
	margin-left: 14px;
}

.giveaway-main .col-form .socials a:hover svg {
	color: #99E4F1 !important;
}

.giveaway-main .col-form .gform_wrapper label {
	display: none !important;
}

.giveaway-main .col-form .gform_wrapper .gfield_radio label,
.giveaway-main .col-form .gform_wrapper .gfield_checkbox label {
	display: inline-flex !important;
	align-items: center;

}

.giveaway-main .col-form .gform_wrapper .gfield_radio label img {
	margin-right: 10px;
	max-width: 175px;
}


.giveaway-main .col-form .gform_wrapper input {
	background: transparent;
	color: white;
	border: 0;
	outline: 0;
	border-bottom: 1px solid white;
	padding: 10px !important;
	width: 100% !important;
}

.giveaway-main .col-form .gform_wrapper .gfield_radio input {
	width: auto !important;
}

.giveaway-main .col-form .gform_wrapper input:focus {
	background: rgba(0, 0, 0, 0.2);
}

.giveaway-main .col-form .gform_wrapper input::placeholder {
	color: white;
}

.page-template-page-giveaway .button,
.page-template-page-rocket-mortgage .button,
.giveaway-main .col-form .gform_wrapper #gform_submit_button_28,
.giveaway-main .col-form .gform_wrapper .gform_button {
	width: 100%;
	background-color: #99E4F1 !important;
	border: 0;
	appearance: none;
	outline: 0;
	font-size: 20px;
	padding: 20px !important;
	font-weight: 600;
	cursor: pointer;
	letter-spacing: 3px
}

.page-template-page-giveaway .button,
.page-template-page-rocket-mortgage .button {
	font-size: 17px;
	width: 300px;
}

.page-template-page-giveaway .button:focus,
.page-template-page-rocket-mortgage .button:focus,
.page-template-page-giveaway .button:hover,
.page-template-page-rocket-mortgage .button:hover,
.giveaway-main .col-form .gform_wrapper #gform_submit_button_46:focus,
.giveaway-main .col-form .gform_wrapper #gform_submit_button_46:hover {
	background: rgba(0, 0, 0, 0.2) !important;
}

.giveaway-footer .footer-wave {
	position: relative;
	width: 100vw;
}

.giveaway-footer .footer-wave--overlay {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: 60px;
}

.giveaway-footer .footer-wave--overlay .social-media-link {
	margin-left: 26px;
}

.giveaway-footer .background-white {
	padding: 20px 0;
}

.giveaway-footer .copyright {
	margin-bottom: 0;
}

.giveaway-footer .copyright span {
	margin-left: 15px
}

.content-editor.text-white * {
	color: white;
}

.social-media-link {
	display: inline-block;
	height: 30px;
	width: 30px;
}

.social-media-link svg {
	color: white;
	height: 100%;
	width: 100%;
}

.social-media-link:hover svg {
	color: #99E4F1 !important;
}

.text-center {
	text-align: center;
}

.text-right,
.text-right * {
	text-align: right;
}

.block-section {
	padding: 100px 0;
}

.flex {
	display: flex !important;
}

.space-between {
	justify-content: space-between !important;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-center {
	align-items: center !important;
}

.absolute {
	position: absolute;
}

.row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.row .col-6 {
	width: 48%;
}

.row .col-4 {
	width: 33.3333%;
}

.row .col-3 {
	width: 25%;
}

.row .col-8 {
	width: 66.6666%
}

#sticky-header {
	background-color: #0C2340;
	padding: 12px;
	width: 100vw;
	z-index: 9999;
}

#sticky-header .sticky-main .sticky-logo {
	width: 200px;
	/*height: 50px;*/
}


.page-template-page-rocket-mortgage #sticky-header .sticky-main .sticky-logo {
	width: 280px
}

#sticky-header .sticky-main .header-logo {
	object-fit: contain;
}

#sticky-header .sticky-main h2 {
	font-size: 32px;
	margin-bottom: 0;
}

.page-template-page-rocket-mortgage #sticky-header .sticky-main h2 {
	font-size: 32px;
	font-weight: 400;
}


.giveaway-partner-logos {
	padding: 80px 0;
	position: relative;
	z-index: 4;
}

.giveaway-partner-logos .col {
	padding: 0 25px;
}

.giveaway-partner-logos .logos .logo {
	padding: 30px;
}

.wolverine-grid {
	background-color: #1a2842;
	padding: 125px 0;
}

.wolverine-grid .container {
	max-width: 1152px !important;
}

.wolverine-grid .container h2,
.wolverine-grid .container h4 {
	text-transform: uppercase;
	margin-bottom: 6px;
}

.wolverine-grid .container p {
	font-size: 22px;
	margin-bottom: 0
}

.wolverine-grid .col {
	margin: 16px;
	padding: 30px;
	position: relative;
}

.wolverine-grid .wolverine-0 {
	background-color: #4072cb;
	flex-basis: 100%;
	max-width: 100%;
}

.wolverine-grid .content-editor h2 {
	font-size: 77px;
}

.wolverine-grid .content-editor h4 {
	/*font-size: 77px;*/
}

.wolverine-grid .wolverine-0 .content-editor h2 {
	font-size: 56px
}


.wolverine-grid .wolverine-0 .content-editor {
	text-align: center;
}

.wolverine-grid .wolverine-1 {
	background-color: #69b9da;
	flex-basis: calc(50% - 32px);
	max-width: calc(50% - 32px);
	padding: 80px 30px 40px 215px;
}

.wolverine-grid .wolverine-1 img {
	bottom: -65px;
	left: -44px;
	width: 217px;
	z-index: 1;

}


.wolverine-grid .wolverine-2 {
	background-color: #ca7228;
	flex-basis: calc(50% - 32px);
	max-width: calc(50% - 32px);
	padding: 80px 215px 40px 30px;
}

.wolverine-grid .wolverine-2 img {
	top: 30px;
	right: -45px;
	width: 282px;
}


.wolverine-grid .wolverine-3 {
	background-color: #5ea74b;
	flex-basis: calc(40% - 32px);
	max-width: calc(40% - 32px);
	padding: 80px 80px 23px 45px
}

.wolverine-grid .wolverine-3 img {
	top: 30px;
	right: 10px;
	width: 77px;
}

.wolverine-grid .wolverine-4 {
	background-color: #e1b135;
	flex-basis: calc(60% - 32px);
	max-width: calc(60% - 32px);
	padding: 50px 10px 23px 350px
}

.wolverine-grid .wolverine-4 img {
	top: -52px;
	left: 51px;
	width: 289px;
}

.sign-up-section {
	position: relative;
	padding: 0;
	/*overflow: hidden;*/
}

.sign-up-section .content-editor {
	padding-top: 60px;
}

.environment-section {
	padding: 130px 0 65px;
	position: relative;
	/*margin-bottom: 100px*/
}

.environment-section .environment-section-wave,
.sign-up-section .sign-up-section-wave {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: -25px;
	/* offset padding*/
	left: 0;
}

.sign-up-section .sign-up-section-wave {
	display: flex;
	align-items: flex-end;
}

.page-template-page-rocket-mortgage .sign-up-section .button {
	background: #0C2340 !important;
}

.page-template-page-rocket-mortgage .sign-up-section .button:hover {
	background: #99E4F1 !important;
}

.sign-up-section .sign-up-section-wave svg {
	width: 100%;
}

.sign-up-section .row {
	padding: 80px 0 40px;
}

.environment-section .environment-section-wave {
	bottom: auto;
	top: 0px;
}



.environment-section .col-image {
	height: 480px;
	padding-left: 50px;
}

.environment-section .col-image img{
	height: 480px;
}


.rocket-environment-section .col-image {
	height: auto;
	display: flex;
	align-items: center;
}

.environment-section a {
	color: #00A841;
	text-decoration: none;
	font-weight: 700;
	font-family: 'Poppins-semi';
}

.environment-section a:focus,
.environment-section a:hover {
	color: #008257;
}

.environment-section img {
	height: 100%;
	object-fit: cover;
}

.rocket-environment-section .row {
	align-items: center;
}

.rocket-environment-section img {
	height: auto;
	object-fit: contain;
	max-height: 100%
}

.giveaway-gallery-slider {
	padding: 100px 0;
}

.giveaway-gallery-slider .col-slider .giveaway-slider {
	padding: 0 50px;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-arrow {
	z-index: 9999 !important;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-next {
	right: -25px;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-prev:after {
	content: '';
	position: absolute;
	left: 14px;
	top: 11px;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-right: 16px solid white;
	border-top: 14px solid transparent;
	clear: both;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-next:after {
	content: '';
	position: absolute;
	right: 14px;
	top: 11px;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-left: 16px solid white;
	border-top: 14px solid transparent;
	clear: both;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-prev {
	left: -25px;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-next:before {
	background-image: none !important;
	background-color: #0072CE;
	border-radius: 100px;
}

.giveaway-gallery-slider .col-slider .giveaway-slider .slick-prev:before {
	background-image: none !important;
	background-color: #0072CE;
	border-radius: 100px;
}

.giveaway-gallery-slider .text-right {
	padding-left: 40px;
}


.page-template-page-rocket-mortgage .giveaway-partner-logos {
	margin-bottom: 300px
}

.rocket-environment-section {
	background-color: #fff !important;
}

.rocket-environment-section .content-editor a {
	color: #99E4F1;
}

.rocket-environment-section .content-editor a.btn {
	color: #ffffff !important;
}


/*ie*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.giveaway-footer .footer-wave>svg {
		display: none;
	}

	.giveaway-footer .footer-wave {
		background-color: #0072CE;
	}

	.giveaway-footer .footer-wave--overlay {
		position: relative !important;
		bottom: 0 !important;
		padding: 30px 0;

	}

	.sign-up-section {
		background-color: #0072CE;
	}

	.sign-up-section .row {
		padding: 40px 0;
	}

	.environment-section .environment-section-wave,
	.sign-up-section .sign-up-section-wave {
		display: none;
	}

	.rocket-environment-section {
		background-color: #fff !important;
	}

	.environment-section img {
		height: 267px;
		width: 528px;
	}


}

@media only screen and (max-width: 1600px) {

	.page-template-page-rocket-mortgage .giveaway-partner-logos {
		margin-bottom: 0px
	}
}

@media only screen and (max-width: 1383px) {

	.page-template-page-rocket-mortgage #sticky-header .sticky-main h2 {
		font-size: 28px;
		text-align: right;
	}
}

@media only screen and (max-width: 1140px) {


	.page-template-page-rocket-mortgage #sticky-header .sticky-main h2 {
		font-size: 25px;
	}

	.page-template-page-rocket-mortgage .giveaway-hero .accent-image {
		margin-left: 0;
	}

	.sign-up-section .row {
		padding-bottom: 10px;
	}

	.page-template-page-giveaway h3,
	.page-template-page-rocket-mortgage h3 {
		font-size: 35px;
	}
}

@media only screen and (max-width: 980px) {

	.page-template-page-rocket-mortgage .giveaway-hero .accent-image {
		display: none;
	}

	.page-template-page-giveaway .button,
	.page-template-page-rocket-mortgage .button {
		max-width: 100%;
	}

	.giveaway-partner-logos .logos .logo {
		padding: 14px;
	}

	.giveaway-hero h1 {
		font-size: 42px;
	}

	.giveaway-hero .col-8 {
		padding-right: 20px;
	}

	.giveaway-hero .col-accent {
		display: block;
		padding: 0px;
	}

	.giveaway-hero .col-accent .accent-image {
		max-width: 100%;
		height: auto;
	}



	.sign-up-section {
		background-color: #0072CE;
	}

	.page-template-page-rocket-mortgage .sign-up-section {
		background-color: #008257;
	}



	.sign-up-section .row {
		padding: 40px 0;
	}

	.environment-section .environment-section-wave,
	.sign-up-section .sign-up-section-wave {
		display: none;
	}

	.rocket-environment-section {
		background-color: #ffffff;
	}

	.wolverine-grid .col {
		margin: 10px;
		padding: 20px;
		flex-basis: 100%;
		max-width: 100%;
		text-align: center;
	}

	.giveaway-footer .footer-wave>svg {
		display: none;
	}

	.giveaway-footer .footer-wave {
		background-color: #0072CE;
	}

	.giveaway-footer .footer-wave--overlay {
		position: relative !important;
		bottom: 0 !important;
		padding: 30px 0;

	}

	.wolverine-grid img {
		display: none;
	}

}

@media only screen and (max-width: 768px) {
	.row .col {
		width: 100% !important;
	}

	.giveaway-hero {
		padding-top: 30px;
	}

	.giveaway-hero h1 {
		font-size: 40px;
	}

	#sticky-header .sticky-main h2 {
		font-size: 17px;
		max-width: 60%;
		text-align: right;
	}

	.giveaway-partner-logos .logos {
		margin-top: 30px;
	}

	.giveaway-partner-logos .logos .logo {
		max-width: 140px;
		margin: auto
	}

	.sign-up-section .col {
		text-align: center;
	}

	.sign-up-section img {
		max-width: 200px;
		margin: auto
	}

	.giveaway-gallery-slider .col-slider .giveaway-slider .slick-arrow {
		display: none !important;
	}


	.wolverine-grid .col {
		padding: 20px;
	}


	.environment-section {
		padding: 60px 0;
	}

	.environment-section .col-image {
		text-align: center;
		height: 200px;
		padding-left: 0px;
		margin: auto;
	}


	.giveaway-gallery-slider .content-editor {
		margin-top: 30px;
		padding: 0;
	}

	.giveaway-gallery-slider .content-editor * {
		text-align: center !important;

	}





	.giveaway-hero .content-editor {
		margin-top: 0;
	}

	.giveaway-hero .accent-image {
		display: none;
	}
}

@media only screen and (max-width: 520px) {
	#sticky-header .sticky-main .sticky-logo {
		width: 140px;
	}

	#sticky-header .sticky-main h2 {
		font-size: 12px;
		max-width: 50%;

	}
}

/* Block Styles */
/* Icon Columns */
.icon-columns--container {
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
	display: flex;
}

.icon-columns--column {
	width: 45%;
}

.icon-columns--headline {
	margin-bottom: 1rem;
}


.icon-columns--subheadline {
	font-weight: 700;
}

.icon-columns--column img {
	max-height: 150px;
	margin: 0 auto 25px auto;
	display: flex;
}

.icon-columns--column p {
	text-align: center;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}

@media(min-width: 768px) {
	.icon-columns--column {
		width: 22%;
	}
}


/* Fifty Fifty Slider */
.fifty-fifty-slider {
	margin: 1em -100%;
	/* old browsers fallback */
	margin: 1em calc(50% - 50vw);
	background-color: #3166a3;
}


.fifty-fifty-slider .fifty-fifty-slider--wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 20px
}

.fifty-fifty-slider--headline {
	color: #fff;
}

.fifty-fifty-slider--content p {
	color: #fff;
}


.fifty-fifty-slider button.slick-prev {
	z-index: 2;
	left: -25px
}


.fifty-fifty-slider button.slick-prev:before {
	background-color: #fff;
	background-image: none !important;
	border-radius: 100px;
}

.fifty-fifty-slider button.slick-prev:after {
	content: '';
	position: absolute;
	left: 14px;
	top: 11px;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-right: 16px solid #000;
	border-top: 14px solid transparent;
	clear: both;
}

.fifty-fifty-slider button.slick-next {
	z-index: 2;
	right: -25px
}

.fifty-fifty-slider button.slick-next:before {
	background-color: #fff;
	background-image: none !important;
	border-radius: 100px;
}

.fifty-fifty-slider button.slick-next:after {
	content: '';
	position: absolute;
	right: 14px;
	top: 11px;
	width: 0;
	height: 0;
	border-bottom: 14px solid transparent;
	border-left: 16px solid #000;
	border-top: 14px solid transparent;
	clear: both;
}

.fifty-fifty-slider .slick-slide img{
	height: 500px;
	width: 100%;
	object-fit: cover;
}

.fifty-fifty-slider .fifty-fifty-slider--wrapper {
	padding: 50px;
}

@media(min-width: 1280px){
	.fifty-fifty-slider .fifty-fifty-slider--wrapper {
		padding: 50px 0;
	}
	
}

/* Link Box Repeater */
.link-box-repeater--container {
	display: flex;
	flex-wrap: wrap;
}

.link-box-repeater--container .link-box-repeater--hubspot {
	background-color: #1b895f;
	width: 45%;
	margin: 0 20px 10px 0;
	justify-content: center;
	text-align: center;
}

.link-box-repeater .link-box-repeater--container .link-box-repeater--hubspot a {
	border: none !important;
	margin: 0 !important;
	font-size: .875rem;
    padding: .9375rem 1.25rem;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background-color: #009366 !important; 
    transition: all .3s ease !important;
}

.link-box-repeater--container .link-box-repeater--hubspot:hover,
.link-box-repeater .link-box-repeater--container .link-box-repeater--hubspot a:hover{
	background-color: #007a54 !important;
	transition: all .3s ease;
}




@media(min-width:768px) {
	.link-box-repeater--container .link-box-repeater--hubspot {
		width: 24%;
		justify-content: flex-start;
	}
}

@media(min-width: 1024px) {
	.link-box-repeater--container .link-box-repeater--hubspot {
		width: 17%;

	}
}

/* Hiring Columns */
.hiring-columns--column{
	margin-right: 25px;
}

.hiring-columns--column h5{
	color: #3166a3;
	margin: 0
}


.hiring-columns--column p{
	color: #000;
	margin: 10px 0 0 0
}




/* Main Contenet */
.main-content--lists li{
	color: #14355e;
}

.main-content--list-title {
	font-style: italic;
	font-weight: 600;
	font-size: 17px;
}

.main-content--image{
	display: inline-block;
	margin: 0 auto;
}

.main-content--lists--cta{
	display: flex;
	justify-content: center;
}

.main-content a.button{
	margin-top: 25px
}


@media(min-width: 768px){
	.main-content--image{
		margin-right: 25px
	}
}

.gform_fields .gfield input[type="radio"],
.gform_fields .gfield  input[type="checkbox"] {
	width: auto !important;
}
/* Green CTA buttons under the header (all screen sizes) */
.mobile-cta { display: flex; gap: 10px; padding: 10px; position: relative; z-index: 1; } /* above the hero (0), below the header (2+) so the open menu covers it */
.mobile-cta .button { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 12px 8px; font-size: 14px; line-height: 1.2; }
body.wrapper .header { position: relative; }
body .hero, body .hero-photo-wrap { margin-top: 0 !important; } /* ponytail: hero offsets were for the overlaid header */
@media only screen and (min-width: 1000px) { /* header lost its top bar; restore its old height */
	body.wrapper .header { min-height: 127px; padding-top: 30px; box-sizing: border-box; }
}
@media only screen and (min-width: 769px) and (max-width: 1191px) { /* logo hangs below the nav here */
	body.wrapper .header { padding-bottom: 45px; }
}
/* homepage: tighter blue bottom (empty CTA section), more white above the bottles */
body .homepage-cta { padding-bottom: 0; }
.product-carousel { padding-top: 60px; }
@media only screen and (min-width: 769px) { .mobile-cta { justify-content: center; } .mobile-cta .button { flex: 0 1 320px; } } /* shorter buttons on desktop */
@media only screen and (max-width: 768px) { .hero-photo[style*="--hero-mobile"] { background-image: var(--hero-mobile) !important; } } /* optional mobile hero image (homepage photo hero) */