/* ============================================================
	Replace me with the Actual Design
============================================================ */

html,
body {
	font-family: "arimo", sans-serif;
	font-size:20px;
	scroll-behavior: smooth;
	color:#717171;
    font-size: 21px;
}


a,
a:visited {
	color: #e9b94e;
	transition: 0.3s;
}
a:hover{
	color:#a2421c;
}

h1{
    font-size: 48px;
    font-family: "trajan-pro-3", serif;
    font-weight: 600;
}
.cms-content h1, 
.news-view h1, 
.events-view h1{
	font-size:40px;
	color:#060c26;
}
h2,
.module-gallery__title-text {
	font-family: "trajan-pro-3", serif;
	font-size: 46px;
	color: #060c26;
	line-height: 50px;
	padding-bottom: 0.35em;
	font-weight: 600;
}
p{
	font-weight: 300;
}

.body {
	--bg-color-dark: #9b4057;
	--heading-main-color: #8900a5;
	--anim-bgchange-color: rgb(0, 207, 0);
	background-image: url(../../images/background.jpg);
	background-position: center;
    background-repeat: repeat-y;
    background-size: 100%;
}

main .module {
	max-width: 1200px;
	margin: 0 auto;
}

.generic__1up, .generic__2up, .generic__3up, .generic__4up{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.generic__inner{
	padding:4em 1em;
}

nav {
    position: absolute;
    top: 0;
    right: 0;
	z-index: 2;
}
#primary-nav-toggle .material-icons{
	color: #e9b94e;
    position: absolute;
    top: 42px;
    right: 42px;
    z-index: 2;
    font-size: 80px;
}
.nav__item__current > .nav__item-actions .nav__link {
    background-color: black;
}
.nav__item:hover > .nav__item-actions .nav__link {
    background-color: #a61e2f;
	color:white;
}
.open .nav__menu {
    background-color: rgba(0, 0, 0, 0.6);
}
.open .nav__menu {
    padding: 5em 1em;
}
.nav__link{
	background-color:transparent;
}


.generic__link-button,
.generic__link-button:visited,
.fb3__button,
.fb3__button:visited{
	font-family: "trajan-pro-3", serif;
    font-weight: 600;
    color: white;
    background-color: #e9b94e;
    border-radius: 28px;
    padding: 0.5em 1em;
    text-transform: uppercase;
    margin: 1em 0;
    transition: 0.3s;
    font-size: 28px;
	text-align:center;
	border: 0;
}
.generic__link-button:hover,
.fb3__button:hover{
	background-color:#a61e2f;
	color:white;
}

.home-header{
	background-image: url(../../images/headerbg.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color:white;
	position:relative;
}
.header__inner {
    padding: 2em;
    position: relative;
    z-index: 1;
}

.headergroup{
	max-width: 380px;
	text-align: center;
}

a.header__logo-link {
    max-width: 500px;
	padding-bottom: 0.3em;
}
.heading_splash {
    padding: 6em 0px;
	text-align:center;
}
.heading_splash h2{
    font-size: 48px;
    font-family: "trajan-pro-3", serif;
    font-weight: 600;
	color:white;
}
.subheader{
	display: flex;
    justify-content: center;
    align-items: center;
	padding-top:1em;
	padding-bottom: 3em;
}
h2.and {
	font-size: 130px;
	padding-bottom:0;
}

a.phonenumber {
    font-size: 24px;
}
@media (max-width: 767px){
	.nav {
		max-height: initial;
		overflow-y: initial;
	}
}

a.ctaphone{
	color:white;
	font-family: "trajan-pro-3", serif;
	font-size: 30px;
}
a.ctaphone:hover{
	color: #a61e2f;
}




.banner{
	background-color:#060c26;
	text-align:center;
	color:#ffd77e;
	font-size: 25px;
	font-weight: 600;
	font-family: "trajan-pro-3", serif;
}
.banner .generic__part{
	padding:1.5em 1em;
}


.unlockingdoors .generic__2up{
	align-items:center;
}
.unlockingdoors .generic__2up .generic__part:nth-child(odd){
	padding:4em;
	width:56%
}
.unlockingdoors .generic__2up .generic__part:nth-child(even){
	padding-right:0;
	text-align: right;
	width:44%
}
img.door {
    max-width: 100%;
}


.fullcard .generic__inner{
	max-width:1111px;
	margin:0 auto;
}
.fullcard .box{
	background-image: url(../../images/boxbackground.jpg);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size:cover; 
	position:relative;
    padding: 0 4em 1em;
}
.fullcard .box h2{
	color:white;
	font-size: 40px;
	padding-bottom:0;
}
.fullcard .box h3{
	color:white;
	color: white;
    font-family: "trajan-pro-3", serif;
    font-size: 27px;
    line-height: 50px;
    padding-bottom: 1em;
    font-weight: 600;
}
.fullcard .box p{
	color:white;
}
.fullcard img.profilepic {
    max-width: 285px;
	position:relative;
}
.fullcard .box .generic__2up{
	position:relative;
	bottom:-3em;
	z-index:1
}
.fullcard .box:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
	width: -webkit-fill-available;
    background: transparent;
    transform-origin: top;
    z-index: 0;
    box-shadow: 0 0 0 2px #e9b94e, 0 0 0 1em rgb(30, 60, 89, 0);
    margin: 1em;
    padding: 1em;
}
.fullcard .box .generic__part:nth-child(1){
	width:45%;
}
.fullcard .box .generic__part:nth-child(2){
	width:55%;
}
.fullcard .generic__link-button{
	margin-bottom:0;
}


