/**
 * Styles shared between the Photo RAW 2025 pages
 *
 * @author      Jim Mock
 * @copyright   2024, ON1
 */

#hero {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/hero-bg@2x.png) center bottom no-repeat;
	background-size: cover;
	margin-top: -2.75rem;
	padding: 7rem 0 5rem 0;
	width: 100%;
}

#hero .new-version {
	letter-spacing: 5px;
	text-transform: uppercase;
}

#product-navigation.sticky.is-sticky {
	background: rgba(0, 0, 0, 0.75);
}

#key-features-nav .nav-link {
	background: none;
	border: 1px solid var(--blue);
	color: var(--white);
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0 0.5rem;
	white-space: nowrap
}

#key-features-nav .nav-link.active {
	background: var(--blue);
}

#how-we-are-different p.gilroy-extra-bold {
	margin-bottom: 1rem;
}

#how-we-are-different p.gilroy-extra-bold strong {
	font-weight: 500;
}

.feature .twentytwenty-handle {
	bottom: 5rem !important;
}

.feature .feature-actions {
	bottom: 1rem;
	left: 0;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	position: absolute;
	width: 100%;
}

.feature .btn-learn-more:hover {
	background: var(--blue) !important;
}

#feature--raw-processing {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/raw-processing--bg@2x.jpg) center -200px no-repeat;
	background-size: cover;
	width: 100%;
}

#feature--raw-processing .list-unstyled li,
#feature--masking .list-unstyled li,
#feature--organizing .list-unstyled li {
	font-weight: 700;
	margin-bottom: 0.75rem;
}

#feature--raw-processing .list-unstyled li:last-child,
#feature--masking .list-unstyled li:last-child,
#feature--organizing .list-unstyled li:last-child {
	margin-bottom: 0;
}

#feature--raw-processing .list-unstyled li:before {
	color: var(--purple-2025);
	content: '\f058';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin: 0 0.75rem 0 -1.75rem;
}

/*
#feature--combine-photos {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/combine-photos--bg@2x.jpg) center bottom no-repeat;
	background-size: cover;
	width: 100%;
}
*/

#feature--effects {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/effects--bg@2x.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
}

#feature--masking {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/masking--bg@2x.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
}

#feature--masking .list-unstyled li:before {
	color: var(--green-2025);
	content: '\f058';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin: 0 0.75rem 0 -1.75rem;
}

#feature--resizing {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/resizing--bg@2x.jpg) center bottom no-repeat;
	background-size: cover;
	width: 100%;
}

#feature--organizing {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/organizing--bg@2x.jpg) center bottom no-repeat;
	background-size: cover;
	width: 100%;
}

#feature--organizing .list-unstyled li:before {
	color: var(--orange-2025);
	content: '\f058';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin: 0 0.75rem 0 -1.75rem;
}

#quick-start-course {
	background: url(https://ononesoft.cachefly.net/images/products/2024/photo-raw/download/quick-start-course-bg@2x.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
}

.download ol li {
	margin-bottom: 1rem;
}

.download .nav-link.active .product-wrapper {
	background: linear-gradient(var(--dark-1), var(--dark-1)) padding-box, linear-gradient(to right, #ff6600 10%, #ff0096 30%, #7d1eff 60%, #0a7efa 100%) border-box;
	border: 2px solid transparent;
	border-radius: 10px;
}

.download .product-wrapper {
	background: var(--box-bg);
	border: 2px solid transparent;
}

.download .product-arrow {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.download .dl-details {
	background: var(--dark-1);
	border-radius: 10px;
	padding: 1rem;
}

.download .dl-details ul {
	padding-left: 2rem;
}

.download .dl-details ul li::before {
	color: var(--blue);
	content: '\f00c';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin: 0 0.75rem 0 -1.75rem;
}

.download .download-form label {
	color: var(--text-color);
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: 0;
	text-transform: none;
}

.download .download-form .form-field {
	background: var(--box-bg);
	border: 1px solid var(--light-blue);
	color: var(--text-color);
	margin-bottom: 1.5rem;
}

.download #download-form .form-field:focus {
	border: 1px solid var(--purple);
}

.download .download-form .form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ededed' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
}

.download .download-form .form-check-input {
	font-size: 1rem;
	margin-left: -1.6rem;
}

.download .download-form .form-check-label {
	line-height: 1.5;
}

.download .download-form .invalid-feedback {
	margin-bottom: 1.5rem;
	margin-top: -1rem;
}

.download .download-form .invalid-feedback.missing-terms {
	margin-left: -1.75rem;
	margin-top: 0;
}

.download .download-alert {
	background: rgba(0, 154, 216, 10%);
	color: var(--light-blue);
	margin-bottom: 0;
}

#whats-new #hero {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/whats-new/hero-bg@2x.jpg) center bottom no-repeat;
	background-size: cover;
	margin-top: -2.75rem;
	padding: 6rem 0 0 0;
	width: 100%;
}

#whats-new #hero h2 {
	font-size: 4rem;
}

#whats-new #featured-videos .fa-play-circle {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

#whats-new .new-ribbon {
	position: absolute;
	right: -0.75rem;
	top: -0.75rem;
}

