/* Rock Stream Retreat Primary CSS */
body {
	//background-image: url('../test_assets/pond.jpg');
}

/* --------------------------------------------------------------- */
/* Tag Default Overrides                                           */
/* --------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* Custom Classes                                                  */
/* --------------------------------------------------------------- */
.address-link {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 1rem;
    color: #333333;
	text-decoration: none;
}
.address-name {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 1rem;
    color: #333333;
	text-decoration: none;
}
/* General Purpose Headings */
.bebas-neue-regular {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.breadcrumb {
	color: #6c757d;
}
.breadcrumb li a {
	color: #6c757d;
	text-decoration: none;
}
.carousel-slide-caption {
	color: #FFFFFF;
  	font-family: "Bebas Neue", sans-serif;
	font-size: 0.8rem;
  	font-style: normal;
	font-weight: bold;
}
.category-link-active {
	border-bottom-color: #3A5560;
	border-bottom-style: solid;
	border-bottom-width: medium;
}
.desktop-nav-background {
	background-color: #3A5560;
}
.faq-h3 {
	margin-left: 60px;
}
.faq-subject {
	font-weight: bold;
	margin-left: 120px;
}
.faq-text {
	margin-left: 120px;
}
.footer-links {
	text-decoration: none;
}
.main-categories {
	color: #000000;
	/* 
	20px is the smallest the font-size will ever be on a 300px vw 
	60px is the largest the size will be on a 1600px vw
	*/
	font-size: calc(20px + (96 - 20) * ((100vw - 300px) / (1600 - 300)));
	font-weight: bold;
}
.main-categories a {
	color: #000000;
	text-decoration: none;
}
.main-categories a:hover {
	color: #333333;
}
.mobile-nav-background {
	background-color: #3A5560;
}
.mobile-nav-link {
	color: #FFFFFF;
	text-decoration: none;
}
.open-sans-wcc-text {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 1rem;
    color: #522D27;
}
.outings-package-button {
	color: #FFFFFF;
	background-color: #525252;
}
.outings-package-button:hover {
	color: #101010;
	background-color: #D2C6C6;	
}
.outings-package-button-rev {
	color: #101010;
	background-color: #D2C6C6;
}
.outings-package-button-rev:hover {
	color: #101010;
	background-color: #908D86;	
}
.photos img {
	border-color: #444444;
	border-style: solid;
	border-width: thin;
	margin-bottom: 10px;
	padding: 10px;
}
/* Alternate General Purpose Headings */
.protest-strike-regular {
	font-family: "Protest Strike", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* Weddings Headings */
.protest-riot-regular {
	font-family: "Protest Riot", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* Corporate Headings */
.protest-guerrilla-regular {
	font-family: "Protest Guerrilla", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* Concerts Headings */
.protest-revolution-regular {
	font-family: "Protest Revolution", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.rounded {
    border-radius:.50rem!important;
    border: solid;
    border-color: #FFFFFF;
    border-width: 1px;
}
.rsr-mobile-nav div .row {
    padding-top: 4px;
}
.rsr-mobile-nav p {
    margin-bottom: 4px;
}
.single-page-category-heading {
	color: #000000;
	font-size: calc(5.0rem + 1.5vw);
  	font-style: normal;
	font-weight: bold;	
}
.wedding-package-button {
	color: #FFFFFF;
	background-color: #525252;
}
.wedding-package-button:hover {
	color: #101010;
	background-color: #D2C6C6;	
}
.wedding-package-button-rev {
	color: #101010;
	background-color: #D2C6C6;
}
.wedding-package-button-rev:hover {
	color: #101010;
	background-color: #908D86;	
}


#datepicker-container{
  text-align:center;
}
#datepicker-center{
  display:inline-block;
  margin:0 auto;
}

/* --------------------------------------------------------------- */
/* Sampled Sherwin Williams Colors                                 */
/* --------------------------------------------------------------- */
.bg-granite-peak { background-color: #5E6770; }
.bg-acacia-haze { background-color: #90988B; }
.bg-summit-gray { background-color: #908D86; }
.bg-forestwood { background-color: #3E4138; }
.bg-granite-blue { background-color: #3A5560; }
.bg-hat-band-brown { background-color: #522D27; }
.bg-mountain-snow { background-color: #D5E4E9; }
.bg-faded-leaf-brown { background-color: #826557; }

/* --------------------------------------------------------------- */
/* Sampled Colors From Our Logo                                    */
/* --------------------------------------------------------------- */
.bg-rsr-logo-tree { background-color: #525252; }
.bg-rsr-logo-house { background-color: #D2C6C6; }

/* --------------------------------------------------------------- */
/* Primary Color Settings                                          */
/* --------------------------------------------------------------- */
.color-text-granite-peak { color: #5E6770; }
.color-text-acacia-haze { color: #90988B; }
.color-text-summit-gray { color: #908D86; }
.color-text-forestwood { color: #3E4138; }
.color-text-granite-blue { color: #3A5560; }
.color-text-hat-band-brown { color: #522D27; }
.color-text-mountain-snow { color: #D5E4E9; }
.color-text-faded-leaf-brown { color: #826557; }
.color-text-rsr-logo-tree { color: #525252; }
.color-text-rsr-logo-house { color: #D2C6C6; }

/* --------------------------------------------------------------- */
/* Media Queries                                                   */
/* --------------------------------------------------------------- */

/*
Extra small devices (portrait phones, less than 576px)
No media query since this will be our default settings
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.carousel-slide-caption {		
		font-size: calc(1.375rem + 1.5vw);
	}
	
	.main-categories {
	}
	
	.single-page-category-heading {
		font-size: calc(10.0rem + 1.5vw);
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.main-categories {
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.main-categories {
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.main-categories {
	}
}
