/* 
 Theme Name:     MAK Care and Disability Services
 Author:         Marketing Together
 Author URI:     https://www.marketingtogether.com.au
 Template:       Divi
 Version:        1.0 
*/

/* 1.0  Base
-------------------------------------------------- */

:root {
	--mak-font-sans: 'Plus Jakarta Sans', sans-serif;
	--mak-font-serif: 'Lustria', serif;
	--mak-primary-dark: #1F164D;
	--mak-primary-light: #983D79;
	--mak-secondary-light: #EDD8E5;
}

body {
	font-family: var(--mak-font-sans);
}

blockquote {
	font-family: var(--mak-font-serif);
}

header {
	z-index: 2;
	position: relative;
}
header > .et_builder_inner_content,
#mak-header-section > .et_pb_row,
#mak-header-section > .et_pb_row > .et_pb_column > .et_pb_module,
#mak-header-section > .et_pb_row > .et_pb_column > .et_pb_module > .et_pb_menu_inner_container {
	position: static;
}
#mak-header-section > .et_pb_row > .et_pb_column > .et_pb_module > .et_pb_menu_inner_container .et_mobile_menu {
	position: absolute;
}
#mak-header-section > .et_pb_row > .phone-col {
	width: auto;
}
#mak-header-section > .et_pb_row > .menu-col {
	width: auto;
    margin: 0;
    margin-left: auto;
    align-self: flex-end;
    margin-bottom: 42px;
    margin-right: 45px;	
}

#homepage-image > .et_pb_image_wrap,
#homepage-image > .et_pb_image_wrap img {
	max-height: 100vh;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* -----------------------------------------------------------------------------------------------------HEADER AREA CSS */
#mak-blurb-row::after {
	display: none;
}
#mak-blurb-row .mak-blurb-column.et_pb_column { /* extra selectors to beat specificity */
	width: 467px;
	max-width: 100%;
	margin: 0; /* reset margin for all */
}
.mak-blurb .et_pb_image_wrap {
	position: relative;
}

.mak-blurb .et_pb_image_wrap::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('images/photoarc.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom;
}

.mak-blurb .et_pb_blurb_container {
	padding-top: 1.47vw;
	margin-left: 6%;
	margin-right: 6%;
}
.mak-blurb .et_pb_blurb_content > .et_pb_main_blurb_image {
	margin-bottom: 0;
}

.mak-check-list *::marker {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #983D79;
}
.mak-check-list li {
	padding-left: 20px;
}
#mak-blurb-row > .mak-blurb-column > .mak-blurb .et_pb_blurb_container > .et_pb_blurb_description {
	padding-top: 36.5px;
}
@media (max-width: 980px) {
	#mak-blurb-row > .mak-blurb-column > .mak-blurb .et_pb_blurb_container > .et_pb_blurb_description {
		padding-top: 17.7px;
	}
}



/* -----------------------------------------------------------------------------------------------------NAVIGATION CSS */
/* -----------------------------------------------------------------------------------------------------HOME PAGE GENERAL CSS */
.mak-home-hero--section {
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	background-position: center top -22vw !important;
}

@media screen and (max-width: 767px) {
	.mak-home-hero--section {
		align-items: space-between;
		align-content: space-between;
	}
}

.mak-home-hero--section::before {
	content: '';
	background-image: url('/wpv1/wp-content/uploads/2022/06/mak-home-hero__mask.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;
	z-index: 1;
	position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
}

.mak-home-hero--section::after {
	content: '';
	background-image: url('https://mak.mt-sandbox.com/wpv1/wp-content/uploads/2022/06/mak-left-shapes.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	mix-blend-mode: multiply;
}

@media screen and (max-width: 980px) {
	.mak-home-hero--section {
		background-position: center top -45vw !important;
	}
	
	.mak-home-hero--section::before {
		background-image: url('https://mak.mt-sandbox.com/wpv1/wp-content/uploads/2022/06/mak-home-hero__mask-mobile.svg');
		top: 50%;
	}
	
	.mak-home-hero--section::after {
		content: '';
		background-image: url('https://mak.mt-sandbox.com/wpv1/wp-content/uploads/2022/06/mak-left-shapes__mobile.svg');
		background-position: left bottom;
		background-size: 50%;
	}
}

@media screen and (max-width: 768px) {
	.mak-home-hero--section::before {
		background-image: url('https://mak.mt-sandbox.com/wpv1/wp-content/uploads/2022/06/mak-home-hero__mask-mobile.svg');
		top: 40%;
	}
}

.mak-home-hero--section .et_pb_column {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
	height: 100%;
}

#our-mission-svg-container > .et_pb_code_inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* -----------------------------------------------------------------------------------------------------FOOTER */
#footer-section {
	--col-gap: 127.5px;
	--list-indent: 36px;
}
#footer-main-row {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	gap: 0 var(--col-gap);
}
#footer-main-row > .et_pb_column { /* targets both columns of footer */
	width: auto; /* constrain with to float to left side of footer */
}
#footer-main-row > .et_pb_column.info {
	margin: 0;
}
#footer-main-row > .info > .location p {
	padding: 0;
	line-height: 21px;
	word-spacing: 2px;
}
#footer-menu-quick-links-column {
	margin: 0;
	margin-top: 15px;
}
#footer-menu-quick-links-element {
	background-color: transparent;
	width: 300px;
}
#footer-menu-quick-links-element > .et_pb_menu_inner_container > .et_pb_menu__wrap > .et_pb_menu__menu {
	flex-grow: 1;
}
#footer-menu-quick-links-element > .et_pb_menu_inner_container > .et_pb_menu__wrap > .et_pb_menu__menu > .et-menu-nav {
	flex-grow: 1;
}
#footer-menu-quick-links-element > .et_pb_menu_inner_container > .et_pb_menu__wrap > .et_pb_menu__menu > .et-menu-nav > .et-menu { /* actual container that contains all the li elements that make the menu */
	flex-flow: column;
	margin: 0;
	flex-grow: 1;
	gap: 20px 0;
}
#footer-menu-quick-links-element > .et_pb_menu_inner_container > .et_pb_menu__wrap > .et_pb_menu__menu > .et-menu-nav > .et-menu > li { /* each specific menu link */
	justify-content: space-between;
	padding: 0;
	margin: 0;
	color: white;
}
#footer-menu-quick-links-element > .et_pb_menu_inner_container > .et_pb_menu__wrap > .et_pb_menu__menu > .et-menu-nav > .et-menu > li::after { /* each specific menu link::after */
	content: '\f061';
	font-family: 'FontAwesome';
	font-size: 25px;
}
#footer-menu-quick-links-element > .et_pb_menu_inner_container > .et_pb_menu__wrap > .et_pb_menu__menu > .et-menu-nav > .et-menu > li > a {
	color: white;
	font-size: 18px;
}

