/*
 Theme Name:   Mantra
 Theme URI:    https://www.mantra.co.uk
 Description:  A base theme by Mantra.co.uk
 Author:       Greg Findley
 Author URI:   https://www.mantra.co.uk
 Template:     generatepress
 Version:      1.0
*/
@media(min-width: 768px) {
    .domains-post-wrapper {
        column-count: 3;
    }
}

.domains-post-wrapper,
.domains-post-wrapper ul {
    list-style: none;
    margin: 0;
}


body p {
	color: var(--text);
	font-size: var(--text-reg);
	line-height: var(--leading-6);
	letter-spacing: var(--tracking-5);
	margin-bottom: var(--space-8);
}
.inside-article a {
	font-weight: 500;
}

.form-title {
	margin-bottom: var(--space-2)!important;
}
.form-intro {
	margin-bottom: var(--space-4);
}
#gfield_instruction_3_8 {
	display: none;
}


.domain-bg-img:before {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}


hr {
    background-color: #d0dee9);
    margin: var(--space-12) 0;
}
hr.small {
    background-color: #d0dee9);
    margin: var(--space-8) 0;
}
.nobr {
    white-space: nowrap;
}
.footer-small {
	color: var(--bg-light)!important;
	margin-bottom: 0!important;
}
p.footer-copyright-text {
	margin-top: 0px;
    margin-bottom: 0px;
    color: var(--bg-light);
}
p.footer-copyright-text a {
	color: #fff;
}
p.footer-copyright-text a:hover {
	color: var(--text-link);
}

body .gform_wrapper .gform_footer input[type=submit] {
    background-color: var(--brand-three);
    border-radius: 5px;
    font-weight: 700;
    font-size: var(--text-xl);
    padding: 0.85rem;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
	display: none;
}

.is-ajax-search-details a, .is-ajax-search-result a {
    color: var(--brand-two)!important;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
    text-transform: none!important;
    font-size: var(--text-xl)!important;
    font-weight: var(--font-medium)!important;
}


@media(min-width: 1024px) {
    .is-sticky-column .gb-container {
        position: sticky;
        top: var(--space-10);
    }
}


/* Site Wrapper to set overall site max width */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    background-color: var(--bg-body);
} 


blockquote {
	border-left: 0;
	text-align: center;
	background-color: var(--bg-light);
	padding: var(--space-10);
	border-radius: var(--space-1);
	margin-bottom: var(--space-12);
}
blockquote p {
	font-style: normal;
	font-size: var(--text-3xl);
	font-weight: var(--font-semibold);
	letter-spacing: var(--tracking-5);
	line-height: var(--leading-5);
	color: var(--headline);
	margin-bottom: var(--space-6);
}
blockquote cite {
    font-style: normal;
    font-size: var(--text-reg);
    line-height: var(--leading-1);
    font-weight: var(--font-normal);
    letter-spacing: var(--tracking-5);
}
ol, ul {
	margin-left: var(--space-6);
    margin-bottom: var(--space-6);
    font-size: var(--text-reg);
    font-weight: var(--font-normal);
    line-height: var(--leading-5);
}
ol li, ul li {
	margin-bottom: var(--space-2);
}

ol li {
	padding-left: var(--space-4);
}
ol li::marker {
	font-weight: var(--font-bold);
}

.inside-header {
	padding: var(--space-10) var(--space-9);
}


@media (min-width: 769px) and (max-width: 1024px) {
    /* Tablet */
	.inside-header {
		padding: var(--space-10) var(--space-8);
	}
	.site-header .header-image {
		width: 140px;
	}
	blockquote {
		padding: var(--space-9);
	}
	body .gform_wrapper .gform_footer input[type=submit] {
		width: 50%;
	}
	.slick-next, .slick-prev {
		display: none!important;
	}
}
@media (max-width: 768px) {
    /* Mobile */
	.inside-header {
    	padding: var(--space-10) var(--space-6);
	}
	.site-header .header-image {
		width: 140px;
	}
	body p {
		font-size: var(--text-reg);
		line-height: var(--leading-6);
		margin-bottom: var(--space-8);
	}
	.company-no {
		pointer-events: none;
	}
	.company-no a {
		text-decoration: none;
		color: inherit;
	}
	blockquote {
		padding: var(--space-8);
	}
	ol, ul {
		margin-left: var(--space-8);
	}
	.domain-bg-img:before {
		background-image: none!important;
	}
	.slick-next, .slick-prev {
		display: none!important;
	}
}
@media (min-width:769px) {
    li#menu-item-3810 a {
        padding-right: 0px!important;
    }
}

/* HELPER CLASSES */

/* Standard Shadow(s) */

.shadow-standard {
    box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
    transition: all .2s ease-in;
}