.testimonials{
	background-image: url(../../images/houses.png);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
	position:relative;
	text-align: center;
}
.testimonials p{
	font-size: 19px;
}
.testimonials .generic__inner{
	max-width:1150px;
	margin:0 auto;
	padding: 4em 0 16em;
	position:relative;
}
.testimonials .generic__part {
    background-color: white;
    margin: 1em;
    position: relative;
    box-shadow: 3px 3px 9px rgb(0 0 0 / 15%);
	padding: 4em 2em;
	margin-top: 5em;
	max-width: 512px;
}
.testimonials__quote::before {
    font-size: 600px;
    position: absolute;
    left: -40px;
    top: -270px;
    content: "\201C";
    display: inline;
	color:#e9b94e;
}
.testimonials .generic__part::after {
    border-style: solid;
    border-width: 53px 55px 0 0px;
    border-color: white transparent transparent transparent;
    display: block;
    content: " ";
    overflow: hidden;
    position: absolute;
    top: 100%;
    right: 50px;
    filter: drop-shadow(4px 5px 4px rgb(0 0 0 / 15%));
}

.testimonials__citation-person {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em;
    font-family: "rogue-sans-ext", sans-serif;
    color: #e9b94e;
}



.testimonial h2{
	padding-bottom: 0.25em;
}
.testimonial__container{
	position:relative;
	padding: 2em;
	margin: 1em;
}
.testimonial p{
	font-weight:400;
}
.quote{
	padding-top: 1em;
	color:#dc5926;
}
.testimonial__container:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border-top: 3px solid #dc5926;
}
.testimonial__container:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 73%;
	width: 93%;
	border-right: 3px solid #dc5926;
}
.testimonial__container:after {
	content: "";
	position: absolute;
	left: 0;
	height: 73%;
	border-left: 3px solid #dc5926;
}
.testimonial__container:after {
	content: "";
	position: absolute;
	left: 25px;
	bottom: 0;
	left:0;
	width: 93%;
	border-bottom: 3px solid #dc5926;
}
.quotation_left,
.quotation_right{
	position:absolute;
	color:#dc5926;
	font-size:250px;
}
.quotation_left{
    left: -53px;
    top: -54px;
}
.quotation_right{
	right: -53px;
    bottom: -234px;
}


.steps {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
}
.steps h2{
	padding-bottom:1.5em;
}
.steps p{
	text-align: left;
}
.steps .generic__part{
    padding: 4em 1.5em 1.5em;
    margin: 3em .5em;
	background-color:white;
	box-shadow: 0px 5px 5px rgb(0 0 0 / 5%);
	position:relative;
	max-width: 331px;
}
img.stepicon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.steps h3{
    font-family: "trajan-pro-3", serif;
    font-size: 32px;
    padding: .3em 0;
    color: #1e3c59;
    font-weight: 600;
    line-height: 41px;
}


.featured{
    max-width: 1160px;
    margin: 0 auto;
	color:white;
}
.featured .generic__part:nth-child(1):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
	width: -webkit-fill-available;
    background: #1e3c59;
    transform-origin: top;
    z-index: -1;
    box-shadow: 0 0 0 2px #e9b94e, 0 0 0 1em #1e3c59;
    margin: 1em;
    padding: 1em;
}
.featured .generic__part:nth-child(1){
	width:55%;
	padding:3.5em;
	position:relative;
	z-index:1;
	background: #1e3c59;
}

