@charset "UTF-8";
/* CSS Document */

body {
  color: #FFFFFF;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  background: url("universal_assets/bg.jpg") no-repeat fixed center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000;
  overflow-x: hidden;
	
}

navbar-toggler
{
	width: 100%;
}
.nav_bg {
	background: #090a22;
}
.nav_font_weight{
	font-weight: 500;
	color: aliceblue;
}

@media (min-width: 768px) {
	.navhide_md {
		visibility: hidden;
	}	
}
@media (max-width: 767.9px) {
	.navhide_lg {
		visibility: hidden;
	}	
}


@media screen 
and (min-width: 768px) 
{
    .hide_md { 
	display: none !important;
    }
}

@media screen 
and (max-width: 767.9px) 
{
    .hide_lg { 
	display: none !important;
    }
}



a:link { color: #ffcc00;  text-decoration: none;}
a:visited { color: #ffcc00; }
a:hover { color: #FFF; }
a:active { color: #FFF; }


.mt-n1 {
  margin-top: -0.5rem !important;
}
.button_fill_width {
	width: 800px;
}

h1
{
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
}

h2
{
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
}

h3
{
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
}

p
{
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
}


.top_link_sticky {
	position:fixed;
    top:0;
    width:100%;
    z-index:100;
	padding-bottom: 20px;
}

.top_link_pad{
	margin-bottom: 40px;
}
         

.disclaimer_text{
	font-size: 60%;
	font-weight: 200;
}

.text_shadow{
    text-shadow: 0px 0px 20px rgba(0,0,0,4);
}

ul
{
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	
}

.theme_font
{
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
}

.color_yellow
{
	color: #ffcc00;
}
.color_blue
{
	color: #60B5FB;
}
.color_dark_blue
{
	color: hsla(221,100%,11%,1.00);
}
.color_white
{
	color: #FFFFFF;
}
.bg_block
{
	background-color: rgba(9, 9, 22, 0.65);
}
.round_corners {
	border-radius: 15px;
}

.table_round_corners {
	border-radius: 15px;
	overflow: hidden;
}

.yellow_background{
	background: rgb(255,220,0);
    background: -webkit-linear-gradient(bottom, rgba(255,220,0,1) 0%, rgba(255,181,0,1) 100%);
    background: -o-linear-gradient(bottom, rgba(255,220,0,1) 0%, rgba(255,181,0,1) 100%);
    background: linear-gradient(to top, rgba(255,220,0,1) 0%, rgba(255,181,0,1) 100%);
	}

.black_trans_background
{
	background-color: hsla(240,100%,2%,0.65);
}

.blue_trans_background
{
	background-color: hsla(224, 100%, 38%, 0.26);
	display: flex;
    flex-flow: column;
    height: 100%;
}

.hide_googlemap_info_container{
	overflow: hidden;
}

.hide_googlemap_info{
	margin-top: -65px;

}

.no_link_style_blue {
  color: #60B5FB;
}

.text_shadow_small {
	color: white;
	font-weight: 400;
	text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 4px #000, 0px 1px 7px #000;
}

.paintsample {
  height: 150px;
  width: 100%;
  border-radius: 15px;
}

.paintsampledownload {
  height: 150px;
  width: 100%;
  border-radius: 15px;
  border: 2px solid #ffcc00;
  background-size: 100%;
  overflow: hidden;
  background-image: url("residents/paint/Arrowhead_One_Behr_Paint_Samples_Icon.jpg");
}

.flexfillheight{
	display: flex;
    flex-flow: column;
    height: 100%;
}

.nav_dashboard_bg {
	background-color: #ffcc00;
}

.nav_dashboard_center{
	text-align:center;
}

@media screen 
and (max-width: 991.9px) 
{
    .dashboardhide_lg { 
	display: none !important;
    }

.button_shadow_s {
		box-shadow: 0px 0px 12px -1px black;
	}
	
.button_shadow_l {
		box-shadow: 19px 19px 190px 190px black;
	}