/*
Theme Name: Riverside Lodge
Theme URI: http://generatepress.com
Author: Thomas Usborne
Author URI: http://edge22.com
Description: GeneratePress is a lightweight mobile responsive WordPress theme built with speed, SEO and usability in mind. Create your website just the way you want it using the Customizer and see the changes take place right in front of you before you publish. GeneratePress is mobile responsive, W3C Markup Validated, Schema.org microdata integrated, search engine friendly, cross browser compatible (including IE8+), WooCommerce compatible, BuddyPress compatible and 100% translatable. GeneratePress has 8 widget areas, 5 navigation positions, 5 sidebar layouts and much more. Available in English, German, Spanish, Russian, French and Polish! See more at http://generatepress.com
Version: 1.2.7
Template: generatepress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generate
Domain Path: /languages/
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

*/
/******************************************************************
GENERAL STYLES
******************************************************************/
body {
background-image: url('http://riversidelodgemd.com/wp-content/uploads/2015/12/cream-paperfibers6.jpg'); 
}
.inside-article {
background-color: rgba(254, 254, 254, .6);
}
h1 {
font-family: 'Karla', sans-serif;
text-transform:uppercase;
font-size:40px;
color:#58585a;
font-weight:normal !important;
}
h2 {
font-family: 'Lora', serif;
color:#a12733;
text-transform:uppercase;
margin:5px 0px;
letter-spacing:.09em;
}
h3 {
font-family: 'Karla', sans-serif;
color:#a12733;
text-transform:uppercase;
margin:5px 0px;
font-size: 26px;
letter-spacing:.06em;
}
h4 {
font-family: 'Karla', sans-serif;
color:#58585a;
text-transform:uppercase;
margin:5px 0px;
font-size: 22px;
letter-spacing:.06em;
}
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col-landing {
	display: block;
	float:left;
	margin: 1% 0 1% 5.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.col-landing:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	.col-landing { 
		margin: 1% 0 1% 0%;
	}
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}
.span_1_of_2-landing {
	width: 47.2%;
}

/*  GO FULL WIDTH AT LESS THAN 880 PIXELS */

