/*!
Theme Name: Stoic
Theme URI: https://lime-agency.io/
Author: Lime Agency
Author URI: https://lime-agency.io/
Description: Lime Agency
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: stoic
*/

/* Admin Bar */
.admin-bar .header {
	top: 32px;
}

@media (max-width: 991px) {
	.menu__body {
		top: 32px;
	}
}

@media (max-width: 782px) {
	.admin-bar .header {
		top: 46px;
	}

	.menu__body {
		top: 46px;
	}
}

@media (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

/* Content */
.reason-card__body ul > li:not(:last-child) {
    margin-bottom: 0.75rem;
}

.reason-card__body ul > li {
	background: url(img/icons/check-circle.svg) no-repeat left top/2.25rem 2.25rem;
    min-height: 1rem;
    padding: 0 0 0 1.75rem;
    background-position: left top 0.375rem;
    background-size: 1rem 1rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 169.2%;
}

@media (max-width: 991px) {
	.reason-card__body ul > li {
	    min-height: 1rem;
	    padding: 0 0 0 1.75rem;
	    background-size: 1rem 1rem;
	    font-size: 0.9375rem;
	}
}

.img-text__body > ol {
    column-count: 2;
    column-gap: 1.5rem;
    padding-left: 1.25rem;
    font-size: 1.375rem;
    font-weight: 300;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 991px) {
	.img-text__body > ol {
		column-count: 1;
		font-size: 0.9375rem;
	}
}

.img-text__body > ol > li:not(:last-child) {
    margin-bottom: 0.75rem;
}

/* Login */
.section-login__logo img {
	width: auto;
	height: auto;
}

.section-login__img img {
	width: auto;
	height: auto;
}

/* VPS */
.section-vps__img img {
	width: auto;
	height: auto;
}

/* Download */
.section-device__img img {
	width: auto;
	height: auto;
}

/* Content & List */
.checklist ul > li {
    min-height: 2.25rem;
    padding: 0.125rem 0 0.125rem 3rem;
    background: url(img/icons/check-circle.svg) no-repeat left top/2.25rem 2.25rem;
    font-size: 1.3125rem;
    font-weight: 300;
    line-height: 169.2%;
}

@media (max-width: 991px) {
	.checklist ul > li {
		min-height: 1.25rem;
		padding: 0 0 0 1.75rem;
		background-position: left top 0.125rem;
		background-size: 1.25rem 1.25rem;
		font-size: 0.9375rem;
	}
}

/* Gravity Forms */
.form .gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}

.form .gform_wrapper.gravity-theme .gfield_label {
	font-size: 1.5rem;
	color: #fff;
}
@media (max-width: 991px) {
	.form .gform_wrapper.gravity-theme .gfield_label {
		font-size: 0.9375rem;
	}
}

.form .gform_wrapper.gravity-theme .gfield input,
.form .gform_wrapper.gravity-theme .gfield select,
.form .gform_wrapper.gravity-theme .gfield textarea {
    outline: none;
    border: none;
    border-bottom: 0.0625rem solid #fff;
    border-radius: 0;
    width: 100%;
    padding: 0.875rem 0.125rem;
    background: none;
    font-family: "Cormorant Garamond", serif;
    font-size: 0.9375rem;
    line-height: 1;
    color: #fff;
    resize: none;
    transition: border-color 0.35s;
}

.form .gform_wrapper.gravity-theme .gfield input:focus,
.form .gform_wrapper.gravity-theme .gfield select:focus,
.form .gform_wrapper.gravity-theme .gfield textarea:focus {
	border-color: #ff3a3e;
}

.form .gform_wrapper.gravity-theme .gfield input::placeholder,
.form .gform_wrapper.gravity-theme .gfield select::placeholder,
.form .gform_wrapper.gravity-theme .gfield textarea::placeholder {
	color: inherit;
}

.form .gform_wrapper.gravity-theme .gfield select option {
	background-color: #030b16;
	color: #fff;
}

.form .gform_wrapper.gravity-theme .gfield_radio,
.form .gform_wrapper.gravity-theme .gfield_checkbox {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form .gform_wrapper.gravity-theme .gfield-choice-input {
	display: none;
}

.form .gform_wrapper.gravity-theme .gfield-choice-input + label {
	position: relative;
	display: block;
	padding-left: 2rem;
	font-family: "Cormorant Garamond", serif;
	font-size: 0.8125rem;
	font-weight: 400;
	cursor: pointer;
	user-select: none;
}

.form .gform_wrapper.gravity-theme .gfield-choice-input + label:before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    border: 0.0625rem solid #fff;
    width: 1.25rem;
    height: 1.25rem;
}

.form .gform_wrapper.gravity-theme .gfield-choice-input + label:after {
	content: "";
	position: absolute;
	left: 0.375rem;
	top: 0.1rem;
	border: solid #fff;
	border-width: 0 0.125rem 0.125rem 0;
	width: 0.4375rem;
	height: 0.75rem;
	opacity: 0;
	visibility: hidden;
	transform: rotate(45deg);
	transition: all 0.35s ease;
}

.form .gform_wrapper.gravity-theme .gfield_radio label:before {
	border-radius: 50%;
}

.form .gform_wrapper.gravity-theme .gfield_radio label:after {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    top: 0.35rem;
    left: 0.4rem;
}

.form .gform_wrapper.gravity-theme .gfield-choice-input:checked + label:after {
	opacity: 1;
	visibility: visible;
}

.form .gform_wrapper.gravity-theme .gform_footer {
	margin: 2rem 0 0;
	padding: 0;
}

.form .gform_wrapper.gravity-theme .gform_footer button {
	margin-bottom: 0;
}

.banner-form .gform_wrapper.gravity-theme .gform_footer button {
	width: 100%;
}

.form .gform_wrapper.gravity-theme .gform_validation_errors {
	background: none;
    border-radius: 0;
}

.form .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	font-size: 1.2rem;
	line-height: 1;
}

.form .gform_wrapper.gravity-theme .validation_message {
	background: none;
	font-size: 0.8375rem;
}

.form .gform_ajax_spinner {
	object-fit: contain;
}