/*!
Theme Name: Youm 2022
Theme URI: https://bsd.nz
Author: Blacksheepdesign 
Author URI: http://www.blacksheepdesign.co.nz/
Author Design: [include designer details]
Author Front-end and Integration: [include developer details]
Description: Blacksheepdesign creates custom websites based on Wordpress using some really cool plugins. 
Version: 1.0
*/

.homeBanner {
	overflow: hidden;
}
.newsletter #field_2_3{
	display: none;
}

.sideFold {
    position: absolute;
    left: -1px;
    bottom: 0;
	height: 100%;
    max-width: 100%;
    padding-bottom: 0px;
    margin-top: -100%;

}

.calculator {
	position: relative;
}

.calculator form {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-start;
	width: 100%;
    font-family: Lexend, sans-serif;
	padding-top: 10%;

}

.calculator form > .lidd_mc_input_responsive {
	width: 36%;
	border: none;
	margin-right: 10%;
	align-items: baseline;
}


#lidd_mc_inspector {
	display: none;
}

.ginput_recaptchav3 {
	display:none !important;
}

#lidd_mc_payment_period {

	border: none;
	background-color: transparent;
	padding: 0;
	width: fit-content;
	line-height: normal;
}

.paymentPeriod {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px !important;
	font-weight: 600 !important;
	display: flex;
	width: 100% !important;
    display: flex;
	gap: 5px;
}

.hiddenText {
	opacity: 0;
}

input[type="text"],input[type="email"],textarea {
	background-color: #94919f;
	border: none;
	color: white;
	padding: 10%;
	border-radius: 3px;
	width: 100%;
}

select,select:active,select:focus {
	appearance: none;
	border: none;
	outline: none;
}

input[type="text"]:active,textarea:active,input[type="text"]:focus,textarea:focus,input[type="email"]:active,input[type="email"]:focus {
	outline: none;
}

#lidd_mc_results {
	position: absolute;
	top: 0.5%;
	left: 0;
	font-size: 20px !important;
	font-weight: 600 !important;
    font-family: Lexend, sans-serif;



}

.servicesStack {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 10%;
}

.services {
	height: 100%;
	margin-top: 10%;
}

.div-fold-down {
	margin-top: -2px;
}

.service-block .paragraph a {
	color:#40c1ac !important;

}


.service-block {
	max-width: 100%;
}

.flatImage {
	width: 100%;
		object-fit: cover;
}

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

.single-faq {
	width: 100%;
}

.dropdown,.div-block-17 {
	width: 100% !important;
	max-width: 100%;
}

.faq {
	width: 100% !important;
	flex-direction: row;
}

.dropdown-link {
	width: 100%;
	white-space: break-spaces;
}

.faqs-container {
	display: block;
}

.legalBody {
    font-family: Lexend, sans-serif !important;
}

.legalBody h2 {
	margin-bottom: 0px;
    font-family: Lexend, sans-serif;
    color: #1e1a34;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.legalBody p {
	max-width: none;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: Epilogue, sans-serif;
    color: #1e1a34;
    line-height: 22px;
}

.footer a {
	color: white;
	text-decoration: none;
}

.roundImg {
	border-radius: 3px;
}

img {
	z-index: 19;
}

.foldImg {
	position: relative;
}

.fold {

	transform: rotate(180deg);
	position: absolute;
	bottom: -1px;
	left: 0.2vw;
	width: 40%;
	height: auto;
}

.accordian-toggle {
	display: inline-block !important;
}

.disclaimer {
	padding-top: 5%;
}

#lidd_mc_submit {
	
	background-color: #1E1A34;
	color: white;
    padding: 10px 40px;
    border-radius: 20px;
    border: none;
}

#lidd_mc_results {
	display: none;
}

.lidd_mc_select {
	display: flex;
	border-bottom: 2px solid black;
}

#lidd_mc_payment_period {
	margin-bottom: 0;
}

.lidd_mc_select:after {
	content: url(images/Arrow-down.svg);
	display: inline-block;
	margin-left: -8%;
	align-self: center;
}

.getStarted {
    font-family: Lexend, sans-serif;

}

.getStarted input[type="button"] {
	color: #60c7ac;
	background-color: transparent;
    font-weight: 700;

}

.getStarted input[type="text"], textarea, select {
	margin-bottom: 5%;
	padding: 5%;
}

.getStarted input[type="text"] {
	padding: 5%;
}

textarea {
	height: 20vh;
}

.gchoice {
	display: flex;
	gap: 10px;
	align-items: center;
	position: relative;
}

.gchoice label {
	padding-top: 2%;
}

input[type="radio"] {
	position: relative;
}