.shadow-standard:hover {
    box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

/* Max Width(s) */

.max-width-1024 {
    max-width: 1024px;
}


.max-width-768 {
    max-width: 768px;
}

.max-width-640 {
    max-width: 640px;
}

.max-width-480 {
    max-width: 480px;
}

/* Margin Auto */

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}
.no-margin {
	margin: 0!important;
}

/* Position Properties */

.relative{
    position: relative;
}

.absolute{
    position:absolute;
    top: 0px;
    left: 0px;
}

.sticky{
    position: sticky;
    top: 24px;
}

/* Image Aspect Ratios */

.aspect-1-1 img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.aspect-3-2 img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.aspect-2-3 img {
    aspect-ratio: 2/3;
    object-fit: cover;
}

.aspect-4-3 img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.aspect-3-4 img {
    aspect-ratio: 3/4;
    object-fit: cover;
}

.aspect-16-9 img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.aspect-9-16 img {
    aspect-ratio: 9/16;
    object-fit: cover;
}

/* Separator */

.wp-block-separator {
    border: none!important;
}

:root {

/* Typography */
--text-xs: 0.875rem; /* 14px */ 
--text-sm: 0.9375rem; /* 15px */ 
--text-base: 1rem; /* 16px */ 
--text-reg: 1.1rem; /* 18px */ 
--text-xl: 1.25rem; /* 20px */ 
--text-2xl: 1.5rem; /* 24px */
--text-3xl: 1.875rem; /* 30px */
--text-4xl: 2.25rem; /* 36px */
--text-5xl: 3rem; /* 48px */
--text-6xl: 3.75rem; /* 60px */
--text-7xl: 4.5rem; /* 72px */
--text-8xl: 6rem; /* 96px */
--text-9xl: 8rem; /* 128px */

--caption-xl: 1.6875rem;
--caption-l: 1.5rem;
--caption-m: 1.1875rem;
	
--font-thin: 100;
--font-extralight: 200;
--font-light: 300;
--font-normal: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extrabold: 800;
--font-black: 900;

--leading-1: 1;
--leading-2: 1.125;
--leading-3: 1.25;
--leading-4: 1.375;
--leading-5: 1.5;
--leading-6: 1.625;
--leading-7: 1.75;
--leading-8: 1.875;
--leading-9: 2;
--leading-10: 2.25;
--leading-11: 2.5;
--leading-12: 2.75;

--tracking-1: -0.05em;
--tracking-2: -0.0375em;
--tracking-3: -0.025em;
--tracking-4: -0.0125em;
--tracking-5: 0em;
--tracking-6: 0.025em;
--tracking-7: 0.0375em;
--tracking-8: 0.05em;

/* Spacing */

--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-7: 1.75rem;
--space-8: 2rem;
--space-9: 2.25rem;
--space-10: 2.5rem;
--space-11: 2.75rem;
--space-12: 3rem;
--space-13: 3.25rem;
--space-14: 3.5rem;
--space-15: 3.75rem;
--space-16: 4rem;
--space-17: 4.25rem;
--space-18: 4.5rem;
--space-19: 4.75rem;
--space-20: 5rem;
}





.domain-form {
  position: absolute;
  z-index: 100;
}
@media (max-width: 768px) {
    .domain-form { 
			position: relative;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
	    .domain-form { 
			position: relative;
	}
}

.ginput_container_radio {
	 border-bottom: 0.1rem solid var(--bg-dark);
}
input[type=radio] {
    border-radius: 0%;
}


.price {
	color: var(--brand-three);
	margin-left: 0.15rem;
}
.home-title {
	color: #fff!important;
	text-align: center;
	margin-bottom: var(--space-8);
	line-height: var(--leading-3);
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
	font-size: 1.125rem!important;
	font-weight: 700;
}

.gchoice {
    z-index: 1;
    position: relative;
    margin: 0 0 0px 0;
    padding: 0;
    height: 70px;
    width: 100%!important;
}
input.gfield-choice-input {
    z-index: 2;
    appearance: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: white;
    transition: .3s all ease-in-out;
    position: absolute;
    background: #fff;
    position: absolute;
	border-top: 0.1rem solid var(--bg-dark);
}
input.gfield-choice-input:hover,
.gchoice label:hover {
    cursor: pointer;
}
input.gfield-choice-input:checked {
    background: var(--bg-light);
}
input.gfield-choice-input:checked + label {
    color: var(--brand-two);
}
.gchoice label {
    z-index: 3;
    color: var(--brand-two);
    display: block;
    position: absolute;
    padding: 0 0 0 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    overflow: visible;
}
input.gfield-choice-input + label:after {
    content: "";
    position: absolute;
    right: -10px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 4px solid var(--bg-light);
    z-index: 2;
    top: 50%;
    transition: .3s all ease-in-out;
    color: white;
    font-size: 25px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
}
input[type="checkbox"].gfield-choice-input + label:after { 
    border-radius: 5px;
}
input[type="radio"].gfield-choice-input + label:after {
    border-radius:50px;
}
input.gfield-choice-input:checked + label:after {
content: '';
	background-color: var(--brand-three);
    border: 4px solid #fff;
-webkit-box-shadow: 0px 0px 0px 0px rgba(110,172,74,1);
-moz-box-shadow: 2px 2px 0px 0px rgba(110,172,74,1);
box-shadow: 0px 0px 0px 3px rgba(110,172,74,1);
}

p.offers {
    font-size: var(--text-sm);
    line-height: var(--leading-6);
    letter-spacing: var(--tracking-5);
    font-weight: 400;
    margin-bottom: var(--space-2);
	    margin-top: var(--space-2);
    color: var(--headline);
}

#input_1_8, #input_3_8 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: 1.25rem;
    margin-top: 0;
    border: 0.1rem solid var(--bg-dark);
    border-radius: 6px;
    color: var(--brand-two);
}


