/* 01. Global */
/* 02. Footer */
/* 03. Navigation */
/* 04. Homepage
    04A. Homepage - Blocks
    04B. Homepage - Services
    04C. Homepage - Banner
    04D. Homepage - Latest Posts
    04E. Homepage - About Us
    04F. Homepage - Signup form */
/* 05. Posts
	05A. Posts - Banners
	05B. Posts - Grid Image arrow clip */
/* 06. Get a Quote - Happy Form */
/* 07. Page: About Us */
/* 08. Page: Testimonials */
/* 09. Calls to Action */
/* 10. Page: Contact Us */

/* 01. Global */

body {
	font-size: 18px;
}

/* Colours */
:root {
	--black: #000000;
	--white: #ffffff;
	--green: #28bb01;
/* 	--lightgrey: #d6d6d6; */
	--lightgrey: #f1f3f2;
	--darkgrey: #222;
	--textgrey: #8a8a8a;
}

/* Fixes x-scroll issue */
/* .uk-container {
	max-width: calc(100% - 25px);
	padding: 0 15px 0px 38px;
	margin: 0 auto;
} */

.uk-article .uk-container {
	padding: unset;
	max-width: unset;
}

.uk-article {
	line-height: 2em;
}

.uk-article-title,
.uk-article > img:first-child {
	display: none;
}

.al-grid .uk-overlay-fade {
    opacity: 1 !important;
}

h1, h2, h3, h4,
.uk-h1, .uk-h2, .uk-h3, .uk-h4,
.uk-panel-title {
	color: var(--black);
}

p {
	line-height: 2em;
}

a {
	color: var(--green);
}

a:hover {
	color: var(--black);
}

.primary-underline {
	color: var(--black);
	overflow: hidden;
	border-bottom: 2px solid var(--green);
	font-weight: 800;
	transition: all 0.2s linear;
}

.primary-underline:hover {
	text-decoration: none;
	border-bottom-color: var(--black);
}

.uk-button {
	color: var(--white) !important;
	background-color: var(--green) !important;
	font-size: 1.1em;
	line-height: 2.2;
	border-radius: 22px;
	border-color: var(--green);
}

.uk-button.white,
.button.white span {
	color: var(--black) !important;
	background-color: var(--white) !important;
	border-color: var(--white);
}

.uk-button.green,
.button.green span {
	background: var(--green) !important;
	color: var(--white) !important;
	border-color: var(--green);
}

.uk-button.green.outline,
.button.green.outline span {
	background: var(--white) !important;
	color: var(--green) !important;
	border-color: var(--green);
}

.uk-button:hover {
	color: var(--green) !important;
	background: var(--white) !important;
	border-color: var(--green);
	box-shadow: unset;
}

.uk-button.green.outline:hover,
.button.green.outline:hover span {
	background: var(--white) !important;
	color: var(--black) !important;
	border-color: var(--black);
}

h3,
.uk-h3,
h3.uk-panel-title,
.uk-h3.uk-panel-title {
	font-size: 1.3em;
	line-height: 1.8em;
}


/* 02. Footer */

.tm-bottom-a, .bottom-a {
	background: var(--lightgrey) !important;
}

.tm-bottom-a .uk-row-first {
	max-width: calc(100% - 25px);
    padding-top: 60px;
    padding-bottom: 60px;
}

/* body.home .tm-bottom-a .uk-row-first {
	max-width: 100%;
    padding: 0px;
    margin: 0 auto;
} */

.footer-top, .footer-top a {
	color: var(--white);
}

body:not(.home) .tm-footer-top > div {
	width: auto;
}

body:not(.home) .tm-footer-top:before {
	content: unset !important;
}

body:not(.home) .tm-footer-top,
body.home .tm-footer-top .uk-width-1-1 {
	display: grid !important;
	grid-template-columns: 2fr 1fr 1fr;
	grid-column-gap: 20px;
	background: var(--green);
}

.footer-top h3 {
	white-space: nowrap;
	color: var(--white);
	font-family: inherit;
}

.footer-top a {
	color: var(--white) !important;
}

.footer-top p {
	white-space: wrap;
	hyphens: auto;
}

.footer-top ul {
	margin: 0 !important;
	padding: 0 !important;
}

.footer-top li {
	color: var(--white);
}

