/*
Theme Name: Neighbrly Sites
Theme URI: https://www.neighbrly.sites
Author: Neighbrly
Author URI: https://www.neighbrly.com/
Description: WP theme for Neighbrly
Version: 1.0
*/

@import url("assets/fonts/fonts.css");

:root {
	--color-primary: #FACF06;
	--color-secondary: #67C081;
	--color-gradient-start: #ffffff;
	--color-gradient-stop: #B5FBDA;
}

/* Color */

#content {
	
}

body {
	color: #262C2D;
	font-family: 'Open Sauce Sans', sans-serif;
}

body .bg-charcoal {
	color: #ffffff;
}

a {
	color: #B5FBDA;
}

.bg-charcoal,
.overlay-charcoal {
	background-color: #262C2D;
}
	.bg-charcoal.t75 {
		background-color: #262C2DBF;
	}
	.bg-charcoal.t50 {
		background-color: #262C2D80;
	}
	.bg-charcoal.t25 {
		background-color: #262C2D40;
	}

.bg-blue,
.overlay-blue {
	background-color: #368EA4;
}
	.bg-blue.t75 {
		background-color: #368EA4BF;
	}
	.bg-blue.t50 {
		background-color: #368EA480;
	}
	.bg-blue.t25 {
		background-color: #368EA440;
	}

.bg-green,
.overlay-green {
	background-color: #67C081;
}
	.bg-green.t75 {
		background-color: #67C081BF;
	}
	.bg-green.t50 {
		background-color: #67C08180;
	}
	.bg-green.t25 {
		background-color: #67C08140;
	}

.bg-mint,
.overlay-mint {
	background-color: #B5FBDA;
}
	.bg-mint.t75 {
		background-color: #B5FBDABF;
	}
	.bg-mint.t50 {
		background-color: #B5FBDA80;
	}
	.bg-mint.t25 {
		background-color: #B5FBDA40;
	}

.bg-yellow,
.overlay-yellow {
	background-color: #FACF06;
}
	.bg-yellow.t75 {
		background-color: #FACF06BF;
	}
	.bg-yellow.t50 {
		background-color: #FACF0680;
	}
	.bg-yellow.t25 {
		background-color: #FACF0640;
	}

.bg-white,
.overlay-white {
	background-color: #ffffff !important;
}
	.bg-white.t75 {
		background-color: #ffffffBF !important;
	}
	.bg-white.t50 {
		background-color: #ffffff80 !important;
	}
	.bg-white.t25 {
		background-color: #ffffff40 !important;
	}

.bg-grey,
.overlay-grey {
	background-color: #F6F6F6;
}
	.bg-grey.t75 {
		background-color: #F6F6F6BF;
	}
	.bg-grey.t50 {
		background-color: #F6F6F680;
	}
	.bg-grey.t25 {
		background-color: #F6F6F640;
	}

.angle-bg-strikethrough:before {
    width: 100vw;
    height: 50%;
    transform: skewY(-2deg);
    content: "";
    display: block;
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 0;
    left: 0;
}
.angle-bg-strikethrough.angle-charcoal:before {
    background-color: #262C2D;
}

.overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    content: "";
}
	.overlay.overlay-grad-dark-blue:before {
		background-image: linear-gradient(120deg, #262c2d, #0e4958);
	}

.angle-bottom-right:after {
    content:'';
    display:block;
    border-right-style: solid;
    border-right-width: 100vw;
    border-top: 150px solid transparent;
    border-left: 0;
    border-bottom: 0;
    position: relative;
}
	.angle-bottom-right.angle-bg-charcoal:after {
	    border-right-color: #262C2D;
	}
	
	.angle-bottom-right.angle-bg-white:after {
	    border-right-color: #ffffff;
	}
	
	.angle-bottom-right.angle-bg-mint:after {
	    border-right-color: #B5FBDA;
	}
	
	.angle-bottom-right.angle-bg-green:after {
	    border-right-color: #67C081;
	}
	
	.angle-bottom-right.angle-bg-yellow:after {
	    border-right-color: #FACF06;
	}
	
	.angle-bottom-right.angle-bg-blue:after {
	    border-right-color: #368EA4;
	}

.angle-top-left:before {
    content:'';
    display:block;
    border-right: 0;
    border-top: 0;
    border-left-style: solid;
    border-left-width: 100vw;
    border-bottom: 150px solid transparent;
    position: relative;
}
	.angle-top-left.angle-bg-charcoal:before {
		border-left-color: #262C2D;
	}
	
	.angle-top-left.angle-bg-white:before {
		border-left-color: #ffffff;
	}
	
	.angle-top-left.angle-bg-mint:before {
		border-left-color: #B5FBDA;
	}
	
	.angle-top-left.angle-bg-green:before {
		border-left-color: #67C081;
	}
	
	.angle-top-left.angle-bg-yellow:before {
		border-left-color: #FACF06;
	}
	
	.angle-top-left.angle-bg-blue:before {
		border-left-color: #368EA4;
	}

.text-charcoal {
	color: #262C2D;
}

.text-blue {
	color: #368EA4;
}

.text-green {
	color: #67C081;
}

.text-mint {
	color: #B5FBDA;
}

.text-yellow {
	color: #FACF06;
}

.text-white {
	color: #ffffff;
}

.text-grey {
	color: #F6F6F6;
}

.border-charcoal {
	border-color: #262C2D;
}

.border-blue {
	border-color: #368EA4 !important;
}

.border-green {
	border-color: #67C081;
}

.border-mint {
	border-color: #B5FBDA;
}

.border-yellow {
	border-color: #FACF06;
}

.border-white {
	border-color: #ffffff;
}

.border-grey {
	border-color: #F6F6F6;
}

.btn-solid.color-secondary {
	
}

.btn-solid.color-primary {
	
}

/* Fonts & Headings */

.bg-charcoal h1,
.bg-charcoal h2,
.bg-charcoal h3,
.bg-charcoal h4,
.bg-charcoal h5,
.bg-charcoal h6 {
	color: #ffffff;
}

h1,h2,h3,h4,h5,h6 {
	color: #262C2D;
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
}

h1.sc,h2.sc,h3.sc,h4.sc,h5.sc,h6.sc {
	letter-spacing: 2px;
	text-transform: uppercase;
}

.font-size-90 {
	font-size: 90px;
}

.font-size-29 {
	font-size: 29px;
}

/* Elements */

hr {
	height: 2px;
	border-top: 0px;
}
	hr.onepx {
		height: 1px;
	}

.blue-circle-bg-t25 {
	background-image: url('assets/custom-images/blue-circle-bg-t25.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.blue-circle-bg-t50 {
	background-image: url('assets/custom-images/blue-circle-bg-t50.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.mint-circle-bg-t25 {
	background-image: url('assets/custom-images/mint-circle-bg-t25.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.green-circle-bg-t50 {
	background-image: url('assets/custom-images/green-circle-bg-t50.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.green-circle-bg-t25 {
	background-image: url('assets/custom-images/green-circle-bg-t25.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.mint-circle-bg-t50 {
	background-image: url('assets/custom-images/mint-circle-bg-t50.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.charcoal-circle-bg-t25 {
	background-image: url('assets/custom-images/charcoal-circle-bg-t25.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.charcoal-circle-bg-t50 {
	background-image: url('assets/custom-images/charcoal-circle-bg-t50.png'); 
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* Navigation */

.navbar-brand img {
	max-height: 50px;
}

/* Details */

.lqd-parallax-images-9 .liquid-img-group-single:nth-child(2) {
	bottom: 100px;
    left: -20%;
}

.lqd-parallax-images-9 .liquid-img-group-single:nth-child(5) {
    right: -15%;
    bottom: 40vh;
}