/*
 Theme Name:     Purpose
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    Purpose Theme
 Author:         Akiko Design Ltd
 Author URI:     https://www.akikodesign.com
 Template:       wp-bootstrap-starter
 Version:        1.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');


body {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 18px; color: #d9d8d6; line-height: 1.3; font-weight: 400;}

body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 { padding-bottom: 0;margin-bottom: 20px; color: #96756e; line-height: 1.1;}
body h1, body .h1 {font-size: 70px; font-weight: 700;}
body h2, body .h2 {font-size: 45px; font-weight: 700;}
body h3, body .h3 {font-size: 37px; font-weight: 600;}
body h4, body .h4 {font-size: 24px;font-weight: 600;}
body h5, body .h5 {font-size: 22px;font-weight: 600;}
body h5 span, body .h5 span {font-size: 22px;font-weight: 400;}
body h6, body .h6 {font-size: 20px;font-weight: 600;}

.heavy {font-weight: 700;}
.medium {font-weight: 600;}
.semi-bold {font-weight: 500;}

body p {font-size: 20px;}

body a {color: #fff; text-decoration: none;}
body a:hover {color: #96756e; text-decoration: none;}

.no-bullets {list-style: none;}

p.arrowlink a:after {content: url('/wp-content/uploads/2021/12/grey-arrow.svg');margin-left: 10px; }
p.has-dark-brown-color.arrowlink a:after {content: url('/wp-content/uploads/2021/12/arrow.svg');margin-left: 10px; }
p.has-charcoal-color.arrowlink a:after {content: url('/wp-content/uploads/2021/12/charcoal-arrow.svg');margin-left: 10px; }

.backlink a:before {content: url('/wp-content/uploads/2021/12/arrow-back.svg');margin-right: 10px; }

body .has-grey-color { color: #d9d8d6;}
body .has-light-brown-color {color: #a69b95}
body .has-dark-brown-color {color: #96756e}
body .has-charcoal-color {color:#2b2c2e;}

.has-grey-background-color {background-color:#d9d8d6}
.has-light-brown-background-color {background-color:#a69b95}
.has-dark-brown-background-color {background-color:#96756e}
.has-charcoal-background-color { background-color: #2b2c2e;}

body hr.has-grey-color { border-top-color: #d9d8d6;}
body hr.wp-block-separator {margin-top: 10px; margin-bottom: 10px; border-bottom: none;}

body header#masthead .container.head {max-width: 1374px;}
body .container {max-width: 1240px;}

body #content.site-content { padding-bottom: 0; padding-top: 0;}

body .uagb-columns__inner-wrap {flex-wrap:wrap;}

body .widget { font-size: 100%; }

body .page-content, body .entry-content, body .entry-summary {
    margin: 0;
}

section#primary {width: 100%;}

body .nf-form-fields-required {display: none;}
body .nf-form-content { padding: 0; max-width: 100%; margin: 0 auto; }

/*Buttons*/
body .btn {border-radius: 25px; padding: 8px 15px; font-size: 20px; line-height: initial; border: none;}
body .btn:after {content: url('/wp-content/uploads/2021/12/grey-arrow.svg'); float: right; margin-left: 10px; vertical-align: middle;}

