/***************************
***************************
Colors
Blue: #1980af
Light Blue: #75a5c3
Tan: #c4c1b0
Brown: #928f83
Dark Brown: #65645b
***************************
**************************/
.moduletable_interior-form {
    background-image: url(/images/creek.jpg);
    background-position: bottom;
    background-size: cover;
}
.content-divider.span5.pull-right {
    margin-left: 2%;
    background: #75a5c3;
    padding: 20px;
    color: white;
    margin: 0px 0px 15px 2%;
    border-radius: 20px;
}
.content-divider h3 {
    color: white !important;
  	font-size: 30px;
}
.image2 img {
    float: right !important;
    margin: 0px 0px 20px 20px !important;
    padding: 0px !important;
}


/***************************
***************************
Header/Navigation
***************************
**************************/
header.header {
    text-align: center;
    margin: 15px;
}
a.brand.pull-left {
    float: none !important;
    text-align: center;
    width: 100%;
    margin: auto;
}
a.brand.pull-left img {
    width: 250px;
    margin: auto;
}
nav.navigation {
    border: none;
    width: auto;
    margin: auto;
    background: #1980af;
    border-radius: 10px 10px 0px 0px;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.nav-collapse {
    font-size: 24px !important;
  	font-family: 'source sans pro' !important;
}
ul.nav.menu.nav-pills.mod-list a {
    color: white;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #75a5c3 !important;
}
.navigation .nav-child a {
    color: #1980af !important;
  	font-size: 18px;
}
.navigation .nav-child li > a:hover, .navigation .nav-child li > a:focus, .navigation .nav-child:hover > a {
    background-color: #1980af !important;
    background-image: none;
    color: white !important;
}
.nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary {
    background: transparent !important;
}
.navigation .nav li {
    font-size: 24px;
    font-family: 'source sans pro';
}

/***************************
***************************
General
***************************
**************************/
p {
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .site-title {
    line-height: 1.2;
}
.item-page {
    padding: 2% 5%;
}
h3, .custom_about h2 {
    font-size: 24px;
    color: #928f83;
}
h2, .custom_about h3, .itemid-120 h1, .itemid-126 .page-header h2, .itemid-127 .page-header h2, .itemid-128 .page-header h2{
    font-size: 30px;
    color: #75a5c3;
}
h1, .page-header h2 {
    font-size: 36px;
    color: #1980af;
}
.page-header {
    border: 0px;
    padding: 0px !important;
    margin: 0px !important;
}
ul, ol {
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    font-family: 'open sans';
}
.custom_banner img {
    width: 100%;
}
li {
    line-height: 1.2;
}
.custom_banner p {
    margin: 0px;
}
.item-page img {
    float: left;
    width: 500px;
    padding: 0px 20px 0px 0px;
}


/***************************
***************************
Locations
***************************
**************************/
.span12.locations {
    padding: 2% 3%;
}
.moduletable_locations td {
    padding: 2%;
}
.moduletable_locations td img {
    margin-bottom: 10%;
}
.moduletable_locations td a {
    background: #75a5c3;
    padding: 10px 20px;
    font-size: 20px;
    color: white;
    border-radius: 10px;
}


/***************************
***************************
Amenities
***************************
**************************/
.span12.amenities {
    padding: 2% 5%;
    background: #75a5c3;
}
.moduletable_amenities table {
    width: 100%;
}
.custom_amenities td {
    width: 14.3%;
}
.moduletable_amenities h2 {
    text-align: center;
    font-size: 30px;
    color: white;
    margin-bottom: 2%;
}
.moduletable_amenities h3 {
    font-size: 24px;
    line-height: 1.2;
    color: #1980af;
    margin: 20px 0px;
}

/***************************
***************************
About
***************************
**************************/
.custom_about td {
    width: 50%;
}
.span12.about {
    padding: 2% 5%;
}
.custom_about a {
    background: #75a5c3;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 10px;
    color: white;
}

.custom_contact-locations p {
    color: #75a5c3;
    font-size: 20px;
}



/***************************
***************************
Blog
***************************
**************************/
.moduletable_hp-blog {
    width: 46%;
    float: right;
    text-align: center;
    padding: 2%;
}
.moduletable_hp-blog img {
    width: 400px;
    padding: 2em;
}
a.moduleItemTitle {
    font-size: 30px;
    color: white;
    line-height: 1.2;
}
span.moduleItemDateCreated {
    font-size: 14px;
    color: #75a5c3;
}
div#itemListLeading {
    padding: 2% 5%;
    text-align: center;
}
.catItemIntroText {
    text-align: left;
    font-size: 18px !important;
    line-height: 1.2 !important;
}
.catItemReadMore a {
    color: white;
}
.catItemReadMore {
    background: #1980aa;
    padding: 10px 30px;
    border-radius: 10px;
}
div#k2Container {
    padding: 2% 5%;
}
.componentheading {
    display: none;
}
.moduletable_categories h3 {
    color: white;
}
.moduletable_categories {
    padding: 10px;
    background: #75a0be;
    text-align: center;
    color: white;
}
.moduletable_categories a {
    color: white;
    display: inline-block;
}
.itemToolbar {
    display: none;
}