.featured .generic__part:nth-child(2){
	background-image: url(../../images/featuredimage.jpg);
	background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
	width:45%;
	margin: 3em 0 3em;
	z-index:-1;
}
.featured h2{
	color:white;
	font-size:42px;
    padding-bottom: 60px;
}
.featured .description {
    padding-top: 60px;
    font-size: 23px;
    padding-bottom: 1em;
    line-height: 33px;
}
.featured_address,
.featured_address2{
	font-family: "trajan-pro-3", serif;
    font-size: 28px;
}

.value{
    text-align: center;
    max-width: 920px;
    margin: 0 auto;
}
.value h2{
	padding-bottom:1em;
}
.value .generic__3up{
	padding-top:2em;
}
.value h3{
    font-family: "trajan-pro-3", serif;
    font-size: 28px;
    padding: .3em 0;
    color: #1e3c59;
    font-weight: 600;
}
.value .generic__part{
	padding: 1.25em;
	font-size:19px;
}
img.valueicon {
    max-height: 117px;
}




.contact {
    background-color: #060c26;
    color: white;
}
img.ashleymillinslogo{
	max-width:100%;
}
.contact .generic__inner{
	padding: 3em 1em;
}
.contact .generic__2up{
	max-width: 1200px;
    margin: 0 auto;
}
.contact .generic__2up{
	align-items: center;
}
.contact a.phone{
	color:white;
}

.forms__form-item-header{
	display:none;
}
.fb3__field-input, 
.fb3__field-select{
	color:black;
}

.contact a.phone {
    font-size: 35px;
}
.address p {
    font-family: "trajan-pro-3", serif;
    font-size: 35px;
    margin: 1em .5em;
}
img.socialmedia {
    margin: .4em;
}



footer{
	background-color:black;
	color:white;
	padding:1.5em;
	font-weight:300;
}
footer a,
footer a:visited{
	color:white;
}

/*  PROFILE PAGE DESIGN */
.body__theme__demo.profile .headergroup {
    max-width: 195px;
}

.shortcard .generic__inner{
	max-width:1200px;
	margin:0 auto;
	padding-top: 8em;
}
.shortcard .generic__part{
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	padding: 8em 2em 3em;
    text-align: center;
    max-width: 364px;
	margin: 6em .5em;
}
.shortcard .generic__part.one{
	background-image: url(../../images/boxbackground.jpg);
}
.shortcard .generic__part.two{
	background-image: url(../../images/boxbackground2.jpg);
}
.shortcard .generic__part.three{
	background-image: url(../../images/boxbackground3.jpg);
}
.shortcard .generic__part.four{
	background-image: url(../../images/boxbackground4.jpg);
}
.shortcard .generic__part.five{
	background-image: url(../../images/boxbackground5.jpg);
}
.shortcard .generic__part.six{
	background-image: url(../../images/boxbackground6.jpg);
}
.shortcard .generic__part.seven{
	background-image: url(../../images/boxbackground7.jpg);
}
.shortcard .generic__part.eight{
	background-image: url(../../images/boxbackground8.jpg);
}
.shortcard .generic__part.nine{
	background-image: url(../../images/boxbackground9.jpg);
}

.shortcard h2{
	color:white;
	font-size: 29px;
	padding-bottom:0;
}
.shortcard h3{
	color: white;
    font-family: "trajan-pro-3", serif;
	font-size: 22px;
    padding-bottom: 1em;
    font-weight: 600;
}
.email{
	color:white;
	font-family: "trajan-pro-3", serif;
	font-size: 18px;
	padding-bottom:1em;
	position: relative;
    z-index: 2;
}
a.number{
	color:white;
	font-family: "trajan-pro-3", serif;
	padding-top:10px;
	font-size: 26px;
	position:relative;
	z-index:2;
}
a.number:hover{
	color:#e9b94e
}
.shortcard p{
	color:white;
}
.shortcard img.profilepic {
    max-width: 250px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.shortcard .generic__part:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
	width: -webkit-fill-available;
    background: transparent;
    transform-origin: top;
    z-index: 0;
    box-shadow: 0 0 0 2px #e9b94e, 0 0 0 1em rgb(30, 60, 89, 0);
    margin: 1em;
    padding: 1em;
}
.shortcard .generic__link-button{
	margin-bottom: 0;
    position: absolute;
    z-index: 1;
    bottom: -62px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
}

