@font-face {
    font-family: 'Lato Regular';
    src: url(fonts/Lato/Lato-Regular.ttf);
}

@font-face {
    font-family: 'Lato Light';
    src: url(fonts/Lato/Lato-Light.ttf);
}

html {
	scroll-behavior: smooth;
}

body {
    margin:0px !important;
}

body.noscroll {
	overflow:hidden !important;
}

.w-max {
    width:100%;
    max-width:1300px;
}

.header {
    width:100%;
    background:#fff;
}

.header-sticky {
    z-index:900;
    position:fixed;
    top:0px;
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);
}

.header a {
    color:#444;
    font-weight:100;
	text-transform:uppercase;
	letter-spacing:1px;
}

.header a:hover {
    color:#111;
    text-decoration:none;
}

.header img {
	height:70px;
	margin-bottom:20px;
}

.header-sticky img {
	height:55px;
	margin-bottom:15px;
}

.banner {
	height:400px !important;
}

.banner i {
	color:#fff;
	text-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);
}

#mobileMenu a {
    color:#444;
    font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
}

.menu {
    z-index:1000;
    position:fixed;
    left:-100vw;
    top:0px;
    width:100vw;
    min-height:100vh;
    background:#fff;
    overflow-y:auto;
}

.footer {
	background:#fff;
}

.project-link:hover img {
	opacity:0.6;
}

.project-gallery-image:hover {
	opacity:0.6;
}

.enlarged-image-container {
	max-height:65vh !important;
}

.btn-header {
    background:#444 !important;
    color:#fff !important;
    border-radius:50px !important;
}

h1 {
    font-size:24px !important;
	text-transform: uppercase;
	letter-spacing:1px;
	color:#222;
	font-weight:200 !important;
}

h4 {
	text-transform: uppercase;
	letter-spacing:1px;
	color:#222;
	font-weight:200 !important;
}

h6 {
	font-family: 'Lato Light' !important;
	font-size:16px !important;
	letter-spacing:1px;
	line-height:1.5em !important;
	color:#444;
	font-weight:200 !important;
}

.text-xs {
	font-size:0.8em;
}

.text-sm {
	font-size:0.9em;
}

.text {
	font-size:1rem;
}

.text-lg {
	font-size:1.1em;
}

.text-xl {
	font-size:1.2em;
}

.text-xxl {
	font-size:1.3em;
}

.text-uppercase {
	text-transform:uppercase !important;
}

.text-footer-contact {
	text-transform:uppercase !important;
	line-height:2em !important;
	font-size:0.9em;
	color:#444;
	font-weight:200;
	letter-spacing:1px;
}

.text-footer-social {
	font-size:1.75em;
	color:#bbb;
}

.text-link {
	color:#444 !important;
}

.text-link:hover {
	color:#444 !important;
	text-decoration:none;
}

.text-light-grey {
	color:#ccc !important;
}

.text-lightest-grey {
	color:#ddd !important;
}

a:hover {
	text-decoration:none !important;
}

.font-weight-medium {
	font-weight:500 !important;
}

.cursor-pointer {
    cursor:pointer;
}

.btn-outline {
	border-radius:0px !important;
	border:thin solid #999 !important;
	text-transform:uppercase;
	color:#666 !important;
	font-size:0.8em !important;
	letter-spacing:1px;
	padding:15px 30px 15px 30px !important;
}

.btn-outline:hover {
	background:#f7f7f7 !important;
}

.input-contact-form {
	max-width:400px !important;
	height:auto;
	padding:15px !important;
	border-radius:0px !important;
	border:thin solid #ccc !important;
	color:#666;
}

.textarea-contact-form {
	max-width:400px !important;
	height:150px !important;
	padding:15px !important;
	border-radius:0px !important;
	border:thin solid #ccc !important;
	color:#666;
}

.whiteout {
	background:rgba(255, 255, 255, 0.9);
	display:none;
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.opacity-0 {
    opacity:0;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.x-scroll-bar::-webkit-scrollbar {
	display: none;
}
/* Hide scrollbar for IE and Edge */
.x-scroll-bar {
	-ms-overflow-style: none;
	overflow-x:scroll;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
	color:#bbb !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
	color:#bbb !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
	color:#bbb !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
	color:#bbb !important;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

/* Any breakpoint properties here */

/* Bootstrap xs is default so no properties to add here */
@media (min-width: 1px) {
	.border-top-xs {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-xs {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-xs {
		border-left:thin solid #DEE2E6;
	}
	.border-right-xs {
		border-right:thin solid #DEE2E6;
	}
	.border-top-xs-0 {
		border-top:none;
	}
	.border-bottom-xs-0 {
		border-bottom:none;
	}
	.border-left-xs-0 {
		border-left:none;
	}
	.border-right-xs-0 {
		border-right:none;
	}
}

/* Bootstrap sm */
@media (min-width: 576px) {
	.border-top-sm {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-sm {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-sm {
		border-left:thin solid #DEE2E6;
	}
	.border-right-sm {
		border-right:thin solid #DEE2E6;
	}
	.border-top-sm-0 {
		border-top:none;
	}
	.border-bottom-sm-0 {
		border-bottom:none;
	}
	.border-left-sm-0 {
		border-left:none;
	}
	.border-right-sm-0 {
		border-right:none;
	}
}

/* Bootstrap md */
@media (min-width: 768px) {
	.border-top-md {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-md {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-md {
		border-left:thin solid #DEE2E6;
	}
	.border-right-md {
		border-right:thin solid #DEE2E6;
	}
	.border-top-md-0 {
		border-top:none;
	}
	.border-bottom-md-0 {
		border-bottom:none;
	}
	.border-left-md-0 {
		border-left:none;
	}
	.border-right-md-0 {
		border-right:none;
	}
	h1 {
		font-weight:100 !important;
	}
	h4 {
		font-weight:100 !important;
	}
	h6 {
		font-weight:100 !important;
	}
	.text-footer-contact {
		font-weight:100 !important;
	}
	.banner {
		height:500px !important;
	}
	.enlarged-image-container {
		max-height:80vh !important;
	}
}

/* Bootstrap lg */
@media (min-width: 992px) {
	.border-top-lg {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-lg {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-lg {
		border-left:thin solid #DEE2E6;
	}
	.border-right-lg {
		border-right:thin solid #DEE2E6;
	}
	.border-top-lg-0 {
		border-top:none;
	}
	.border-bottom-lg-0 {
		border-bottom:none;
	}
	.border-left-lg-0 {
		border-left:none;
	}
	.border-right-lg-0 {
		border-right:none;
	}
}

/* Bootstrap xl */
@media (min-width: 1200px) {
	.border-top-xl {
		border-top:thin solid #DEE2E6;
	}
	.border-bottom-xl {
		border-bottom:thin solid #DEE2E6;
	}
	.border-left-xl {
		border-left:thin solid #DEE2E6;
	}
	.border-right-xl {
		border-right:thin solid #DEE2E6;
	}
	.border-top-xl-0 {
		border-top:none;
	}
	.border-bottom-xl-0 {
		border-bottom:none;
	}
	.border-left-xl-0 {
		border-left:none;
	}
	.border-right-xl-0 {
		border-right:none;
	}
}