/***************************
***************************
Contact
***************************
**************************/
.custom_contact-locations td {
    padding: 2%;
}
.custom_contact-locations {
    margin: 2% 5%;
    text-align: center;
}
.custom_contact-locations iframe {
    object-fit: cover;
    height: 300px;
}
.phone p {
    font-size: 24px;
    color: #1980af;
    font-weight: bold;
}


/***************************
***************************
Forms
***************************
**************************/
.span12.page-bottom {
    background: #c4c1b0;
    padding: 2% 5%;
}
.semanticui-body.G2-joomla.chronoforms.index h2 {
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 2em;
}
a.chronoforms6_credits {
    display: none;
}
label {
    display: none !important;
}
.ui.form .field {
    margin: 0 0 2em !important;
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.selection.dropdown {
    border-radius: 0px !important;
  	color: rgba(0,0,0,.87);
}
.ui.dropdown.selection {
    color: #bcbdbd !important;
}
button#send {
    object-position: right !important;
    float: right;
    border-radius: 10px;
    font-size: 18px !important;
    background-color: #1980af;
    padding: inherit;
    height: 2.2em !important;
}
.moduletable.span6 button#send, .itemid-125 button#send {
    object-position: right !important;
    float: right;
    border-radius: 10px;
    font-size: 18px !important;
    background-color: #1980af;
    padding: 10px 30px !important;
}
.itemid-125 .semanticui-body.G2-joomla.chronoforms.index {
    background: #c4c1b0;
    padding: 2% 5% 5%;
}
.itemid-125 .ui.form .field {
    margin: 0 0 1em !important;
}
textarea#message {
    border-radius: 0px !important;
}
.semanticui-body.G2-joomla.chronoforms.index {
    padding: 2% 5%;
}
.span12.page-form .semanticui-body.G2-joomla.chronoforms.index h2 {
    color: white !important;
}


/***************************
***************************
Footer
***************************
**************************/
footer.footer {
    background: #65645b;
    padding: 2% 5%;
}
footer.footer ul.nav.menu.mod-list {
    float: right;
}
footer.footer ul.nav.menu.mod-list a {
    display: block;
    font-size: 24px;
}
footer.footer .nav-pills > li > a {
    padding: 20px 0px;
    margin-right: 30px;
}
footer.footer ul.nav-child.unstyled.small a {
    font-size: 20px !important;
    padding: 10px 0px;
}
.copyright p {
    font-size: 12px;
    color: white;
}
.copyright {
    background: #65645b;
    text-align: center;
  	padding: 10px;
}



/***************************
***************************
Media
***************************
**************************/
@media only screen and (max-width: 767px) {
.moduletable_amenities tr {
    display: inline-block;
    width: 46%;
    text-align: center;
    vertical-align: middle;
    align-content: center !important;
    padding: 2%;
}
  .custom_amenities td {
    display: block;
    width: 100%;
}
  nav.navigation {
    width: 100%;
}
  .moduletable_about td {
    display: block;
    width: 100%;
}
  .moduletable_hp-blog {
    width: 100%;
    float: none;
}
  .moduletable_hp-blog img {
    width: auto;
    padding: 0px;
    margin: 2em 0px;
}
  .moduletable.span6 button#send, .itemid-125 button#send {
    float: none !important;
}
  .moduletable_locations td {
    display: block;
}
  footer.footer ul.nav.menu.mod-list {
    float: none;
}
  .custom_contact-locations td {
    display: block;
}
  
}
@media only screen and (max-width: 1405px){
  nav.navigation {
    width: auto !important;
}
  .navigation .nav li {
    font-size: medium !important;
}
  
}

/***************************
***************************
formatting
***************************
**************************/
body.site {
    padding: 0;
    border: none !important;
}
.container-fluid {
    padding: 0;
  	position: relative;
  	z-index: 0;
}
hr {
  	display: none;
}
@media (min-width: 980px) {
.row-fluid [class*="span"] {
  margin-left: 0;
  }
  .footer [class*="span"] {
  margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 100%;
}

.row-fluid .span11 {
    width: 91.666666667%;
    *width: 91.666666667%;
}

.row-fluid .span10 {
    width: 83.333333333%;
    *width: 83.333333333%;
}

.row-fluid .span9 {
    width: 75%;
    *width: 75%;
}

.row-fluid .span8 {
    width: 66.666666667%;
    *width: 66.666666667%;
}
.span8 {
    width: 66.666666667%;
}
.row-fluid .span7 {
    width: 58.333333333%;
    *width: 58.333333333%;
}

.row-fluid .span6 {
    width: 50%;
    *width: 50%;
}
 .span6 {
    width: 50%;
    *width: 50%;
}

.row-fluid .span5 {
    width: 41.666666667%;
    *width: 41.666666667%;
}

.row-fluid .span4 {
    width: 33.333333333%;
    *width: 33.333333333%;
}

.row-fluid .span3 {
    width: 25%;
    *width: 25%;
}
 .span3 {
    width: 25%;
    *width: 25%;
}
.span2 {
    width: 16.666666667%;
}
.row-fluid .span2 {
    width: 16.666666667%;
    *width: 16.666666667;
}

.row-fluid .span1 {
    width: 8.3333333333%;
    *width: 8.3333333333%;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.row-fluid .span9 {
    width: 75%;
}
.row-fluid .span3 {
    width: 25%;
}
  .row-fluid .span6 {
    width: 50%;
}
  .row-fluid [class*="span"] {
    margin-left: 0;
  }
}