#whats-new .yt-play {
	left: 50%;
	position: absolute;
	top: 52%;
	transform: translate(-50%, -50%);
}

#whats-new #versions .nav-pills {
	background: var(--box-bg);
}

#whats-new #versions .nav-link {
	color: var(--white);
	font-size: 1.375rem;
	padding: 0.625rem 3rem;
}

#whats-new #versions .nav-link.active {
	background: var(--blue);
	color: var(--white);
	font-weight: 900;
}

#whats-new #versions .tab-pane .badge {
	font-size: 0.6875rem;
	font-weight: 900;
	padding: 0.25rem 0.625rem;
	vertical-align: text-top;
}

#whats-new #commercial {
	background: url(https://ononesoft.cachefly.net/images/products/2024/photo-raw/whats-new/commercial-bg@2x.jpg) center center no-repeat;
	background-size: cover;
}

#lightroom-alternative #hero {
	background: url(https://ononesoft.cachefly.net/images/products/2024/photo-raw/lightroom-alternative/hero-bg@2x.jpg) center center no-repeat;
	background-size: cover;
	min-height: auto;
	padding: initial;
	width: 100%;
}

#lightroom-alternative .reason-group:first-of-type {
	border-top: 2px solid #2b2f35;
}

#lightroom-alternative .reason-group {
	border-bottom: 2px solid #2b2f35;
	padding: 1.5rem;
}

#lightroom-alternative .reason .reason-title {
	color: var(--headline-color);
	cursor: pointer;
	font-weight: 700;
	margin-bottom: 0;
	padding-right: 3rem;
}

#lightroom-alternative .reason .reason-title .badge {
	margin-right: 0.625rem;
	vertical-align: text-top;
}

#lightroom-alternative .reason i.fa-angle-down,
#lightroom-alternative .reason i.fa-angle-up {
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 1.5rem;
	margin-left: 2rem;
	padding-top: 0;
}

#lightroom-alternative .reason-why {
	display: none;
	margin-top: 1.5rem;
	padding-right: 3rem;
}

#lightroom-alternative .reason-why ul:last-child,
#lightroom-alternative .reason-why ol:last-child {
	margin-bottom: 0;
}

#lightroom-alternative .reason-why li {
	line-height: 1.5;
	margin-bottom: 1rem;
}

#lightroom-alternative .reason-why li:last-child {
	margin-bottom: 0;
}

#lightroom-alternative #two-ways .nav-pills {
	background: var(--box-bg);
}

#lightroom-alternative #two-ways .nav-link {
	color: var(--white);
	font-size: 1.375rem;
	padding: 0.625rem 3rem;
}

#lightroom-alternative #two-ways .nav-link.active {
	background: var(--blue);
	color: var(--white);
	font-weight: 900;
}

#all-new-features #feature-list-top {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/feature-list/bg-top@2x.jpg) center bottom no-repeat;
	background-size: cover;
	margin-top: -2.75rem;
	padding: 7rem 0 4rem 0;
}

#all-new-features #feature-list h3 {
	color: var(--bg-color);
}

#all-new-features #feature-list li {
	line-height: 1.5;
	margin-bottom: 1rem;
}

#all-new-features #feature-list li:last-child {
	margin-bottom: 0;
}

#all-new-features #feature-list-bottom {
	background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/feature-list/bg-bottom@2x.jpg) center center no-repeat;
	background-size: cover;
}

@media (max-width: 575.98px) {
	#all-new-features #feature-list-top {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/feature-list/bg-top.jpg) center bottom no-repeat;
		background-size: cover;
	}

	#all-new-features #feature-list-bottom {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/feature-list/bg-bottom.jpg) center center no-repeat;
		background-size: cover;
	}
}

.box-bg .subscription-duration {
	font-size: 1.25rem;
	font-weight: 400;
}

@media (max-width: 575.98px) {
	#hero {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/hero-bg.png) center bottom no-repeat;
		padding: 3rem 0;
	}

	#feature--raw-processing {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/raw-processing--bg.jpg) top left no-repeat;
	}

	/*
	#feature--combine-photos {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/combine-photos--bg.jpg) center bottom no-repeat;
	}
	*/

	#feature--effects {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/effects--bg.jpg) center top no-repeat;
	}

	#feature--masking {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/masking--bg.jpg) center top no-repeat;
	}

	#feature--resizing {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/resizing--bg.jpg) center top no-repeat;
	}

	#feature--organizing {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/organizing--bg.jpg) center bottom no-repeat;
	}

	#whats-new #hero {
		background: url(https://ononesoft.cachefly.net/images/products/2025/photo-raw/whats-new/hero-bg.jpg) center bottom no-repeat;
		background-size: cover;
	}

	#whats-new #hero h2 {
		font-size: 2rem;
	}

	#whats-new #versions .nav-pills {
		background: none;
	}

	#whats-new #commercial {
		background: url(https://ononesoft.cachefly.net/images/products/2024/photo-raw/whats-new/commercial-bg.jpg) center center no-repeat;
		background-size: cover;
	}

	#lightroom-alternative #hero {
		background: url(https://ononesoft.cachefly.net/images/products/2024/photo-raw/lightroom-alternative/hero-bg.jpg) center center no-repeat;
		background-size: cover;
	}
}