.gchoice label:before {
	width: 15px !important;
	height: 15px !important;
	content: "\a";
	position: absolute;
	background-color: #93919f;
	left: 0;
	bottom: 25%;
}

input[type="radio"]:checked ~ label:before {
		background-color: #40c1ac;

}

input[type="submit"] {
	border: none;
	color: white;
	cursor: pointer;
}

.gform_next_button {
	background: url(images/Arrow.svg);
	background-size: 40% 40%;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.gform_previous_button {
	background: url(images/Arrow2.png);
	background-size: 9% 40%;
	background-repeat: no-repeat;
	background-position: 12% 50%;
}

.swiper {
	color: white;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.swiper-pagination {
	width: 30%;
	margin-top: 20%;
	display: flex;
	gap: 10px;
}

.swiper-pagination-bullet {
	padding: 1.5%;
	background-color: white !important;
}

.swiper-wrapper {
	padding-bottom: 8%;
}

.quoteMark {
	margin-top: 10%;
	font-size: 400%;
	font-family: Lexend, sans-serif;
	transform: rotate(180deg);
	width: 10%;
}

.image-video-block video, .image-video-block img {
	width: 100%;
	object-fit: cover;


}

.sd1 {
	max-width: 100%;
	width: 100%;
	position: static;
	margin-left: 0;
}

nav .get-started {
	background-color: #006ac6;
}

.service-block {
	margin-bottom: 5%;
}

#lidd_mc_payment_period,.paymentPeriod {
	padding-right: 6%;
	z-index: 2;
}

.pdfLink {
	color: black;
	padding-left: 20px;
}

.otherFold {
	width: 65%;
}

.div-fold-down img,.div-fold-down-white img {
	margin-top: -1px;
}

#fixedText {
	padding-bottom: 10%;
	padding-top: 5%;
}

.container-approach .service-buttons {
	padding-bottom: 5%;
}

.gfield-choice-input {
	opacity: 0;
}

#lidd_mc_submit, .gform_button {
	appearance: none;
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
}

.services-header {
	height: auto !important;
}

select {
	appearance: none !important;
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
}

.header {
	position: fixed;
	width: 100%;
	z-index: 5000;
	top: 0;
}

.topSection1 {
	margin-top: 7%;
}

.about-div-header {
	margin-top: 25%;
}

.about-section {
	height: auto !important;
}

.link:hover {
	padding-left: 0;
}

.calcSubmit {
	font-family: Epilogue, sans-serif;
	font-weight: 300;
}

.calcSubmit:hover {
	background-color: #2b254d !important;
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

#gform_confirmation_message_1 {
	display: none;
}

#pageTitle span {
	font-weight: 600 !important;
}

.button:hover {
    background-color: #1b74c2;
}

.dropdown-icon {
	transform-style: unset !important;
	transform: none !important;
}

.container-3 .image-2 {
	object-position: 50% 25%;
}

.individual-profile .flatImage {
	object-position: 50% 0% !important;
}

.image-video-block .image-5 {
	object-position: 50% 5% !important;
}

.approach-blocks .flatImage {
	object-position: 50% 35% !important;
}

#lidd_mc_mlc_form {
	padding-top: 0 !important;
}

.servicesStack .flatImage {
	max-height: 35vh;
}

.buttonDiv {
	position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100% !important;
    height: 100% !important;
    margin-top: auto;
	margin-bottom: auto;
    left: 0;
    z-index: 5;
}

.playButton {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

div[class="lidd_mc_input"] {
	align-items: flex-end;
    display: flex;
}

.currentPage {
	color: #40C1AC;
	text-decoration: underline;
}

.single-faq nav > a {
	padding: 0;
}

.accordian-toggle .dropdown-icon {
	transition: ease-in-out 400ms !important;
}


.accordian-toggle[aria-expanded=true] .dropdown-icon {
	transform: rotate(180deg) !important;
}

.newsletter .gform_title, .newsletter .gform_submission_error {
    font-size: 13px !important;
    font-weight: bold;
    color: white;
    font-family: Epilogue, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
}

.gfield_validation_message {
	color: black;
    font-family: Epilogue, sans-serif;
    margin-top: 0.5%;
}

.newsletter .gfield_label {
	display: none;
}

#gform_submit_button_2 {
	color: #1E1A34;
	background-color: white;
	margin-top: 7%;
}

.newsletter input[type="email"] {
	background-color: #353149;
	padding: 5%;
	font-family: Lexend, sans-serif;

}

.newsletter input[type="email"]::placeholder {
	color: white;
	font-family: Lexend, sans-serif;
}

.newsletter {
	width: 100%;
}

