/*CSS Variables/cascading variable/custom properties for AccessPass - these will be overridden on each page with dynamic values from database*/
:root {
--main-background-image: url(/branding/bg_7_mobile.jpg);
--main-background-image-mobile: url(/branding/bg_7_mobile.jpg);
--ap-success: #45ab9c;
--ap-gray: #98a5ab;
}
.Alleyn-Light { font-family: Alleyn-Light; }
.Alleyn-Regular-Italic { font-family: Alleyn-Regular-Italic; }
.Alleyn-Book-Italic { font-family: Alleyn-Book-Italic; }
.Alleyn-Light-Italic { font-family: Alleyn-Light-Italic; }
.Alleyn-Book { font-family: Alleyn-Book; }
.Alleyn-Regular { font-family: Alleyn-Regular; }
.Alleyn-Medium { font-family: Alleyn-Medium; }
.Alleyn-Medium-Italic { font-family: Alleyn-Medium-Italic; }
.Alleyn-Semibold { font-family: Alleyn-Semibold; }
.Alleyn-Semibold-Italic { font-family: Alleyn-Semibold-Italic; }
.Alleyn-Bold { font-family: Alleyn-Bold; }
.Alleyn-Bold-Italic { font-family: Alleyn-Bold-Italic; }

body { font-family: Alleyn-Regular; margin-bottom: 5px; padding-top: 5rem;}
/*Colors*/
.archinet-brand {
color: #FFC708;
}
.accessscan_brand_bg{background-color: #36B0C9!important;}
.accessscan_bg-success{background-color: #2b80c3!important;}
.bg-success{background-color: #45AB9C!important;}
.bg-danger{background-color: #b84a52!important}
.ap-bg-success{background-color: var(--ap-success)}
.ap-bg-secondary{background-color: var(--bs-gray-dark)}
/**/
#navbar-client-logo{height: 22px; max-width: 215px;}

.ap-logo-card-header{ 
    background-position: left;
    height: 26px;
}

.archinet-logo-full-footer{height: 16px; background-position: center;}

.as-logo-card-header{ 
    background-position: left;
    height: 20px;
}

      .bd-placeholder-img
	{
		font-size: 1.125rem;
		text-anchor: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	@media (min-width: 768px)
	{
		.bd-placeholder-img-lg { font-size: 3.5rem; }
	}
	
	.bgCoverIMG
	{
		height: 100%;
		width: 100%;
		/* Location of the image */
        background-image: var(--main-background-image);
        /*background-image: url(/branding/bg_7.jpg);*/
		/*background-image: url(<cfoutput>#LOCAL.bgIMG#</cfoutput>);*/
		/* Image is centered vertically and horizontally at all times */
		background-position: center center;
		/* Image doesn't repeat */
		background-repeat: no-repeat;
		/* Makes the image fixed in the viewport so that it doesn't move when 
	     the content height is greater than the image height */
		background-attachment: fixed;
		/* This is what makes the background image rescale based on its container's size */
		background-size: cover;
		/* Pick a solid background color that will be displayed while the background image is loading */
		background-color: #464646;
		/* SHORTHAND CSS NOTATION
	   * background: url(<cfoutput>#LOCAL.bgIMG#</cfoutput>) center center cover no-repeat fixed;
	   */
	}
	
	/* For mobile devices */
	@media only screen and (max-width: 767px)
	{
		.bgCoverIMG
		{
			/* The file size of this background image is 93% smaller
				     * to improve page load speed on mobile internet connections */
			background-image: var(--main-background-image-mobile);
            /*background-image: url(<cfoutput>#LOCAL.bgMobileIMG#</cfoutput>);*/
		}
		
		.bgCoverIMGCaption
		{
			position: absolute;
			/* width: 100%;*/
			right: 16px;
			bottom: -16px;
		}
	}