.footer-top li a {
	padding-left: 0 !important;
}

@media screen and (max-width: 1080px) {
	body:not(home) .tm-footer-top,
	body.home .tm-footer-top .uk-width-1-1 {
		grid-template-columns: 2fr, repeat(2, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 830px) {
	body:not(home) .tm-footer-top,
	body.home .tm-footer-top .uk-width-1-1  {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
}

.tm-footer-top i {
	margin-right: 10px;
}

.tm-block-primary {
	background: var(--green) !important;
	font-size: 0.9em;
	color: rgba(0,0,0,0.5) !important;
	padding: 0px 30px 30px 30px !important;
}

.tm-footer .uk-panel {
	font-size: 0.9em;
}

.tm-footer .uk-panel a,
.tm-footer a:hover {
	color: var(--white) !important;
}

.built-by-bwar {
	height: 34px !important;
	width: auto;
	margin-bottom: 6px;
	transition: all 0.3s linear;
}

.built-by-bwar:hover {
	transform: rotateY(360deg);
}

.footer-top {
/* 	padding: 0px !important; */
/* 	margin: 0px !important; */
	background: var(--green);
}

/* .footer-top .uk-container {
	padding: 0 !important;
} */

/* Footer CTA */
.bottom-c {
	background-color: var(--black);
	background-image: url('/wp-content/uploads/Hero-Image.webp');
	background-size: cover;
	background-attachment: fixed;
}

.global-cta .uk-row-first {
	padding: 40px 40px !important;
}

.bottom-c > .uk-container:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 0;
}

.bottom-c * {
	color: var(--white);
}

/* 03. Navigation */
.tm-navbar > .uk-container:before,
.tm-navbar > .uk-container:after {
	display: none;
}

.tm-navbar > .uk-container {
	display: flex;
    align-items: center;
	justify-content: space-between;
}

.tm-navbar > .uk-container > .tm-logo {
	position: relative;
	transform: unset;
	top: unset;
}

.tm-navbar > .uk-container > .uk-navbar-flip {
	float: unset;
}

.uk-navbar {
	background-color: var(--white) !important;
}

.uk-navbar-nav > li > a {
	display: inline;
	padding: 16px 12px;
	white-space: nowrap;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
	color: var(--black) !important;
	font-weight: bold;
}

.uk-navbar-nav > li.uk-active > a {
	font-weight: bold;
	color: var(--green) !important;
	text-decoration: underline;
}

.uk-dropdown {
	background-color: var(--green) !important;
	border: 2px solid var(--white);
	border-radius: 8px;
}

.uk-nav-navbar .uk-nav-header {
	color: var(--black) !important;
}

.uk-navbar-nav.uk-hidden-small li:nth-child(2) .uk-parent > a,
.uk-navbar-nav.uk-hidden-small li:nth-child(2) .uk-parent-clone {
	padding: 15px 15px;
	margin: 0px;
	border-bottom: 1px solid var(--white);
}

.uk-navbar-nav.uk-hidden-small li:nth-child(2) .uk-parent > a:hover,
.uk-navbar-nav.uk-hidden-small li:nth-child(2) .uk-parent-clone:hover {
	border-bottom: 1px solid var(--black);
}

.uk-navbar-nav.uk-hidden-small li:nth-child(2) .uk-parent > a:hover,
.uk-navbar-nav.uk-hidden-small li:nth-child(2) .uk-nav-sub,
.uk-nav-navbar > li > a:hover {
	color: var(--black);
	background: transparent;
	text-decoration: underline;
}

.uk-nav-navbar > li > a:focus {
    background: transparent;
}

.uk-navbar-nav > li > a {
/* 	padding: 0 12px; */
	color: var(--textgrey);
	font-weight: bold;
}

/* Off-canvas media queries */

@media (max-width: 767px) {
	.bwar-home-link span {
		display: block;
	}
	.bwar-home-link i {
		display: none;
	}
	.uk-navbar-toggle.uk-visible-small:after {
		color: var(--black);
		font-size: 32px;
	}
	.uk-navbar-toggle.uk-visible-small:after:hover {
		color: var(--green);
	}
	.uk-offcanvas-bar {
		background: var(--white);
	}
	.uk-nav-offcanvas li a,
	.uk-nav-offcanvas > li.uk-parent > a,
	.uk-nav-offcanvas > .uk-nav-header {
		color: var(--black) !important;
		text-transform: uppercase;
		font-weight: bold;
	}
	.uk-nav-offcanvas li a:hover,
	.uk-nav-offcanvas > li.uk-parent > a:hover,
	.uk-nav-offcanvas > .uk-nav-header:hover {
		color: var(--green) !important;
	}
	.uk-nav-offcanvas > li > a,
	.uk-nav-offcanvas > li.uk-parent > a {
		padding: 0px;
		margin: 10px 15px;
	}
	.uk-nav-offcanvas > li > a.uk-parent-clone,
	.uk-nav-offcanvas > li.uk-parent > a {
		border-bottom: 1px solid var(--black);
	}
	.uk-nav.uk-nav-offcanvas > li.uk-active > a,
	.uk-nav.uk-nav-offcanvas > li a:hover {
		background: transparent !important;
		color: var(--green) !important;
	}
	.uk-nav-offcanvas > li > a.uk-parent-clone:hover,
	.uk-nav-offcanvas > li.uk-parent > a:hover {
		color: var(--green);
		border-bottom: 1px solid var(--green);
	}
	.uk-nav-offcanvas .uk-nav-sub *,
	.uk-nav-offcanvas > .uk-parent > .uk-nav-sub,
	.uk-nav-offcanvas > .uk-parent > div > .uk-nav-sub {
		text-transform: capitalize;
		background: var(--white) !important;
	}
}

/* Footer Navs */
.uk-nav-side > li > a {
	color: var(--white);
}
.uk-nav-side > li.uk-active > a {
	color: var(--white);
	font-weight: bolder;
	text-decoration: underline;
	background: transparent;
}

.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
	color: rgba(255,255,255,0.9);
	text-decoration: underline;
	background: transparent;
}

/* Logo / Sitename / Tagline */
.bwar_header_sitename,
.bwar_header_tagline {
	display: block;
}

a .bwar_header_sitename {
	color: var(--green) !important;
	font-weight: bold;
}

.bwar_header_tagline {
	color: var(--textgrey) !important;
	font-size: 0.7em;
	height: auto;
	transform: all 0.2s linear;
}

header a:hover {
	text-decoration: none;
}

/* Get a Quote */
@media (min-width: 768px) {
	.get-a-quote {
		background: var(--green);
		color: #fff !important;
		border-radius: 6px;
		transition: all 0.2s ease-in-out;
		margin-left: 12px;
	}
	.get-a-quote:after {
		font-family: "FontAwesome";
		font-display: swap;
		content: "\f1ec";
		padding-left: 6px;
	}
}

/* 04. Homepage */
/* 04A. Homepage - Blocks */
.home .top-b {
	background: var(--lightgrey);
}

.home .tm-top-c {
	flex-direction: column;
	flex-wrap: nowrap;
}

.home .tm-top-c > div {
	float: unset;
	width: unset;
}

.home .tm-top-c > div > .widget_custom_html:last-child,
.home .tm-top-c > div > .widget_custom_html:last-child a {
	background: var(--white);
/* 	color: var(--green) !important; */
	text-align: center;
}

.home .tm-top-c > div:first-child > .widget_custom_html,
.home .tm-top-c > div > .widget_custom_html a {
	background: var(--green);
	color: var(--white) !important;
	text-align: center;
}

/* 04B. Services*/
@media screen and (min-width: 767px) {
	.al-home-services .uk-flex-middle .uk-width-medium-1-2 {
		padding: 0;
	}
	.al-home-services > div:first-child > .uk-grid > div:last-child {
		width: calc(50% - 20px);
		margin: 0 0px 20px 0px;
	}
	.al-home-services > div:last-child > .uk-grid > div:last-child {
		width: calc(50% - 20px);
		margin: 0 20px 0px 0px;
	}
}

.al-home-services .uk-flex-middle,
.al-home-services .uk-flex-middle a {
	align-items: stretch;
	color: var(--white) !important;
}

.al-home-services .uk-flex-middle .uk-width-medium-1-2:last-child {
	display: flex;
	align-items: center;
	background: var(--green);
}

@media screen and (max-width: 767px) {
	.al-home-services .uk-flex-middle .uk-width-medium-1-2:last-child {
		display: block;
		margin-top: 0 !important;
		background-color: transparent;
	}
	.al-home-services .uk-flex-middle .uk-width-medium-1-2:last-child > .uk-panel {
	    background: var(--green);
	}
}

.al-home-services img {
	object-fit: cover;
    width: 100%;
    height: 60vh;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

/* 04C. Homepage - Banner */
.bwar-homepage-parallax {
    background-image: url('/wp-content/uploads/Hero-Image.webp');
    background-size: cover;
    background-position: center !important;
    background-attachment: fixed;
    color: #fff;
    text-align: left !important;
    font-weight: bold;
    justify-content: flex-start;
	height: auto !important;
	border-bottom: 30px solid var(--green);
	overflow-x: hidden;
}

.bwar-homepage-parallax .uk-flex {
    display: flex;
    justify-content: stretch !important;
}

.bwar-homepage-parallax .uk-panel {
	width: 980px;
	max-width: 100%;
    margin: 0 auto;
	padding: 0 25px;
}

@media (min-width: 1220px) {
	.bwar-homepage-parallax .uk-panel {
		width: 100%;
		max-width: 1200px;
		padding: 0 35px;
	}
}

/* Banner content */

.banner-alpha {
	min-height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-alpha .banner-content {
	padding: 15vh 0 10vh 0;
}

.banner-alpha .banner-content .uk-h1 {
	color: #fff !important;
	font-weight: bold !important;
	line-height: 1.3em;
}

.banner-alpha .banner-content .text {
	line-height: 1.7em !important;
}

@media screen and (min-width: 1120px) {
	.banner-alpha .banner-content {
		max-width: 60vw;
	}
}

.banner-bar {
    display: flex;
    justify-content: space-between;
	align-items: center;
}

.banner-bar .banner-contacts span {
	display: block;
}

.banner-bar .banner-contacts a {
	color: var(--white);
}

.banner-bar .banner-contacts .phone {
	font-size: 2.36em;
	padding-bottom: 10px;
}

.banner-icons {
	position: relative;
	padding: 20px;
    background: var(--white);
	color: var(--green);
	display: flex;
    align-items: flex-start;
}

.banner-icons:before {
  z-index: 0;
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  height: 100%;
  width: 100vw;
  background-color: var(--white);
  -webkit-transform: skewX(-16deg);
  -moz-transform: skewX(-16deg);
  -ms-transform: skewX(-16deg);
  transform: skewX(-16deg);
}

.banner-icons:after {
  z-index: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100vw;
  background-color: var(--white);
}

@media (max-width: 767px) {
	.banner-icons {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.banner-icons:before,
	.banner-icons:after {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.banner-alpha .banner-content .uk-h1 {
		font-size: 1.6em;
	}
	.banner-alpha .banner-content a.uk-button {
		display: block;
		margin: 16px 0;
	}
}

.banner-icons > span {
	z-index: 1;
	position: relative;
	font-size: 2.4em;
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	transition: all 0.2s linear;
}

.banner-icons > span:hover {
	color: var(--black)
}

.banner-icons > span > .text {
	display: block;
	font-size: 0.26em;
	text-align: center;
	white-space: wrap;
}

@media screen and (max-width: 1280px) {
	.banner-bar {
		flex-direction: column;
		align-items: stretch;
	}
	.banner-contacts {
		display: none;
	}
	.banner-icons {
		justify-content: space-between;
	}
	.banner-icons:before {
		right: 0%;
		left: unset;
	}
}

.home .top-a .uk-grid .uk-button {
	border-color: var(--white);
}

/* 04D. Homepage - Latest Posts */
.latest-posts-container {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
    flex-wrap: wrap;
	margin-bottom: 60px;
}

@media screen and (max-width: 980px) {
	.latest-posts-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		flex-wrap: wrap;
		margin-bottom: 60px;
		padding: 20px;
	}
}

.latest-posts-container .latest-post {
	margin: 20px;
    box-sizing: border-box;
	position: relative;
	background: var(--green);
}

.latest-posts-container h3 {
	color: var(--white) !important;
	padding: 10px;
}

.latest-posts-container .latest-post a {
	position: relative;
	background: none !important;
}

.latest-posts-container .post-title {
	background: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
	opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
}

.latest-posts-container .latest-post:hover .post-title {
	opacity: 1;
}

.latest-posts-container .latest-post img {
	height: 100%;
    width: auto;
    min-width: 100%;
    min-height: 30vh;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
}

.latest-posts-container .latest-post:hover img {
	opacity: 0.1;
}

/* 04E. Homepage - About Us */
.al-home-about .title-box {
	position: absolute;
    left: -112%;
    top: -40px;
    width: 250px;
    background: var(--green);
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 20px;
}

.al-home-about .title-box.alternate {
	left: unset;
    right: -112%;
	z-index: 1;
}

.al-home-about .title-box .uk-h5 {
	color: rgba(255,255,255,0.8);
}

@media screen and (max-width: 1200px) {
	.al-home-about .title-box,
	.al-home-about .title-box.alternate {
		position: relative;
		display: block;
		top: unset;
		left: unset;
		right: unset;
		width: unset;
		padding: unset;
		background: transparent;
		color: var(--green);
	}
	.al-home-about .title-box .uk-h5 {
		color: rgba(0,0,0,0.4);
	}
	.al-home-about .uk-grid .uk-width-medium-1-2 .uk-overlay {
		box-shadow: -8px 8px 0px rgba(0,0,0,0.1);
	}
}

/* 04F. Newsletter signup form */
.home .tm-top-c .happyforms-flex {
    flex-flow: nowrap !important;
    justify-content: center;
    align-items: center;
}

.home .tm-top-c .happyforms-form__part {
    width: unset;
    margin-bottom: 0;
}

.home .tm-top-c .happyforms-part__label .label {
    font-size: 14px !important;
    padding-bottom: 30px !important;
}

.home .happyforms-part--submit {
	padding-top: 0;
}

/* 05. Posts */
/* 05A. Posts - Banners */
.al-page-banners {
	min-height: 50vh;
	display: flex;
	align-items: center;
	background-size: cover;
	background-color: var(--green);
	background-position: center 20%;
}

.al-page-banners:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.1), rgba(255,255,255,0));
    z-index: 0;
}

.al-page-banners .uk-row-first {
/* 	max-width: calc(100% - 25px);
    padding: 0 15px 0px 72px;
    margin: 0 auto; */
	z-index: 1;
}

.al-page-banners h1 {
	margin-bottom: 0;
	color: var(--white);
	text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

/* 05B. Posts - Grid Image Arrow clip */
.al-grid > div:nth-child(odd) {
	margin-top: 60px;
	margin-bottom: 60px;
}

.al-grid > div:nth-child(odd) img {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.al-grid > div:nth-child(even) img {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

@media screen and (max-width: 768px) {
	.al-grid > div img {
		clip-path: polygon(100% 85%, 65% 85%, 50% 100%, 35% 85%, 0% 85%, 0 0, 100% 0) !important;
		max-width: 100%;
	}
}

/* Alternative direction - add .alt to WidgetKit class */
.al-grid.alt > div:nth-child(even) img {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.al-grid.alt > div:nth-child(odd) img {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}

/* 06. Get a Quote - Happy Form */
.page-id-3775 .happyforms-part--choice .happyforms-part-wrap .happyforms-part__el {
    flex-direction: row !important;
    justify-content: center;
}
.page-id-3775 .happyforms-part__label {
	display: block !important;
}
.page-id-3775 .happyforms-styles .happyforms-part__label .label {
	display: block;
	text-align: center;
    font-size: 1.8em !important;
    padding-bottom: 30px !important;
}
.page-id-3775 .happyforms-part-option .option-label {
	flex-direction: column;
}
.page-id-3775 .happyforms-step label:not(.happyforms-part__label):before,
.page-id-3775 .happyforms-part--select label.happyforms-part__label:before {
	content: "";
    display: block;
    background: #000;
	background-size: contain;
    height: 150px;
	width: 150px;
	margin: 0px auto 20px auto;
}

/* Target Option fields */
/* Stairlifts Curved */		#radio_1_option_1 label:before {background-image: url('/wp-content/uploads/stairlifts-curved.png');}
/* Stairlifts Straight */	#radio_1_option_2 label:before {background-image: url('/wp-content/uploads/stairlifts-straight.png');}
/* Stairlifts Unknown */	#radio_1_option_3 label:before {background-image: url('/wp-content/uploads/stairlifts-unknown.png');}
/* Target Select dropdowns */
/* How Many Steps? */		#happyforms-3832_select_4-part label:before {background-image: url('/wp-content/uploads/stairlifts-number.png');}
/* How Many Bends? */		#happyforms-3832_select_5-part label:before {background-image: url('/wp-content/uploads/stairlifts-curved.png');}
/* How Many Bends? */		#happyforms-3832_select_5-part label:before {background-image: url('/wp-content/uploads/stairlifts-curved.png');}
/* Soon */
#radio_9_option_1 label:before {background-image: url('/wp-content/uploads/stairlifts-install-soon.png');}
/* Later */
#radio_9_option_2 label:before {background-image: url('/wp-content/uploads/stairlifts-install-later.png');}
/* Unsure */
#radio_9_option_3 label:before {background-image: url('/wp-content/uploads/stairlifts-install-unsure.png');}
/* New */
#radio_12_option_1 label:before {background-image: url('/wp-content/uploads/stairlifts-new.png');}
/* Reconditioned */
#radio_12_option_2 label:before {background-image: url('/wp-content/uploads/stairlifts-reconditioned.png');}
/* Not Sure */
#radio_12_option_3 label:before {background-image: url('/wp-content/uploads/stairlifts-condition-not-sure.png');}
/* General styles (columns) */
.page-id-3775 .happyforms-styles .happyforms-part .label,
.page-id-3775 .happyforms-styles .happyforms-part .option-label .label {
	font-weight: bold !important;
	font-size: 1em !important;
	margin-top: 10px;
}
/* Select 2 columns */
@media screen and (min-width: 769px) {
	.page-id-3775 .happyforms-flex > div:nth-child(3) { display: grid; grid-template-columns: 0fr 1fr 1fr; }
}

.page-id-3775 .happyforms-part--submit {
    justify-content: center;
}

/* 07. About Us page */
/* Video*/
#about_video {
	width: 100%;
	height: 360px;
	border-radius: 10px;
}

/* 08. Testimonials */
.uk-accordion-title {
	background: var(--lightgrey);
}

.uk-accordion-title:before,
.uk-accordion-title:after {
    font-family: "FontAwesome";
	font-display: swap;
    padding-right: 12px;
}

.uk-accordion-title:before {
    content: "\2b";
}

.uk-accordion-title.uk-active:before {
    content: "\f068";
}

.uk-accordion blockquote {
    font-style: normal;
    border-left-color: var(--lightgrey);
}

/* 09. Calls to Action */
.tm-sidebar-a .uk-panel.widget_custom_html {
    position: sticky;
    top: 20vh;
}

.sidebar-cta {
	border: 1px solid var(--lightgrey);
	padding: 0;
	border-radius: 12px;
	font-size: 0.8em;
}

@media screen and (max-width: 768px) {
	.sidebar-cta {
		display: none;
	}
}

.sidebar-cta img {
	border-radius: 12px 12px 0px 0px;
}

.sidebar-cta h2,
.sidebar-cta p {
	padding-left: 16px;
	padding-right: 16px;
}

.sidebar-cta h2 {
	margin: 10px 0 0 0;
}

.sidebar-cta p {
	margin: 10px 0 20px 0;
}

.sidebar-cta .uk-button {
	padding: 4px 8px !important;
	line-height: unset;
	font-size: 1em;
/* 	line-height: 1.4; */
	border-radius: 18px;
	border-color: var(--green);
}

/* 10. Page: Contact Us */
/* 14. Contact Us */
.bwar-block {
	display: block !important;
}

.al-contact-form-map {
	border: 1px solid var(--lightgrey);
}
@media screen and (max-width: 850px) {
	.al-contact-form-map {
		margin: 20px;
	}
}
.al-contact-form-map .uk-panel {
	background: transparent;
}

.al-contact-form-map > div:first-child {
	background: var(--grey);
}
.al-contact-form-map > div:last-child .uk-panel {
	background: var(--lightgrey);
	padding: 0;
}
.al-contact-form-map > div:last-child .uk-panel #bwar_address {
	padding: 30px;
}
.al-contact-form-map > div:last-child .uk-panel * {
	color: var(--black);
}
.al-contact-form-map > div:last-child .uk-panel a {
	color: var(--blue);
}