input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
  
input[type="number"] {
    -moz-appearance: textfield !important;
}



.wp-block-table td, .wp-block-table th {
    border: 0;
    padding: 0.125rem 0;
    font-size: 1.125rem;
    font-weight: 500;
		color: var(--copy);
}
.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    border: 0;
}


.wp-block-table.total td, .wp-block-table.total th {
	font-weight: 700;
	color: var(--brand-two);
	font-size: 1.5rem
}

.gform_required_legend {
	display: none;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: var(--brand-three);
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 500;
    padding-left: 0.15rem;
}
body img.gform_ajax_spinner {
	display: none !important;
}


body .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: var(--text-link);
}

/* Apply styles to all GravityForms text input fields and dropdowns */
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="number"],
body .gform_wrapper input[type="date"],
body .gform_wrapper input[type="time"],
body .gform_wrapper input[type="datetime-local"],
body .gform_wrapper input[type="week"],
body .gform_wrapper input[type="month"],
body .gform_wrapper select, textarea /* Include select for dropdown fields */ {
    font-size: 1rem!important;
    font-weight: 500!important;
    padding: 1.125rem;
    border: 0.1rem solid var(--bg-dark);
    border-radius: 6px;
    color: var(--brand-two);
}

/* Apply color styling to field label titles */
.gform_wrapper.gravity-theme .gfield_label {
    color: var(--brand-two);
}

#input_4_15_5 {
	text-transform: uppercase;
}

.gfield_consent_label {
	font-size: 1rem;
	font-weight: 500;
	margin-left: 0.5rem;
}
.ginput_container_consent {
	margin: 1rem 0;
}


.gform_wrapper select {
    padding: 0.6rem 0.5rem!important;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
	font-size: 1rem;
	padding: 1.25rem!important;
	margin-top: var(--space-4);
	border-radius: 6px
}


.is-form-style input.is-search-input {
	    background: #fff;
    background-image: none!important;
    color: var(--headline);
    padding: 1.125rem 1.5rem;
    margin: 0;
    outline: 0!important;
    font-size: 1.35rem!important;
    font-weight: 500;
    height: inherit;
    min-height: 0;
    line-height: 1;
    border-radius: 0;
    border: none;
    font-family: sans-serif;
    width: 100%;
    border-radius: 5px;
}
div.is-ajax-search-details, div.is-ajax-search-result {
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 0 20px 0 rgba(23, 48, 79, 0.25);
}
.is-ajax-search-post, .is-ajax-search-post-details {
    clear: both;
    padding: 1.15rem 1.25rem 1rem 1.25rem!important;
    border-bottom: none;
}



@media (max-width: 768px) {
    /* CSS in here for mobile only */
	div.is-ajax-search-details, div.is-ajax-search-result {
    	border-radius: 5px;
		width: 86%!important;
		margin-left: var(--space-5)
	}
	body .gform_wrapper .gform_footer input[type=submit] {
		width: 100%;
	}
}

.gf-turnstile-container {
    margin-top: 1rem;
}
a.footer-link {
	text-decoration: underline;
}
a.footer-link:hover {
	color: var(--text-link)!important;
}
span.footer-small-link a {
	color: #fff!important;
}


.slick-slide img {
	display: inline-block!important;
}

.slick-next {
	right: -40px;
}
.slick-prev {
    left: -40px;
}
.wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before {
    color: #fff;
}
.slick-next:before, .slick-prev:before {
    font-size: 30px;
    opacity: 0.9;
}
button.slick-prev.slick-arrow {
	z-index: 9999;
}
.slick-next:before {
	content: url(/wp-content/uploads/slider-next.svg);
	width: 20px;
	height: 40px;
}
.slick-prev:before {
	content: url(/wp-content/uploads/slider-prev.svg);
    width: 20px;
	height: 40px;
}
.slick-next, .slick-prev {
    width: 20px;
    height: 40px;
}