.body__layout__default .header__inner{
	background-color:#060c26;
}




@media screen and (max-width: 1020px){
	.address p,
	.contact a.phone {
		font-size: 28px;
	}
}

@media screen and (max-width: 900px){
	.fullcard img.profilepic {
		max-width: 285px;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		width: max-content;
	}
	.fullcard .box .generic__part:nth-child(2) {
		width: 100%;
		text-align: center;
		padding-top: 9em;
	}
}
@media screen and (max-width: 766px){
	.nav {
		max-height: none;
		overflow-y: inherit;
	}
	.testimonial__container {
		padding: 1.25em;
	}
	.quotation_left, .quotation_right {
		font-size: 150px;
	}
	.quotation_left {
		top: 20px;
	}
	.quotation_right {
		bottom: -110px;
	}
	.testimonial p {
		font-size: 17px;
	}
	.contact .generic__2up{
		flex-direction:column;
		text-align: center;
	}
	.contact .generic__2up .generic__part{
		width:100%;
	}
	.featured .generic__inner {
		padding: 4em 0em;
	}
	.featured .generic__2up {
        flex-direction: column-reverse;
    }
	.featured .generic__part:nth-child(1){
		width:95%;
		margin: 0 auto;
	}
	.featured .generic__part:nth-child(2){
		width:100%;
	}
	.featured .generic__part:nth-child(2){
		height:400px;
		margin: 0em 0 -1em;
	}
	.fullcard .box {
		padding: 0 2em 1em;
	}
	.unlockingdoors .generic__2up .generic__part:nth-child(odd){
		width:100%;
		padding: 2em 1em;
		text-align: center;
	}
	.unlockingdoors .generic__2up {
		flex-direction: column-reverse;
	}

}

@media screen and (max-width: 700px){
	.heading_splash {
		text-align: center;
		padding: 5em 0px 8em;
		}
	img.home-bg {
		position: absolute;
    	right: 0;
		width: 123%;
	}
	

	.gallery__style__scroll_h .module-gallery__sentinel {
		padding-top: 50%;
	}
	.module-gallery__item {
		width: 49%;
	}
	
	.gallery__style__scroll_h .module-gallery__item-image {
		background-color: #000002;
	}
	.gallery__style__scroll_h .module-gallery__item__active { left: 0; }
	.gallery__style__scroll_h .module-gallery__item__active ~ .module-gallery__item { left: 100%; }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item { left: 0; }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item + .module-gallery__item { left: 0 }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item + .module-gallery__item + .module-gallery__item { left: 50%; }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item + .module-gallery__item + .module-gallery__item + .module-gallery__item { left: 100%; }
}

@media screen and (max-width: 600px){
	img.home-bg {
		width: 200%;
	}
	.headergroup {
		max-width: 195px;
	}
	h2, .module-gallery__title-text {
		font-size: 35px;
	}
	.unlockingdoors .generic__2up .generic__part:nth-child(even){
		width:100%
	}
	

}

@media screen and (max-width: 450px){
	.body__theme__demo.profile .headergroup {
		max-width: 153px;
	}
	#primary-nav-toggle .material-icons {
		top: 25px;
		right: 26px;
	}
	a.ctaphone {
		font-size: 23px;
	}
	.subheader {
		flex-direction: column;
	}
	h1 {
		font-size: 37px;
	}
	.heading_splash h2 {
		font-size: 28px;
	}
	
	.header__inner {
		padding: 1em;
	}
	.contact h2{
		line-height: 69px;
	}
	.gallery__style__scroll_h .module-gallery__sentinel {
		padding-top: 100%;
	}
	.module-gallery__item {
		width: 100%;
	}

	.featured h2 {
		font-size: 30px;
	}
	.featured .generic__part:nth-child(1) {
		padding: 2em;
	}
	
	.gallery__style__scroll_h .module-gallery__item-image {
		background-color: #000001;
	}
	.gallery__style__scroll_h .module-gallery__item__active { left: 0; }
	.gallery__style__scroll_h .module-gallery__item__active ~ .module-gallery__item { left: 100%; }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item { left: 0; }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item + .module-gallery__item { left: 0 }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item + .module-gallery__item + .module-gallery__item { left: 0; }
	.gallery__style__scroll_h .module-gallery__item__active + .module-gallery__item + .module-gallery__item + .module-gallery__item + .module-gallery__item { left: 100%; }
}