@media only screen and (max-width: 880px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
	.span_1_of_2-landing {
		width: 100%; 
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

.span_1_of_3-hp {
	width: 27.26%; 
	background-color: rgba(254, 254, 254, .6);
	padding:1.5%;
}

/*  GO FULL WIDTH AT LESS THAN 725 PIXELS */

@media only screen and (max-width: 725px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

/******************************************************************
HEADER STYLES
******************************************************************/
.site-header {
background-image: url('http://riversidelodgemd.com/wp-content/uploads/2015/12/header-background.jpg'); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.inside-header {
	padding: 20px 0 0 0;
}

/******************************************************************
NAVIGATION STYLES
******************************************************************/
.main-navigation {
	background-color: transparent;
}
.main-navigation .main-nav ul li a {
	display: block;
	line-height: 40px;
	padding: 5px 20px;
	color:#a12733;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:.1em;
}
.main-navigation .main-nav ul li a:hover {
	background-color: transparent;
	color:#58585a;
}
.main-navigation .main-nav ul li a:active {
	background-color: transparent;
	color:#58585a;
}
.main-nav {
margin-top:20px;
border-top:1px solid #cdcbcb;
}
.menu-toggle {
color:#58585a !important;
}
.menu-toggle:hover {
color:#58585a !important;
}
@media only screen and (max-width: 765px) {
	.site-header {
		background-image: url('http://riversidelodgemd.com/wp-content/uploads/2015/12/cream-paperfibers5.jpg'); 
	}
	.main-nav {
		margin-top:0px;
		border-top:0px;
	}
}

.call-banner {
background: #81182a; /* Old browsers */
background: -moz-linear-gradient(top,  #81182a 0%, #5a0717 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #81182a 0%,#5a0717 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #81182a 0%,#5a0717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81182a', endColorstr='#5a0717',GradientType=0 ); /* IE6-9 */
padding: 10px;
font-family: 'Lora', serif;
font-style:italic;
font-size:20px;
margin:0 auto;
color:#f1ebd0;
letter-spacing:.1em;
}


/* CURRENT ITEMS */
 
.main-navigation .main-nav ul .current-menu-item > a, .main-navigation .main-nav ul .current-menu-parent > a, .main-navigation .main-nav ul .current-menu-ancestor > a, .main-navigation .main-nav ul .current_page_item > a,.main-navigation .main-nav ul .current_page_parent > a, .main-navigation .main-nav ul .current_page_ancestor > a {
color: #3f3f3f !important;
background-color: transparent !important;
text-transform:uppercase;
font-weight:bold;
}
 .main-navigation .main-nav ul .current-menu-item > a:hover,.main-navigation .main-nav ul .current-menu-parent > a:hover, .main-navigation .main-nav ul .current-menu-ancestor > a:hover, .main-navigation .main-nav ul .current_page_item > a:hover, .main-navigation .main-nav ul .current_page_parent > a:hover, .main-navigation .main-nav ul .current_page_ancestor > a:hover, .main-navigation .main-nav ul .current-menu-item.sfHover > a,.main-navigation .main-nav ul .current-menu-parent.sfHover > a, .main-navigation .main-nav ul .current-menu-ancestor.sfHover > a, .main-navigation .main-nav ul .current_page_item.sfHover > a, .main-navigation .main-nav ul .current_page_parent.sfHover > a, .main-navigation .main-nav ul .current_page_ancestor.sfHover > a {
color: #3f3f3f !important;
background-color: transparent !important;
text-transform:uppercase;
font-weight:bold;
} 

/******************************************************************
HOMEPAGE STYLES
******************************************************************/
.cta-bk {
background-image: url('http://riversidelodgemd.com/wp-content/uploads/2015/12/cta-background7.png'); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
hr.cream {
border-top: 1px dashed #90645e;
margin:0px;
}
.cta-lines {
padding:10px 0px;
	margin:0 auto;
}
.cta-inside {
  margin: 0 auto;
  max-width: 1000px;
padding:40px 0px;
font-family: 'Lora', serif;
font-style:italic;
font-size:30px;
color:#ffffff;
}
.btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
font-family: 'Karla', sans-serif;
letter-spacing:.1em;
color: #f9f5d9 !important;
font-size: 24px !important;
font-style:normal;
padding: 15px 25px !important;
border: solid #f9f5d9 2px;
text-decoration: none;
text-transform:uppercase;
}
.btn:hover {
text-decoration: none;
color:#d6cfa2;
border: solid #d6cfa2 2px;
}
.col-hp {
	display: block;
	float:left;
	margin: 1% 0 1% 4.6%;
}

.col-hp:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_1_of_3-hp {
	width: 27.26%; 
	background-color: rgba(254, 254, 254, .6);
	padding:1.5%;
}
@media only screen and (max-width: 880px) {
	.col-hp { 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3-hp {
		width: 97%;
	}
}

.testimonial {
	background-color: rgba(254, 254, 254, .6);
	padding:3%;
	margin-bottom:30px;
}
.chpcs_image_carousel {
margin:0px;
padding:0px;
}
.chpcs_foo_content {
text-align:left;
}
.chpcs_more {
font-family: 'Karla', sans-serif;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}
.chpcs_foo_con {
font-family: 'Lora', serif;
font-style: oblique;
font-weight:400;
line-height:30px;
}
.chpcs_prev {

	background-position: 0 0;

	left: -20px !important;

}
.chpcs_next {

	background-position: -18px 0;
	
	right: -20px !important;

}
.span_2_of_3-test {
	width: 66.13%; 
}

.span_1_of_3-test {
	width: 32.26%; 
}
@media only screen and (max-width: 1080px) {
	.span_2_of_3-test {
		width: 100%; 
	}
	.span_1_of_3-test {
		width: 100%;
	}

}

@media only screen and (max-width: 480px) {
.chpcs_foo_content {
width:300px !important;
height:300px !important;
padding:50px !important;
}
}

/******************************************************************
PAGE STYLES
******************************************************************/
.gmPhantom_ThumbLabel {
display:none;
}
.gmPhantom_title, .mfp-title {
display:none;
}
.widget {
	background-color: rgba(254, 254, 254, .6) !important;
}

/******************************************************************
FOTTER STYLES
******************************************************************/
.site-info {
background-color:#6f1020;
text-align:left;
}
.footer-outside {
padding:10px 0px;margin:0 auto;
}
.footer-inside {
  margin: 0 auto;
  max-width: 1000px;
font-family: 'Karla', sans-serif;
text-transform:uppercase;
font-size:12px;
color:#ebe8cf;
}