#gform_confirmation_message_2 {
	color: white;
	font-family: Epilogue, sans-serif;
	margin-top: 2%;
}

input::placeholder {
	color: white;
	font-family: Epilogue, sans-serif;
}

.videoContainer iframe {
	width:100% !important;
	max-width:100% !important;
	text-align:center;
}
.videoContainer {
	margin-right:0;
}


























@media only screen and (min-width: 600px) {
	.div-block-9 {
		flex-wrap: wrap !important;
		-webkit-justify-content: unset !important;
		justify-content: unset !important;
		padding-left: 0;
		margin-left: 10%;
		margin-top: 5%;
	}
	.div-block-10 {
		margin-left: 0;
		justify-content: flex-start;
	}

	.footer1 {
		margin-right: 14%;
	}

	.newsBlock {
		width: 100% !important;
		justify-content: flex-start;
		margin-left: 0;
	}
	.newsletter {
		width: 100% !important;
	}
	.newsletter .gform_wrapper {
		width: 100% !important;
	}

	.newsletter div {
		width: 100% !important;
	}

	#gform_submit_button_2 {
		margin-top: 0;
		margin-left: 5%;
	}

	.newsletter input[type="email"] {
		padding: 3%;
		height: 100%;
	}

	.newsletter form {
		display: flex;
	}

	.newsletter .gform_body div {
		/* height: 100% !important; */
	}

	




    .homeBanner {
    	width: auto;
    	height: auto;
    }

    .homeBanner img:not(.sideFold) {
    	width: 100%;
    }

    .homeBanner video, .homeBanner img {
    	height: 95vh;
		object-fit: cover;

    }

    body > div {
		z-index: 2;
		position: relative;
	}

	.calculator form {
		padding-top: 8%;
	}

	#lidd_mc_payment_period,.paymentPeriod {
		right: auto;
		left: 0;
		width: 100% !important;
		display: flex;
		gap: 5px;
		z-index: 2;
	}



	.calculator input[type="text"] {
		padding: 7%;
	}

	.calculator form > .lidd_mc_input_responsive {
		margin-right: 2%;
	}

	.servicesStack {
		width: 100%;
		padding-bottom: 5%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin-left: 0;
	}

	.service-block {
		width: 50%;
	}

	.services-container {
		padding-bottom: 5%;

	}

	



	.services {
	    position: relative;
	    z-index: 0;
	}

	#fixedText {
		position: fixed;
		top: 25%;
		bottom: 25%;
		left: 10%;
		z-index: 1;
		width: 40%;
	}

	.homepage-landing  {
		background-color: #1e1a34;
		overflow: hidden;
	}



	.process-container {
		display: flex;
		flex-wrap: wrap;
	}

	.div-block-16 {
		max-width:calc(50% - 60px);
	}

	.process-block {
		width: 100%;
		max-width: calc(50% - 60px);
	}

	.videoContainer {
		margin-right: 60px;
		justify-self:flex-end;
	}

	.faqs-container {
		display: flex;
	}

	.legalBody p {
	width: 65%;
}


#lidd_mc_submit {
	background-color: #1E1A34;
	color: white;
    padding: 10px 40px;
    border-radius: 20px;
    border: none;
    left: 0;
    margin-top: 12%;
    bottom: 9%;
}

.homepage-landing {
	padding-bottom: 10%;
}

.gapDiv {
	padding: 3%;
	background-color: #1e1a34;
}

.disclaimer {
	padding-top: 10%;
}

.getStarted input[type="text"], textarea {
	padding: 2%;
}

.getStarted .gfield {
	width: 30%;
}

.getStarted .gform_fields {
	display: flex;
	gap: 2vw;
	flex-wrap: wrap;
	margin-bottom: 5%;
}

.radioPage3 {
	margin-left: 2vw;
}

#gform_page_1_3 .ginput_container_text {
	padding-bottom: 1.5vw;
}

#gform_page_1_3 .gform_fields {
	gap: 0;
}

#field_1_9 {
	margin-top: -0.3vw;
}

.services {
	margin-top: 0;
}

.swiper {
	position: relaitve;
}

.swiper-slide p {
	width: 70%;
	padding-left: 4%;
}

.swiper-wrapper {
	padding-bottom: 5%;
}

.swiper-pagination {
	width: 5%;
	gap: 10px;
	margin-top: 2%;
	padding-left: 4%;

}

.swiper-pagination-bullet {
	padding: 0.6%;
	background-color: white !important;
}

.testimonials-container {
	position: relative;
}

.quoteMark {
	margin-left: 0;
	display: flex;
    justify-content: end;
}

#gform_page_1_3 .gfield {
	width: 100%;
}