body .wp-block-button .wp-block-button__link {border-radius: 25px; padding: 8px 15px; font-size: 20px;}
body .wp-block-button .wp-block-button__link:after {content: url('/wp-content/uploads/2021/12/charcoal-arrow.svg'); float: right; margin-left: 10px; vertical-align: middle;}
body .wp-block-button .wp-block-button__link:hover {color:#fff;}

/*Header*/
body #masthead {box-shadow: none; background-color: #2b2c2e; padding-top: 30px; padding-bottom: 30px;}
body #masthead .navbar-brand a {display: block;}

body #mega-menu-wrap-primary {margin-top: 16px;}
.mega-menu-toggle {width: 95px; float: right;}
body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {font-weight: 500;}

body #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open::after { background: transparent; }

/*Hero Slider*/
.homesliderwrap .slick-slider .slick-list { opacity: 0; position: absolute; height: 0;}
.homesliderwrap .slick-slider.slick-initialized .slick-list {  height: auto; opacity: 1; position: relative; transition: all 0.2s ease-in; }

.homesliderwrap .slick-arrow {background-color: transparent; border: none; position: absolute; bottom: 0; z-index: 100; padding: 0;}
.homesliderwrap .slick-arrow.slick-prev {right: 58px;}
.homesliderwrap .slick-arrow.slick-next {right: 0;}

.homesliderwrap {position: relative;}
.homeslide {position: relative; padding-top: 80px; padding-bottom: 80px;}
.homeslide figure {margin-bottom: 0;}
.homeslide img {position: absolute; top:0; bottom: 0; left: 0; right: 0; min-width: 100%; min-height: 100%; object-fit:cover;}
.home-slide-content {position: relative; z-index: 2; min-height: 234px;}
.home-slide-content .h1 {}
.home-slide-content p strong {font-size: 22px;}

.home-slide-content .content-inner a.btn { background-color: #96756e; color: #d9d8d6; border-radius: 25px; padding: 8px 15px; font-size: 20px;}
.home-slide-content .content-inner a.btn:hover {color:#2b2c2e;}
.home-slide-content .content-inner a.btn:after {content: url('/wp-content/uploads/2021/12/grey-arrow.svg'); float: right; margin-left: 10px; vertical-align: middle;}
/*.home-slide-content .content-inner a.btn:hover:after {content: url('/wp-content/uploads/2021/12/charcoal-arrow.svg');}*/

.slick-dots { display: flex; justify-content: center; list-style-type: none;width: 100%; position: absolute; bottom: 30px; margin-bottom: 0; padding-left: 0; left: 0; right: 0;}
.slick-dots li { margin: 0 0.25rem; }
.slick-dots li button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: rgba(255, 255, 255, 0.5); text-indent: -9999px;position: relative;}
.slick-dots li.slick-active button { background-color: #fff;}

/*Footer*/
body:not(.theme-preset-active) footer#colophon.has-light-brown-background-color {background-color: #a69b95; color: #2b2c2e; padding: 70px 0 60px; font-size: 100%;}
footer#colophon h3 {color: #2b2c2e}
footer#colophon .nf-form-content .list-select-wrap .nf-field-element > div, footer#colophon .nf-form-content input:not([type="button"]), .nf-form-content textarea {background-color:  #a69b95; border-bottom: 1px solid #2b2c2e; border-top: none; border-left: none; border-right: none;}
footer#colophon .nf-form-content input::-webkit-input-placeholder {color: #d9d8d6; font-size: 25px;}
footer#colophon .nf-form-content input::-moz-placeholder {color: #d9d8d6; font-size: 25px;}
footer#colophon .nf-form-content input:-ms-input-placeholder {color: #d9d8d6; font-size: 25px;}
footer#colophon .nf-form-content input:-moz-placeholder {color: #d9d8d6; font-size: 25px;}
footer#colophon .nf-form-content .submit-wrap .submit {padding: 0; background-color: #a69b95; color: #2b2c2e; border: none; font-weight: 600; font-size: 20px;}
footer#colophon .nf-form-content .submit-wrap .submit:hover {cursor: pointer;}
footer#colophon .nf-form-content .submit-wrap .submit svg {margin-top: -2px;}

footer#colophon ul li:before {content: "|"; margin-right: 10px;}
footer#colophon #bottom-nav ul li:before {color: #96756e;}
footer#colophon ul li:first-child:before {content: ""; margin-right: 0;}

/*Projects*/

.single-project h1 {font-size: 60px;}
.info-list li:first-child {border-top: 1px solid #96756e}
.info-list li {border-bottom: 1px solid #96756e; padding: 10px 0;}

.view-toggle li a span { margin-right: 10px;}
.view-toggle li a#grid:after {content: url('/wp-content/uploads/2021/12/Grid-View.svg'); width: 48px; height: 20px; display: inline-block; vertical-align: bottom;}
.view-toggle li a#list:after {content: url('/wp-content/uploads/2021/12/List-View.svg'); width: 48px; height: 20px; display: inline-block; vertical-align: bottom;}

.list-view .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.all-projects .post-block-inner-list {display: none;}
.listviewwrap h3 {  transition:font-size 0.3s; -moz-transition:font-size 0.3s; -webkit-transition:font-size 0.3s; -o-transition:font-size 0.3s; }
.listviewwrap.active h3 { font-size: 50px; }

/*Community*/
.community-logos img {max-height: 90px; width: auto;}

/*Contact*/

#nf-form-2-cont .nf-form-content .list-select-wrap .nf-field-element > div, #nf-form-2-cont .nf-form-content input:not([type="button"]), #nf-form-2-cont .nf-form-content textarea {background-color:  #2b2c2e; border-bottom: 1px solid #96756e; border-top: none; border-left: none; border-right: none;}
#nf-form-2-cont .nf-form-content input::-webkit-input-placeholder {color: #d9d8d6; font-size: 25px;}
#nf-form-2-cont .nf-form-content input::-moz-placeholder {color: #d9d8d6; font-size: 25px;}
#nf-form-2-cont .nf-form-content input:-ms-input-placeholder {color: #d9d8d6; font-size: 25px;}
#nf-form-2-cont .nf-form-content input:-moz-placeholder {color: #d9d8d6; font-size: 25px;}
#nf-form-2-cont .nf-form-content label {color: #96756e}
#nf-form-2-cont .nf-form-content .submit-wrap .submit {padding: 5px 15px; width: 160px; display: block; background-color: #a69b95; color: #2b2c2e; border: none; font-weight: 600; font-size: 20px; border-radius: 25px;}
#nf-form-2-cont .nf-form-content .submit-wrap .submit:hover {cursor: pointer;}
#nf-form-2-cont .nf-form-content .submit-wrap .submit svg {margin-top: 6px; float: right;}

@media screen and (min-width: 992px) {
	#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-197 a {padding: 0 20px 0px 0;}
	#bottom-nav {margin-bottom: 102px; margin-top: 13px;}
}

@media screen and (max-width: 1199px) {

	body #mega-menu-wrap-primary {float: right;}
}

@media screen and (max-width: 991px) {
	body #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {top: 122px;}

	body h1, body .h1 {font-size: 40px; font-weight: 700;}
	body h2, body .h2 {font-size: 38px; font-weight: 700;}
	body h3, body .h3 {font-size: 34px; font-weight: 600;}
	body h4, body .h4 {font-size: 24px;font-weight: 600;}
	body h5, body .h5 {font-size: 22px;font-weight: 600;}
	body h6, body .h6 {font-size: 20px;font-weight: 600;}

	.view-toggle li a span {display: none;}
}

@media screen and (max-width: 767px) {
	body #masthead {padding-top: 10px; padding-bottom: 10px;}
	body #masthead .navbar-brand a img {max-width: 249px;}
	body #mega-menu-wrap-primary {margin-top: 15px;}
	body #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {top: 80px;}
}

@media screen and (max-width: 666px) {

	body {font-size: 16px;}

	.home-slide-content .content-inner .content br {display: none;}
	.home-slide-content p strong {font-size: 18px;}
	.home-slide-content .content-inner a.btn { font-size: 16px;}

	.single-project h1 {font-size: 40px;}

	body:not(.theme-preset-active) footer#colophon.has-light-brown-background-color {padding: 40px 0 40px;}
	footer#colophon ul li a {font-size: 14px;}
	
	
}