#footer-section > .copyright {
	display: flex;
    justify-content: flex-start;
    gap: 17px var(--col-gap);
    flex-flow: row wrap;
}

#footer-section > .copyright > .mak-copy {
	max-width: calc(331px - var(--list-indent));
	margin: 0;
	color: white;
	font-size: 14px;
}
#footer-section > .copyright > .mktogether {
	width: auto;
}

@media (max-width: 980px) { /* tablet break point */
	#footer-menu-quick-links-column {
		margin-top: 0px;
	}
	#footer-menu-quick-links-element {
		width: auto;
	}
	#footer-menu-quick-links-element .et_pb_menu__menu,
	#footer-menu-quick-links-element .et_pb_menu__menu {
		display: flex;
	}
 
	#footer-menu-quick-links-element .et_mobile_nav_menu {
		display: none;
	}
	#footer-main-row {
		flex-flow: column;
	}
	#footer-main-row > .info > .et_pb_button_module_wrapper > a {
		width: 100%;
		text-align: center;
	}
	#footer-section > .copyright {
		width: 85%;
	}
	#mak-header-section .et_mobile_menu {
		border-top: none;
	}
}
@media (max-width: 767px) { /* mobile break point */
	#footer-section > .copyright {
		width: 90.51%;
	}
}
@media (min-width: 981px) {
	#footer-main-row > .et_pb_column.info > .et_pb_module:not(:first-child) {
		padding-left: 36px;
	}
}

/* overrides of some carousel default styling */
#homepage-carousel.wdcl_logo_carousel_0 .slick-track {
	padding-bottom: 0;
}
#homepage-carousel .wdcl-logo-carousel-item,
#homepage-carousel .wdcl_logo_carousel_child {
	overflow: visible;
}
#homepage-carousel .wdcl-carousel .slick-arrow.slick-disabled {
	opacity: 29%;
}

/* fix menu overlap at specific breakpoints */
#mak-header-section .phone svg.small {
	display: none;
}
@media (min-width: 981px) and (max-width: 1100px) {
	#mak-header-section .phone svg.default {
		display: none;
	}
	#mak-header-section .phone svg.small {
		display: block;
	}
}

.standard-page-header {
	background-image: url(https://mak.mt-sandbox.com/wpv1/wp-content/uploads/2022/06/services-header.svg);
    background-position: top left;
    background-blend-mode: multiply;
    background-size: auto;
}


.image-content-cover .et_pb_image_wrap {
	width: 100% !important;
	height: 100%;
}

.image-content-cover img {
	object-fit: cover;
	width: 100% !important;
	height: 100%;
}

.image-content-center img {
	object-position: center;
}

.header-contact--phone {
	font-size: 1.8rem;
	color: #ffffff;
	display: flex;
}

@media screen and (min-width: 981px) {
	.header-contact {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		flex-direction: column;
	}

	.header-contact--cta {
		background-color: #1c144a;
		color: #ffffff;
		padding: 5px 10px 15px 10px;
		font-weight: 300;
		font-size: 1.2rem;
		border-radius: 5px 5px 0 0;
		width: fit-content;
		margin-bottom: -7.5px;
	}

	.header-contact--phone {
		background-color: #ffffff;
		color: #983d78;
		font-size: 1.4rem;
		font-weight: 600;
		padding: 5px 10px;
		border-radius: 5px;
		display: block;
	}

	.header-contact--phone i {
		margin-right: 5px;
	}
}

.gfield_label,
.gfield label {
	color: #1c144a;
}

.gfield input,
.gfield textarea {
	border-radius: 10px;
	border: none;
	padding: 10px 15px !important;
	outline: 8px solid transparent;
	transition: outline 0.2s ease;
	box-shadow: 0 1px 2px rgba(152,61,120,0.15), 0 5px 15px rgba(152,61,120,0.1);
}

.gfield input:focus,
.gfield textarea:focus {
	outline: 2px solid #983d78;
}

.gform_button {
	background-color: #983d78;
	padding: 10px 25px;
	border-radius: 10px;
	border: none;
	color: #fff;
	font-size: 1.1rem;
	box-shadow: 0 1px 2px rgba(152,61,120,0.35), 0 5px 15px rgba(152,61,120,0.2);
	cursor: pointer;
	transition: all 0.2s ease;
}

.gform_button:hover {
	background-color: #1c144a;
	box-shadow: 0 1px 2px rgba(28,20,74,0.35), 0 5px 15px rgba(28,20,74,0.2);
}