#gform_page_1_3 input {
	margin-bottom: 0;
}

#gform_page_1_3 .ginput_container {
	width: 30%;
}

.radioPage3, .textPage3 {
	width: 30% !important;
}

.radioPage3 .ginput_container, .textPage3 .ginput_container {
	width: 100% !important;
}


.contact-form {
	height: auto;
}

.gfield_label {
	font-weight: bold;
}

.gfield_html {
	width: 100% !important;
}

.calculator-form {
	height: auto;
	padding-bottom: 5%;

}

#calcResult {
	margin-top: 2%;
}

.sideFold {
	margin-left: -25%;
}

.legal-header,.our-approach {
	position: realtive;
	z-index: 55;
}

.intro---paragraph a {
		color:#40C1AC !important;
	}


.div-fold-down img, .div-fold-down-white img {
    margin-top: -10%;
}


.sideFold {
	margin-left: -25%;
}

.sd1 {
	position: absolute !important;
    height: 20%;
    bottom: 15%;
    top: auto;
    font-size: 1vw !important;
}

.otherFold {
	width: 16%;
}

.container-approach .service-buttons {
	padding-bottom: 0%;
}

.topSection1 {
	width: 30%;
	margin-top: 0;
}

.topSection1 h2 {
	font-size: 3.4vw;
	line-height: 1 !important;
}

.topSection1 .subT {
	font-size: 1.6vw;
	line-height: 1 !important;

}

.service-block {
	width: 40%;
}

.approach-blocks,.individual-profile {
	width: 31%;
}

.individual-profile {
	margin-bottom: 2%;
}

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

.meet-the-team {
	height: auto;
	padding-bottom: 5%;
}

.calculator-form .div-block-8 {
	width: 50%;
	max-width: 50%;
}

.testimonials-container, .swiper-wrapper, .about-section {
	height: auto !important;
}

.footer-container, .div-block-12 {
	background-color: #1e1a34;
}

.footer-container {
	max-width: 100%;
}

.footer-container .div-block-13 {
	margin-right: 0 !important;
}

.div-block-12 {
	margin-left: 0;
	padding-left: 80px;
}

.div-block-11 {
	padding-left: 80px;
}

.w-nav-overlay {
	display: block !important;
}



.header {
	z-index: 5000;
	overflow: visible;
}

.homepage-landing, .homepage-container {
	height: auto !important;
}

.about-div-header {
	margin-top: 0;
}

div[class="lidd_mc_input"] {
	width: 36%;
	text-align: center;
    justify-content: flex-start;
}


}

button, input[type="submit"], .button {
	font-family: Lexend, sans-serif;
}

.gform_required_legend {
	display: none;
}

.ginput_recaptchav3 {
	display:none !important;
}









@media only screen and (max-width: 600px) {
	.buttonDiv {
		height: 30vh !important;
	}

	.individual-profile {
		margin-bottom: 10%;
	}
	.image-video-block video, .image-video-block img {
		height: 30vh;
	}

	.radioPage3 {
		padding-bottom: 5%;
		order: 1000;
	}

	#gform_fields_1_3 {
		display: flex;
		flex-direction: column;
	}
	.accordian-text {
		white-space: break-spaces;
	}

	.accordian-toggle {
		width: 100%;
	}

	.testimonials-container {
		height: auto;
	}

	.calculator form {
		padding-top: 22%;
	}

	.topSection1 h2 {
		font-size: 2.5em;
		margin-top: 20%;
	}

	.topSection1 .subT {
		font-size: 1.3em;
	}

}

@media only screen and (max-width: 1173px) {
	.header .image {
		margin-left: 0;
	}
}


@media only screen and (max-width: 991px) {
.nav-menu {
	top: 64px !important;
	width: 100%;
	position: fixed;
}
}









@media only screen and (min-height: 970px) {
@media only screen and (max-width: 1024px) {
	.homeBanner video, .homeBanner img,.sideFold {
		height: 50vh;
	}
	.service-block {
		width: 45%;
	}
	.servicesStack {
		margin-left: 0;
	}
	#fixedText {
		width: 45%;
	}
	.approach-blocks,.individual-profile {
		width: 45%;
	}
	.approach-3 {
		display: flex;
	}
	.div-block-9 {
		padding-left: 80px !important;
	}
	.container-4 {
		padding-bottom: 5%;
	}

}
}



@media only screen and (max-width: 1100px) {
.service-header-container {
	padding-top: 10%;
}

}


@media only screen and (min-width: 768px) {

.div-block-12 div,.footer-container div {
    width: 40%;
}

.div-block-14 {
	margin-left: 0;
}

.div-block-13 {
    margin-right: 10%;
}

}