/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{ background-color: #333;color: #ffffff;font-size: 16px;font-family: Arial,Helvetica,sans-serif;margin: 0px 0px 0px 0px;}
/*****************************************/
/********** SPACING **********************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 53px;}}
@media (min-width: 992px) {.topspacing{padding-top: 88px;}}
@media (min-width: 0px) {.doubleNavSpacing{padding-top: 83px;}}
@media (min-width: 992px) {.doubleNavSpacing{padding-top: 153px;}}
.containerMax{max-width:1440px;}
.paddingLeftNav{padding-left:20px;}
.sectionBottom50{padding-bottom:50px;}
.section30{padding-top:30px;padding-bottom:30px;}
.section35{padding:35px;}
.section15{padding-top:15px;padding-bottom:15px;}
.cardBuffer{padding:5px;}
.linkspacing{line-height: 30px;}
.paddingTop0{padding-top: 0px;}
.no-padding{padding: 0px;}
.cardTextBuffer{padding-bottom:30px;padding-left:30px;padding-right:30px;text-shadow: 2px 2px #000;}

/*****************************************/
/****** DEFINE HERO IMAGE TEXT OVERLAY  **/
/*****************************************/
.header-text {position: relative;top: 50%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
@media (min-width: 0px){.header-text h1 {font-size: 30px;}.header-text h3 {font-size: 20px;}}
@media (min-width: 576px){.header-text h1 {font-size: 40px;}.header-text h3 {font-size: 20px;}}
@media (min-width: 769px){.header-text h1 {font-size: 60px;}.header-text h3 {font-size: 30px;}}
/*****************************************/
/********** BACKGROUND PICS***************/
/*****************************************/
@media (min-width: 0px) {
.heropicture{background-image: url("../pictures/village-at-elk-ridge-subdivision-housing-lots-for-sale-xs.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.herolistings{background-image: url("../pictures/montana-land-for-sale-village-at-elk-ridge-xs.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.heroamenities{background-image: url("../pictures/amenities-elk-ridge-xs.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.herocontact{background-image: url("../pictures/sunset-elk-ridge-xs.jpg");width: 100%;min-height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
}
@media (min-width: 769px) {
.heropicture{background-image: url("../pictures/village-at-elk-ridge-subdivision-housing-lots-for-sale.jpg");width: 100%;min-height: 600px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.herolistings{background-image: url("../pictures/montana-land-for-sale-village-at-elk-ridge.jpg");width: 100%;min-height: 600px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.heroamenities{background-image: url("../pictures/amenities-elk-ridge.jpg");width: 100%;min-height: 600px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.herocontact{background-image: url("../pictures/sunset-elk-ridge.jpg");width: 100%;min-height: 600px; background-position: center;background-repeat: no-repeat;background-size: cover;}
}
/*****************************************/
/********** DESIGN ELEMENTS***************/
/*****************************************/
hr.style1{width:50%;border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
@media (min-width: 0px) {h3.cardBigText{font-size:10vw}}
@media (min-width: 992px) {h3.cardBigText{font-size:3vw;}}
@media (min-width: 1200px) {h3.cardBigText{font-size:2vw;}}
@media (min-width: 0px) {.imgCapHeight{max-width:400px;}}
@media (min-width: 1200px) {.imgCapHeight{max-width:400px;}}
/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-success{color:#000;background-color:#b39c86;border-color:#FFF}
.btn-success:hover{color:#fff;background-color:#784b1f;border-color:#784b1f}
.btn-success:focus,.btn-success.focus{box-shadow:0 0 0 .2rem rgba(179, 156, 134,0.5)}
.btn-success.disabled,.btn-success:disabled{color:#000;background-color:#b39c86;border-color:#b39c86}
.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#000;background-color:#b39c86;border-color:#000}
.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(179, 156, 134,0.5)}
.btn-outline-success {color: #9883de;background-color: transparent;background-image: none;border-color: #9883de}
.btn-outline-success:hover {color: #333;background-color: #9883de;border-color: #CCCCFF}
.btn-outline-success:focus,.btn-outline-success.focus {box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)}
.btn-outline-success.disabled,.btn-outline-success:disabled {color: #9883de;background-color: transparent}
.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color: #212529;background-color: #8ad3d3;border-color: #9883de}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #000000; font-family: 'Merriweather', serif}
h2{color: #000000; font-family: 'Merriweather', serif}
h3{color: #000000;}
h4{color: #000000;}
h5{color: #000000;}
.whiteText{color:#fff;}
.blackText{color:#000;}
.brownText{color:#b39c86;}
.merriweatherText{font-family: 'Merriweather', serif;}
.text-shadow{text-shadow: 2px 2px 2px black;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #333333; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:hover{  color: #FF3333; font-size: 18px; text-decoration: underline;}
a.a3:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;}/*Sub-Footer Links*/
a.a3:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #CCCCCC; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #333333; font-size: 18px; text-decoration: none;}/*FOLLOW US LINKS*/
a.a4:visited{color: #333333; font-size: 18px; text-decoration: none;}
a.a4:hover{  color: #b39c86; font-size: 18px; text-decoration: none;}
a.a5:link{   color: #333333; font-size: 16px; text-decoration: underline;}/*Sub-Footer Links*/
a.a5:visited{color: #333333; font-size: 16px; text-decoration: underline;}
a.a5:hover{  color: #b39c86; font-size: 16px; text-decoration: underline;}
/*Property Hover Effect*/
a.hoverCard{display:block;-webkit-transition:all .3s linear;transition:all .3s linear;position:relative;top:0;text-decoration:none;background-color:white;margin-bottom:15px}
a.hoverCard:hover{top:3px;opacity:.5;cursor:pointer;}
/*****************************************/
/********** FILLS AND BACKGROUNDS ********/
/*****************************************/
.white{ background-color: #FFFFFF; color: #000000;}
.offWhite{ background-color: #f7f7f7; color: #333;}
.black{ background-color: #000000; color: #FFFFFF;}
.grayLight{ background-color: #cccccc; color: #000000;}
.grayDark{ background-color: #333333; color: #FFFFFF;}
.elkBrown{ background-color: #b39c86; color: #333;}
/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
.navbar-custom {background-color: #fff;}
.navbar-custom .navbar-nav .nav-link {font-size: 18px;font-family: 'Neuton', serif; color: #1b2120;}
.navbar-custom .navbar .navbar-nav>li>a:hover,
.navbar-custom .navbar .navbar-nav>li>a:focus {color: rgba(0, 153, 204, 1);}
#navbar{background-color: #FFFFFF;padding-top: 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 99;}
#navbar a.nav-link {float: left;color: #1b2120;text-align: center;text-decoration: none;padding: 20px;font-size: 20px; font-family: 'Merriweather', serif;font-weight: 400;}
#navbar a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 5px;font-size: 30px;}
#navbar a:hover {color: #b39c86;}
#navbar .navbar-brand{padding: 0px;}
#navbar #logo {transition: 0.4s;}
@media screen and (max-width: 580px) {#navbar {padding: 10px 10px !important;}#navbar a {float: none;display: block;text-align: left;}#navbar-right {float: none;}}
.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(27, 33, 32, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.custom-toggler.navbar-toggler{border-color: rgb(27, 33, 32);} 
/*THIS IS WHAT ALLOWS THE NAV-BRAND TO BE PLACED ABOVE LINKS*/
@media only screen and (min-width: 992px) {
  .navbar {
    flex-direction: column;
  }
}

/*****************************************/
/********** VIDEO WRAPPAER *********/
/*****************************************/
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}