@import url('reset.css'); /* Start off with a complete CSS reset */

/*

Theme Name: Hotel Eastlund V2

Theme URI: creativemediaalliance.com

Author: Katie Timboe of Creative Media Alliance

Author URI: creativemediaalliance.com

Description: A responsive template built for any screen resolution. 

Version: 2.2.2

License: GNU General Public License

License URI: license.txt

*/



/* 

WEB FONTS 

*/

/* 'Oswald' */

/* 'Raleway' */

@import url(http://fonts.googleapis.com/css?family=Oswald|Raleway:400,600);

@font-face {

    font-family: 'socicon';

    src: url('fonts/socicon-webfont.eot');

    src: url('fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/socicon-webfont.woff') format('woff'),

         url('fonts/socicon-webfont.ttf') format('truetype'),

         url('fonts/socicon-webfont.svg#sociconregular') format('svg');

    font-weight: normal;

    font-style: normal;

}





/*

--------------------------------------------------------------

Global styles

-------------------------------------------------------------- 

*/

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.clearfix { 

	display: inline-block;

}

/* start commented backslash hack \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* close commented backslash hack */

.clear {

	clear:both;

}

em {	

	font-style: italic;

}

strong {

	font-weight: 700;

}

blockquote {

	padding: 10px;

	font-size: 3em;

	color: #F0F;

}

::selection {

    background: #f58025;

    color: #FFF;

}

::-moz-selection {

    background: #f58025;

    color: #FFF;

}

.right {

	float: right;

}

.left {

	float: left;

}

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

#sidebar img,

.wp-caption {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

img.aligncenter,

.wp-caption.aligncenter {

	margin: 0 auto 1.5em auto;

	max-width: 100%;

	height: auto;

}

a:link,

a:visited {

	color: #333;

	text-decoration: underline;

}

a:hover,

a:focus {

	color: #333;

}

.socicon {

  font-family: 'socicon' !important;

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	display: block;

	margin: 0 auto;

}

/* END Global Styles */





/* 

-------------------------------------------------------------- 

General structure

-------------------------------------------------------------- 

*/



body {

	font-size: 100%;

	font-family: 'Raleway', sans-serif;

	background-color: #fff;

	padding:0;

	margin:0;

}

section {

	position:absolute;

	width:100%;

	height:100%;

}

#one {

	z-index: -10;



}



#two {

	top:100%;

	background-color:#fff;

}

#wrapper {

	position:relative;

	display: block;

	max-width: 1040px; /* max-width makes frame responsive */

	margin: 0 auto;

	background-color: #fff;

	clear:both;

	padding-bottom:40px;

	z-index:2;

}

@media only screen

and (max-width : 719px ) {

	#wrapper {

	width: 100%;

	padding-bottom:0px;

	

}

	}

#content-container {

	width: 100%;

	

}

#content {

	margin-top: 40px;

	margin-right: 20px;

	margin-bottom: 40px;

	margin-left: 20px;

}



/* END General structure */





/* 

-------------------------------------------------------------- 

Header

-------------------------------------------------------------- 

*/

#site-header-wrapper{

	position: fixed;

	width:100%;

	background-color: #fff;

	height: 40px;

	z-index: 100;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DCDBDA;

}

#site-header {

	position: relative;

	display: block;

	max-width: 1040px; /* max-width makes frame responsive */

	margin: 0 auto;

}



.header-container {

	margin-left: 140px;

}

.header-title {

	margin-left: -120px;

	float: left;

	position: absolute;

    z-index: 3;

	

}



/* Navigation */



.icon {

	font-family: dashicons;

	font-weight: normal;

	font-style: normal;

	vertical-align: top;

	text-align: center;

	display:block;

	font-size:1.8em;

	

}

#nav-wrap {

	display:block;

	float: right;

	font-family: 'Oswald', sans-serif;

	padding-top: 0px;

}

#reservations-link

{ font-size: 16px;

	font-family: 'Oswald', sans-serif;

	display:block;

	float:right;

	text-transform: uppercase;

	line-height: 35px;

	

}

#reservations-link a

{

	color: #FFF;

	text-decoration: none;

	background-color: #f58025;

	display:block;

	height: 39px;

	padding-top:2px;

	padding-right: 10px;

	padding-left: 10px;

	

}

#reservations-link a:hover

{

	color: #f58025;

	text-decoration: none;

	background-color: #fff;

	

	

}

#nav {

	display:block;

}

#nav .menu {

  display:none;

  margin:0;

}

#nav .menu {

  margin:0;

  padding:0;

}

#nav .menu li.res-nav {

	margin-right: 0px;

}



#nav .menu li.res-nav > a{

	background: #f58025;

	color: #fff;

}



#nav .menu li.res-nav > a:hover{

	background: #fff;

	color: #f58025;

}



#nav .menu li a {

	background: none repeat scroll 0 0 #fff;

	color: #2B2E28;

	display: block;

	height: 50px;

	line-height: 50px;

	min-width: 140px;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

}



#nav .menu li a:hover {

  color:#f58025;

}



ul.sub-menu{

 display: none;

}

button.nav-expand {

  width:40px;

  height:40px;

  border:none;

  background-color:#fff;

}

button.nav-expand:hover {

  opacity:.8;

  cursor:pointer;

}

button.nav-expand:focus {

  outline:none;

}

.icon.hamburger { font-size:3em; }

.hamburger:before { content: "\f333";color:#f58025; }

.nav-expand.open .icon.hamburger:before { content: "\f335"; font-size:1.1em; color:#f58025;}

@media only screen

and (max-width : 1059px ) {

	#nav-wrap {

	

	padding-right: 10px;

}

	

}

@media only screen

and (min-width : 800px ) {

#nav-wrap {

	

	padding-top: 3px;

}

  #nav {

    display:block;

    z-index: 1000;

	

  }

  #nav .menu {

	display:block;

	border:none;

	

  }

  #nav .menu ul {

	  list-style:none;

    

  }

  #nav .menu li.res-nav > a{

	

	padding-right:10px;



 

}

#nav .menu li {

	float:left;

    margin-right:10px;

    position:relative;

}

#nav .menu a{

    display:block;

    padding:5px;

    color:#fff;

    background:#333;

    text-decoration:none;

}

#nav .menu a:hover{

   



}

ul.sub-menu{

  background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */

    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */

    list-style:none;

    position:absolute;

    display: none;

	



}

#nav .menu li:hover > ul.sub-menu{

 display: block;

}



#nav .menu li ul li {

	display: block;

	width: 200px;

	text-align:left;

}



  #nav .menu li ul li a {

	text-align: left;

}



#nav .menu li ul li a {

}



#nav .menu li {

	display:inline-block;

	border:none;

	background-color: #fff;	

  }

  

  #nav .menu li a {

	background: none;

	font-size: 0.875em;

	height: auto;

	min-width: 1px;

	text-transform: uppercase;

	color: #2b2e28;

	text-decoration: none;

	line-height: 23px;

	padding-left: 10px;

	text-align: right;

}

/* Highlight current page / parent menu item */

#nav li.current_page_item > a,

#nav li.current_page_parent > a,

#nav li.current-page-ancestor > a,

#nav li.current-menu-item > a,

#nav li.current-post-ancestor > a {

	color: #f58025;

}



  button.nav-expand {

    display:none;

  }

}

/*

--------------------------------------------------------------

Booking Wrap

--------------------------------------------------------------

*/



#booking-wrap {

	background-color: #fff;

	display: block;

	min-height: 40px;

	width: 100%;

	position: fixed;

	bottom: 0px;

	z-index: 100;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #DCDBDA;

}

.booking{

	position: relative;

	display: block;

	max-width: 1040px; /* max-width makes frame responsive */

	margin: 0 auto;

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	font-weight: 400 !important;

	font-weight: normal;

	color: #2b2e28;

	text-align: center;	

	margin-top: 15px;

	margin-bottom: 15px;

	

}



.booking a{

	color: #f58025;

	text-decoration: none;

	margin-right: 10px;

}



.booking a:hover{

	color: #2b2e28;

	text-decoration: none;

}



.booking-copy {

	clear:none;

}



span.phone-hide{

display:inline-block;

}



span.desktop-hide{

display:none;

}



@media only screen

and (max-width : 350px ) {



span.phone-hide{

display:none;

}	

span.desktop-hide{

display:inline-block;

}

}





/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 480px)

  and (-webkit-min-device-pixel-ratio: 2) {

span.phone-hide{

display:none; }

span.desktop-hide{

display:inline-block;

}



}



/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 568px)

  and (-webkit-min-device-pixel-ratio: 2)  {

span.phone-hide{

display:none;



}

	  span.desktop-hide{

display:inline-block;

}



}







/* 

-------------------------------------------------------------- 

Main Content

-------------------------------------------------------------- 

*/

.entry-header a:link,

.entry-header a:visited {

	text-decoration: none;

}



.entry-header a:hover,

.entry-header a:focus {

	text-decoration: underline;

}

.entry-title {

	font-family: 'Oswald', sans-serif;

	font-size: 2.250em;

	text-transform: uppercase;

	color: #2b2e28;	

	line-height:1.5em;

	margin-bottom: 10px;

}

.entry-content-wrap {

	display: block;

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #f58025;

	padding-left: 30px;

	overflow: hidden;

}

@media only screen

and (max-width : 719px ) {

.entry-content-wrap  {

	padding-left: 15px;

	margin-bottom: 20px;

}

	}

.entry-content h2{

	font-family: 'Raleway', sans-serif;

	font-size: 1em;

	color: #999;

	margin-bottom: 10px;

	font-style: italic;

	font-weight: 600;

	text-transform:uppercase;

	line-height: 1.5em;

}

.press-title {

	font-family: 'Oswald', sans-serif;

	font-size: 2.250em;

	text-transform: uppercase;

	color: #2b2e28;	

	line-height: 1.5em;

	margin-bottom: 10px;

}

.entry-content  {

	margin-right: .5em;

}



.entry-content a{

	color: #f58025;

	text-decoration: none;

}

.entry-content a:hover{

	

	text-decoration: underline;

}

.entry-content h3{

	font-family: 'Oswald', sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	color: #2b2e28;

	line-height: 1.1em;

	margin-bottom: 10px;

}



.entry-content h3 a{

	color: #2b2e28;

	text-decoration: none;

}

.entry-content h3 a:hover{

	color: #2b2e28;

	text-decoration: underline;

}

.entry-content h4{

	font-family: 'Oswald', sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	color: #2b2e28;

	line-height: 1.1em;

	margin-bottom: 5px;

}



.entry-content h4 a{

	color: #f58025;

	text-decoration: none;

}

.entry-content h4 a:hover{

	text-decoration: underline;

}

.name-date {

	font-size: 0.8em;

	font-style: italic;

	margin-bottom: 10px;	



}

.entry-meta {

	clear: both;

	display: block;

	margin: 1.5em 0;

}



.entry-meta li {

	float: left;

	margin: 0 1px 0 0;

	text-transform: uppercase;

}



.entry-meta li a:link,

.entry-meta li a:visited {

	font-size: 0.6em;

	padding: 2px 20px;

	background: #9b9b9b;

	text-decoration: none;

	line-height: 17px;

	color: #fff;

}



.entry-meta ul ul li a:link,

.entry-meta ul ul li a:visited {

	padding: 2px 10px;

}



.entry-meta li.theComments a:link,

.entry-meta li.theComments a:visited {

	background: #333;

}



.entry-meta li a:hover,

.entry-meta li.theComments a:hover,

.entry-meta li a:focus,

.entry-meta li.theComments a:focus {

	background: #3399FF;

}



li.theComments span {

	display: none;

}



.single-thumb {

	margin: 0 0 1em 0;

}



.single-thumb img {

	max-width: 100%;

	height: auto;

}

.entry-content p {

	font-size: 0.9em;

    line-height: 1.5em;

    margin: 0 0 1em;

}



.entry-content li {

	font-size: 0.9em;

	margin: 0 0 1em 2em;

	line-height: 1.3em;

}



.entry-content ul {

	list-style-type: square;

	margin-bottom: 2em;

}



.entry-content ol {

	list-style-type: decimal;

	margin-bottom: 2em;

}

.single-author .entry-meta .byline {

	display: none;

}

#content nav {

	display: block;

	overflow: hidden;

}

#content nav .nav-previous {

	float: left;

	width: 50%;

}

#content nav .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content #nav-above {

	display: none;

}

.paged #content #nav-above,

.single #content #nav-above {

	display: block;

}

#nav-below {

	margin: 1em 0 0;

}

.page-link {

	clear: both;

	margin: 0 0 1em;

}

.page .edit-link {

	clear: both;



	display: block;

}



/* 

-------------------------------------------------------------- 

Events

-------------------------------------------------------------- 

*/



h2.tribe-events-page-title {

	font-family: 'Oswald', sans-serif;

	font-size: 2.250em;

	text-transform: uppercase;

	color: #2b2e28 !important;	

	line-height:1.5em;

	margin-bottom: 10px;

	font-style: normal !important;

    text-align: left !important;

  

}



h2.tribe-events-list-event-title a{

	color: #2b2e28 !important;	

	text-transform: uppercase;

	font-weight: 700;

}



h2.tribe-events-list-event-title a:hover{

	color: #f58025 !important;	

}



.tribe-events-list #tribe-events-photo-events .tribe-events-event-details h2 {

    font-size: 1.2em;

    line-height: 1.2em;

    margin-bottom: 0.35em;

}



.tribe-events-list #tribe-events-photo-events .tribe-events-event-details h2 {

    line-height: 1.2em !important;  

}





.type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap {

    background: #f6f6f6 none repeat scroll 0 0;

    border: 1px !important;

}





.type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap {

    border: 1px solid #eee !important;	

}



.event-content h2 {

	font-family: 'Raleway', sans-serif;

	font-size: 1em;

	color: #999;

	margin-bottom: 10px;

	font-weight: 600;

	text-transform:uppercase;

	line-height: 1.5em;

}



.tribe-events-list-photo-description {

	display: none;

}



.event-content  {

	margin-right: .5em;

}



.event-content a{

	color: #f58025;

	text-decoration: none;

}



.event-content a:hover{	

	text-decoration: underline;

}



.event-content h3{

	font-family: 'Oswald', sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	color: #2b2e28;

	line-height: 1.1em;

	margin-bottom: 10px;

}



.event-content h3 a{

	color: #2b2e28;

	text-decoration: none;

}



.event-content h3 a:hover{

	color: #2b2e28;

	text-decoration: underline;

}



.event-content h4{

	font-family: 'Oswald', sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	color: #2b2e28;

	line-height: 1.1em;

	margin-bottom: 5px;

}



.event-content h4 a{

	color: #f58025;

	text-decoration: none;

}



.event-content h4 a:hover{

	text-decoration: underline;

}



.event-content p {

	font-size: 0.9em;

    line-height: 1.5em;

    margin: 0 0 1em;

}



.event-content li {

	font-size: 0.9em;

	margin: 0 0 1em 2em;

	line-height: 1.3em;

}



.event-content ul {

	list-style-type: square;

	margin-bottom: 2em;

}



.event-content ol {

	list-style-type: decimal;

	margin-bottom: 2em;

}





.eventsingle-content-wrap  {

	display: block;

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #f58025;

	padding-left: 30px;

	overflow: hidden;

}

@media only screen

and (max-width : 719px ) {

.eventsingle-content-wrap  {

	padding-left: 15px;

	margin-bottom: 20px;

}

	}



h1.tribe-events-single-event-title {

	color: #2b2e28;

    font-family: "Oswald",sans-serif;

    font-size: 2.25em;

    line-height: 1.2em;

    padding-right: 15px;

    text-transform: uppercase;

}



dt {

	font-weight: 700;

	 margin-bottom: 5px;

}



dd.tribe-venue {

	font-weight: 700;

}



dd {

	 margin-bottom: 10px;

}



span.tribe-address {

	 line-height: 24px;

}



/* 

-------------------------------------------------------------- 

Slider

-------------------------------------------------------------- 

*/



.home-more {

	z-index: 501;

	position: absolute;

	top: -84px;

	right: 20px;

	font-size: 1.313em;

	text-transform: uppercase;

	font-family: 'Oswald', sans-serif;

	background-color: #FFF;

	padding: 8px;	

}



.home-more  a:link,

.home-more  a:visited {

	text-decoration: none;

	line-height: 16px;

	color: #f58025;

	background-image: url(images/more-home.png);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 27px;

	

}



.home-more a:hover,

.home-more a:focus {

	text-decoration: none;

	color: #2b2e28;

	background-image: url(images/more-home-over.png);

		

}

#home-slider {

    z-index: 900;

	

}

#slide-wrap {

	width: 100%;

	/*z-index: -10;*/

	position: relative;

	display: block;

	background-image: url(images/bg.jpg);

	background-repeat: repeat;

	overflow:hidden;

}

#slide {

	padding-top: 40px;

	display: block;

	max-width: 1710px; /* max-width makes frame responsive */

	margin: 0 auto;

}

#featured-image {

	padding-top: 40px;

	display: block;

	max-width: 1040px; /* max-width makes frame responsive */

	margin: 0 auto;

}

#featured-image img{

	   max-width:100% !important;

    height:auto;

    display:block;

}





/* 

-------------------------------------------------------------- 

Home

-------------------------------------------------------------- 

*/



#regular-home {

	float: left;

	margin: 0;

	width: 100%;

}



#home-content {

	display: block;

	max-width: 1040px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.home-page-container {

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	width: 80%

}



#about-hotel-eastlund {

	padding-top: 36px;

}

.home-entry-content {

	display: block;

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #f58025;

	padding-left: 30px;

}

.home-entry-content a{

	color: #f58025;

	text-decoration: none;

}

.home-entry-content a:hover{

	

	text-decoration: underline;

}

@media only screen

and (max-width : 719px ) {

	.home-page-container {

	width: 90%

}

.home-entry-content {

	padding-left: 2%;

}



	}

.home-entry-content h1{

	font-family: 'Oswald', sans-serif;

	padding-right: 15px;

	font-size: 2.250em;

	text-transform: uppercase;

	color: #2b2e28;	

	display:inline;

	line-height: 1.5em;

}

.home-entry-content h2{

	font-family: 'Raleway', sans-serif;

	font-size: 1em;

	color: #999;

	display: inline;

	font-style: italic;

	font-weight: 600;

}

@media only screen and (max-width : 719px ) {

.home-entry-content h1{

	display:block;

}

.home-entry-content h2{

	display: block;

	padding-bottom: 10px;

}

}

.home-entry-content p {

	font-size: 0.9em;

	line-height: 1.5em;

	margin: 0 0 1em 0;

}



.home-entry-content li {

	font-size: 0.9em;

	margin: 0 0 1em 2em;

	line-height: 1.3em;

}



.home-entry-content ul {

	list-style-type: square;

	margin-bottom: 2em;

}



.home-entry-content ol {

	list-style-type: decimal;

	margin-bottom: 2em;

}



.more-link {

	text-align: right;

	font-size: 1.313em;

	text-transform: uppercase;	

	font-family: 'Oswald', sans-serif;

}

.more-link a:link,

.more-link a:visited {

	text-decoration: none;

	width: 17px;

	height: 17px;

	color: #f58025;

	background-image: url(images/more.png);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 27px;

}



.more-link a:hover,

.more-link a:focus {

	text-decoration: none;

	color: #2b2e28;

	background-image: url(images/more-over.png);

		

}

.preload{

    display:none!important;

}

/* Posts Section */

.home-post-wrapper {

	display: block;

	padding-bottom: 20px;

	

}



.home-post-wrap{

	padding-top: 36px;

	display:block;	

}

@media only screen and (max-width : 1049px ) {

.home-post-wrap{

	padding-right: 15px;

	padding-left: 15px;		

}

}

.home-post-image img {

	width:100%;

	height:auto;

}

.home-posts h3, .home-cta h3{

	font-family: 'Oswald', sans-serif;

	padding-right: 15px;

	font-size: 2.25em;

	text-transform: uppercase;

	color: #2b2e28;

	line-height: 1.2em;

}

.home-posts h3 a, .home-cta h3 a{ 

	text-decoration: none;

	color: #2b2e28;	

}

.home-posts h3 a:hover{ 

	text-decoration: none;

	color: #f58025;	

}

.home-posts p {

	font-size: 0.9em;

	line-height: 1.5em;

	margin: 0 0 1em 0;

}

/* ODD */

.home-post-wrap.odd > .home-post-image {

	float:left;

	width:47%;

}



.home-post-wrap.odd > .home-posts {

	float:right;

	width:48%;

	border-left:10px solid #2b2e28;

	padding-left: 2%;

}

@media only screen and (max-width : 719px ) {

.home-post-wrap.odd > .home-post-image {

	display:block;

	float:none;

	width:90%;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-bottom: 15px;

	}

.home-post-wrap.odd >.home-posts {

		display:block;

		margin:auto;

		float:none;

		width:90%;

	}

	.home-cta{
		width: 90%;
		margin: auto; 
	}

}


.home-cta{
	display: block;
	
	padding-left: 2%; 

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #f58025;

}



/* EVEN */

.home-post-wrap.even > .home-post-image {

	float:right;

	width:47%;

}



.home-post-wrap.even > .home-posts {

	float:left;

	width:48%;

	border-left:10px solid #2b2e28;

	padding-left: 2%;

}

@media only screen and (max-width : 719px ) {

.home-post-wrap.even > .home-post-image {

		display:block;

		float:none;

		margin:auto;

		width:90%;

		padding-bottom: 15px;

	}

.home-post-wrap.even >.home-posts {

		display:block;

		margin:auto;

		float:none;

		width:90%;

	}

}

/* 

-------------------------------------------------------------- 

Contact

-------------------------------------------------------------- 

*/

 a.number{

	color:#2b2e28;

	

	}

/* 

/* 

-------------------------------------------------------------- 

MAIN ROOMS

-------------------------------------------------------------- 

*/

#rooms-repeat-wrap {

	width: 100%

}

.rooms-image-wrap {

	max-width:480px;

	max-height:315px;

	display:block;

}

.rooms-image{

	

}

.rooms-image img {

	width:100%;

	height:auto;

	border: 1px solid #dcdbda;

}

.main-room-wrap{

	padding-top: 36px;

	display:block;

	clear: both;

	padding-bottom: 30px;

	overflow: hidden;

}

@media only screen and (max-width : 1049px ) {

.main-room-wrap{

	padding-right: 15px;

	padding-left: 15px;		

}

}

/* ODD */

.main-room-wrap.odd > .rooms-image-wrap {

	float:left;

	width:47%;

}



.main-room-wrap.odd > .home-posts {

	float:right;

	width:48%;

	border-left:10px solid #2b2e28;

	padding-left: 2%;

}

@media only screen and (max-width : 719px ) {

	.main-room-wrap{

	padding-top: 10px;



	padding-bottom: 20px;

	

}

.main-room-wrap.odd > .rooms-image-wrap {

	display:block;

	float:none;

	width:90%;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-bottom: 15px;

	}

.main-room-wrap.odd >.home-posts {

		display:block;

		margin:auto;

		float:none;

		width:90%;

	}

}





/* EVEN */

.main-room-wrap.even > .rooms-image-wrap {

	float:right;

	width:47%;

}



.main-room-wrap.even > .home-posts {

	float:left;

	width:48%;

	border-left:10px solid #2b2e28;

	padding-left: 2%;

}

@media only screen and (max-width : 719px ) {

.main-room-wrap.even > .rooms-image-wrap {

		display:block;

		float:none;

		margin:auto;

		width:90%;

		padding-bottom: 15px;

	}

.main-room-wrap.even >.home-posts {

		display:block;

		margin:auto;

		float:none;

		width:90%;

	}

}

/* 

-------------------------------------------------------------- 

SINGLE ROOMS

-------------------------------------------------------------- 

*/

.single-rooms-image-wrap {

	display:block;

	float:left;

}

.single-rooms-image {

	float:left;

}

.single-rooms-image img {

	width:100%;

	height:auto;

	border: 1px solid #dcdbda;

}



.rooms-posts {

	padding-bottom: 20px;

    padding-top: 10px;

    clear: both;

}

h3.rooms-posts  {

	font-family: 'Oswald', sans-serif;

	font-size: 1.5em;

	text-transform: uppercase;

	color: #2b2e28;



	margin-bottom: 0px !important;

}



.rooms-posts p {

	font-size: 0.9em;

	line-height: 1.5em;

	margin: 0 0 1em 0;

}



.room-more-link {

	text-align: right;

	font-size: 1em;

	text-transform: uppercase;	

	font-family: 'Oswald', sans-serif;

}

.room-more-link a:link,

.room-more-link a:visited {

	text-decoration: none;

	width: 17px;

	height: 17px;

	color: #f58025;

	background-image: url(images/more.png);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 27px;

}



.room-more-link a:hover,

.room-more-link a:focus {

	text-decoration: none;

	color: #2b2e28;

	background-image: url(images/more-over.png);

		

}

.room-content  {

	margin-right: .5em;

}



.room-content h2{

	font-family: 'Raleway', sans-serif;

	font-size: 1em;

	color: #999;

	margin-bottom: 10px;

	font-style: italic;

	font-weight: 600;

	text-transform:uppercase;

	line-height: 1.5em;

}





.room-content p {

	font-size: 0.9em;

    line-height: 1.5em;

    margin: 0 0 1em;

}



.room-content a {

	color: #f58025;

    text-decoration: none;

}



.room-content a:hover{

	

    text-decoration: underline;

}



.room-content li {

	font-size: 0.9em;

	margin: 0 0 1em 2em;

	line-height: 1.3em;

}



.room-content ul {

	list-style-type: square;

	margin-bottom: 2em;

}



.room-content ol {

	list-style-type: decimal;

	margin-bottom: 2em;

}













/* 

-------------------------------------------------------------- 

Parallax

-------------------------------------------------------------- 

*/

#parallax-wrap {

	height: 225px;

	width: 100%;

	position: relative;

	display: block;

	overflow:hidden;

}

#parallax-wrap.feat {

	height:600px;

}

.parallax {

	position:absolute;

	width:100%;

	height:100%;

	background-image: url(images/bg.jpg);

	background-repeat:repeat;

}

.feat .parallax {

	background-repeat: no-repeat;

	background-attachment:fixed;

	background-size: cover;

}



#parallax-wrap #wrapper {

	background-color:transparent;

	text-align:center;

	padding-top:100px;

}

#parallax-wrap.feat #wrapper {

	padding-top:300px;

}

.header-text {

	font-family:'Oswald', sans-serif;

	/*font-weight:700;*/

	padding:.05em .4em;

	line-height:1.4em;

	font-size:2.4em;

	color:#fff;

	background-color:#f58025;

	display:inline-block;

	text-transform:uppercase;

	position:absolute;

	top:450px;

	left: 50%;

	width: 50%;

	margin-left: -25%;

}

.header-text.no-feat {

	position:relative;

	top:0;

	margin:auto;

	width:auto;

	left:auto;

}



@media only screen and (max-width : 719px ) {

	#parallax-wrap,

	#parallax-wrap.feat {

		height:225px;

	}

	.parallax {

		background-position:center center !important;

		background-attachment:scroll !important;

	}

	#parallax-wrap #wrapper {

		text-align:center;

	}

	#parallax-wrap.feat #wrapper,

	#parallax-wrap #wrapper {

		padding:0;

	}

	.header-text {

		

		margin-top:100px !important;

		top: 0px;

		width: 75%;

		margin-left: -40%;

	}

}

@media only screen and (max-width : 500px ) {

	.header-text {

		font-size:1.3em;

		margin-top:120px !important;

	

	}

	

}



/*

--------------------------------------------------------------

Gallery

--------------------------------------------------------------

*/

#regular-content.gallery-template {

	margin:0;

}

#regular-content.gallery-template .entry-content-wrap {

	max-width:650px;

	margin:auto;

}

.gallery {

	text-align:center;

}

a.gallery-image {}

a.gallery-image img {

	margin:10px 10px 0 0;

	float:left;

}

.lb-pin {

	position:absolute;

	left:49%;

	top:102%;

	z-index: 20;

}

a.galleryz-image {}

a.galleryz-image img {

	float:left;

	margin-top: 0px;

	margin-right: 30px;

	margin-bottom: 0;

	margin-left: 0;

	

}



.floor-gallery {

	

}



.lb-number {

   

}





/* 

-------------------------------------------------------------- 

LEFT/RIGHT

-------------------------------------------------------------- 

*/

#left-contain {

    clear: both;

    margin-left: 50%;

    padding-top: 10px;

}



.left-content {

    float: left;

    margin-left: -100%;

    width: 93.0233%;

}

.right-content {



}

@media only screen and (max-width : 824px ) {



#left-contain {

    clear: both;

    margin-left: 0%;

   

}.left-content {

	  clear: both;

   margin-left: 0%;

    width: 100%;

}

.right-content {

	  clear: both;

    

    width: 100%;

}

	}

@media only screen and (max-width : 719px ) {



#left-contain {

    clear: both;

    margin-left: 50%;

    padding-top: 30px;

}



.left-content {

    float: left;

    margin-left: -100%;

    width: 93.0233%;

	  clear: none;

}

.right-content {

	clear: none;



}

	}

@media only screen and (max-width : 482px ) {





#left-contain {

    clear: both;

    margin-left: 0%;

   

}.left-content {

	  clear: both;

   margin-left: 0%;

    width: 100%;

}

.right-content {

	  clear: both;

    

    width: 100%;

}

	}

	

	/* 

-------------------------------------------------------------- 

In the News

-------------------------------------------------------------- 

*/



#in-the-news-wrap {

   clear: both;

    width: 100%;

}

.in-wrap {

	padding-bottom: 15px;

   

}



.in-date-wrap {

	padding-bottom: 5px;

   

}



.in-date {

	display:inline;

	color: #666;

	margin-left: 5px;

	font-size:12px;

}

.in-publish {

	font-family: "Oswald",sans-serif;

    text-transform: uppercase;

	color: #333;

	display:inline;

	padding-bottom: 5px;

   

}

.in-title {

   

}

.in-title a{

	line-height: 24px;

   

}





/* 

-------------------------------------------------------------- 

Index - Traditional

-------------------------------------------------------------- 

*/



#regular-index {

	float: left;

	margin: 0 -360px 0 0;

	width: 100%;

}



#regular-content {

	margin: 0 360px 0 0;

}



#regular-index .index-content {

	margin: 20px 0;

}

#sidebar {

	float: right;

	overflow: hidden;

	width: 300px;

	padding-left: 30px;

	border-left:10px solid #2b2e28;

	text-align:right;

	margin-bottom: 20px;

}



#sidebar .widget {

	width: 290px;

	float: right;

	margin-bottom: 20px;

	font-size: 1em;

}



#sidebar .widget-title {

	font-family: 'Oswald', sans-serif;

	font-size: 1.5em;

	text-transform: uppercase;

	color: #2b2e28;	

	display:inline;

	line-height: 1.5em;

	word-wrap: break-word;

	

}



#sidebar .children {

	margin-left: 0.5em;

	padding: 0!important;

	float: none;

}

#sidebar2 {

	float: right;

	overflow: hidden;

	width: 300px;

	padding-left: 30px;

	border-left:10px solid #2b2e28;

	text-align:right;

	margin-bottom: 20px;

}



#sidebar2 .widget {

	width: 290px;

	float: right;

	margin-bottom: 20px;

	font-size: 1em;

}



#sidebar2 .widget-title {

	font-family: 'Oswald', sans-serif;

	font-size: 1.5em;

	text-transform: uppercase;

	color: #2b2e28;	

	display:inline-block;

	line-height: 1.5em;

	word-wrap: break-word;

	margin-bottom: 7px;

	

}



#sidebar2 .children {

	margin-left: 0.5em;

	padding: 0!important;

	float: none;

}



#sidebar2 ul li a {

	text-decoration: none;

	display: block;

	padding: 10px 0;

	-webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

}



#sidebar2 ul li a:hover,

#sidebar2 ul li a:focus {

	background-color: #E5E5E5;

	text-decoration: none;

	padding: 10px;

}





/* Text widget */

.textwidget {

	padding: 10px 0 0 0;

	line-height: 1.5em;

	font-size: 0.9em;

}



.textwidget p {

	

	font-size: 100%;

}

@media only screen and (max-width : 719px ) {

#sidebar {

		float: none;

		overflow: inherit;

		width: 100%;

		margin: 0;

		padding-left: 0px;

		border: none;

}



/* Change widgets to stack one on top of the other */

#sidebar .widget {

	width: inherit;

	border: none;

	background: #DCDBDA;

	float: none;

:

; 	margin-top: 0;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}

#sidebar .widget ul {

	padding: 0 20px 20px 20px;

	}

#sidebar .widget-title {

	padding: 20px 20px 0 20px;

}

#sidebar ul li a:hover,

#sidebar ul li a:focus {

	background-color: #fff;	

}



.textwidget {

	line-height: 1.5em;

	font-size: 0.9em;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}

#sidebar .widget-title {

	font-family: 'Oswald', sans-serif;

	font-size: 1.5em;

	text-transform: uppercase;

	color: #2b2e28;	

	display:inline;

	line-height: 1.5em;

	word-wrap: break-word;

	

}

}



/* PAGINATION */



.paginationBox {

	clear: both;

	display: block;

	float: left;

	margin: 1em 0 2em 0;

}

ul.pagination {

	margin: 0px auto 0px auto;

	padding: 0px 0px 10px 0px;

	position: relative;

	font-size: 80%;

	line-height: 1em;

	list-style-type: none;

}

.pagination li {

	float: left;

	vertical-align: middle;

	background-color: #fff;

	margin-right: 1px;

}





.pagination span,

.pagination a {

	float: left;

	border: 1px #DCDBDA solid;

	padding: 3px 9px 4px 9px;

	text-decoration: none;

	width: auto;

	color: #999;

}

.pagination a:hover,

.pagination a:focus {

	color: #fff;

	background-color: #DCDBDA;

}

.pagination .current{

	padding: 3px 9px 4px 9px;

	color: #fff;

	background-color: #DCDBDA;

	border: 1px #DCDBDA solid;

}

#prevnextpostnav {

	padding-top: 15px;	

}

.prevlink {

	color: #f58025;

	

}

.prevlink a{

	color: #f58025;

	text-decoration: none;	

}

.prevlink a:hover{

	

	text-decoration: underline;	

}

.nextlink {

	color: #f58025;

	float: right;

	

}

.nextlink a{

	color: #f58025;

	text-decoration: none;	

}

.nextlink a:hover{

	

	text-decoration: underline;	

}

/* END PAGINATION */

/* 

-------------------------------------------------------------- 

Category

-------------------------------------------------------------- 

*/

.category-archive-meta

{



}



/* 

-------------------------------------------------------------- 

Single Post

-------------------------------------------------------------- 

*/

#post-head-wrap {

	height: 318px;

	width: 100%;

	z-index: -10;

	position: relative;

	display: block;

	background-image: url(images/post-bg.jpg);

	background-repeat: repeat-x;

	

}

#header-image-wrap {

	max-height: 360px;

	width: 100%;

	z-index: -10;

	position: relative;

	display: block;

	margin-top: -180px;

}

.header-image {

	display: block;

	max-width: 1040px; /* max-width makes frame responsive */

	margin: 0 auto;

	overflow:hidden;

}

.header-image img{

	border: 1px solid #DCDBDA;

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */	

}

.fb_iframe_widget iframe{

	margin-top: 20px;

}

@media only screen

and (max-width : 1039px ) {

	#header-image-wrap {

		margin-top: 0px;

}

#post-head-wrap {

	height: 40px;

}

	}

/* 404 page */



/* Notices */



/* 

-------------------------------------------------------------- 

Image Attachments

-------------------------------------------------------------- 

*/



.image-attachment .entry-header {

	margin-left: 0;

	width: 100%;

	float: none;

}

.image-attachment div.entry-meta {

	float: left;

	font-size: .9em;

}

.image-attachment nav {

	float: right;

	margin: 0 0 1em 0;

	font-size: .9em;

}



.image-attachment .previous-image {

	margin-right: 10px;

}

.image-attachment .next-image {

	margin-left: 10px;

}

.image-attachment .entry-content {

	clear: both;

}

.image-attachment .entry-content .entry-attachment {

	background: #eee;

	margin: 0 0 1em;

	padding: 1em;

	text-align: center;

}

.image-attachment .entry-content .attachment {

	display: block;

	margin: 0 auto;

	text-align: center;

}





/* 

--------------------------------------------------------------

Images

-------------------------------------------------------------- 

*/



a img {

	border: none;

}

p img {

	margin-bottom: 1em; 

}





img.alignleft,

.wp-caption.alignleft {

	margin-right: 1.5em;

	margin-bottom: 1.5em;

	margin-top: 5px;

}

img.alignright,

.wp-caption.alignright {

	margin-left: 1.5em;

	margin-bottom: 1.5em;

	margin-top: 5px;

}

img.aligncenter,

.wp-caption.aligncenter {

	margin: 0 auto 1.5em auto;

	height: auto;

}

.wp-caption {

	padding: 10px;

	text-align: center;

	border: 1px #DCDBDA solid;

}

.wp-caption img {

	margin: 0;

}

.wp-caption .wp-caption-text {

	margin: .5em;

	font-size: 80%;

}

.gallery-caption {

}

.wp-smiley {

	margin: 0;

}



/* END Images */



/*

--------------------------------------------------------------

Forms

--------------------------------------------------------------

*/



#searchform label {

	display: none;

}

#searchform input#s {

	width: 60%;

}

input[type=text],

input#s {

	margin: 0 1em 0 0;

	width: 60%;

}

textarea {

	width: 80%;

}



/* Class for labelling required form items */

.required {

	color: #cc0033;

}

/* 

-------------------------------------------------------------- 

Form

-------------------------------------------------------------- 

*/

.gform_wrapper form {

    text-align: left;

    float: left;

}

.gform_wrapper .top_label .gfield_label

{

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	font-weight: 400 !important;

	font-weight: normal;

	color: #2b2e28;

}

.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_right input {

width: 90% !important;

}



/* END Forms */



/* 

-------------------------------------------------------------- 

Nerwsletter Sign-up

-------------------------------------------------------------- 

*/

form2 {

	

}

form2 label {

	font-size:1.1em;

}

form2 input {

	padding:5px 10px;

}

form2 button {

	border:none;

	background-image: url(images/more-over.png);

	background-repeat: no-repeat;

	background-position: right center;

	font-size: 18px;

	font-family: 'Oswald', sans-serif;

	width: 17px;

	height: 30px;

	padding-right: 100px;

	background-color: transparent;

	text-transform: uppercase;

}



form2 button:hover {

	cursor:pointer;

	background-image: url(images/more.png);

	

	color: #f58025;

}



/* END Forms */



/*

--------------------------------------------------------------

Comments

-------------------------------------------------------------- 

*/



#comments-title {

	text-transform: uppercase;

	font-weight: 100;

	margin-bottom: 2em;

}



#reply-title {

	text-transform: uppercase;

	font-weight: 100;

	margin: 2em 0 1em 0;

	

}

article.comment {

	margin-left: 34.04255319148936%;

	margin-bottom: 3em;

	padding-bottom: 1em;

	border-bottom: 1px solid #DCDBDA;

}







.left-content {

	float: left;

	margin-right: 10px;

}

.comment-author {

	text-transform: uppercase;

	color: #999999;

}



/* Custom style for post author */

.bypostauthor {

	

}



.commentlist .children {

	margin-left: 60px;

}

#commentform {

	

	margin-bottom: 2em;

}



#commentform input:focus,

#commentform textarea:focus {

	outline: 1px solid #808080;

}



#commentform label {

	display: inline-block;

	margin-bottom: 0.4em;

	font-size: 90%;

}



#commentform input,

#commentform textarea {

	padding: 5px;

}

.comment-notes {

	margin-left: -51.61290322580645%;

	width: 38.38709677419355%;

	float: left;

	font-size: 80%;

	color: #999;

}



.form-allowed-tags {

	font-size: 80%;

	color: #999;

	

}

#respond input[type=text] {

	display: block;

/*	width: 60%;*/

}

#respond textarea {

	display: block;

	margin: 0 0 1em;

/*	width: 80%;*/

}

#respond .form-allowed-tags {

	clear: both;

/*	width: 80%;*/

}

#respond .form-allowed-tags code {

	display: block;

}



#commentform input#submit {

	margin: 1em 0 0 0;

	border: 1px solid #DCDBDA;

	color: #999;

	padding: 3px 2em;

	background: #fff;

	font-size: 70%;

	text-transform: uppercase;

}



#commentform input#submit:hover,

#commentform input#submit:focus {	

	border-color: #999;

	color: #333;

	cursor: pointer;

}



.pingback {

	margin: 0 0 2em 0;

}





/*

--------------------------------------------------------------

Widgets

--------------------------------------------------------------

*/



.widget {

	display: block;

}

#sidebar .widget_search {

	overflow: hidden;

}

#sidebar .widget_search input {

	float: left;

}



/*

--------------------------------------------------------------

Instagram

--------------------------------------------------------------

*/

#instagram-block {

	width:100%;

	margin-bottom:20px;

}

#insta-link {

	text-decoration:none;

	

}

#insta-image {

	width:100%;

	height:auto;

	display:block;

}

#insta-info {

	display:block;

	background-color:#DCDBDA;

	color:#2b2e28;

	padding:5px 10px;

	font-size:.9em;

	line-height: 20px;

}

#insta-likes {

	font-weight:900;

}

#insta-heart {

	width:15px;

	height:auto;

	margin-right:10px;

	vertical-align:middle;

}

#insta-caption {

	padding:5px 0;

	color:#2b2e28;

}

/*

--------------------------------------------------------------

Youtube

--------------------------------------------------------------

*/



.video-container {

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:0;

	overflow:hidden;

	margin-bottom: 25px;

}



.video-container iframe, .video-container object, .video-container embed {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}



/*

--------------------------------------------------------------

Footer

--------------------------------------------------------------

*/



#colophon {

	clear: both;

	display: block;

	width: 100%;

	background: #dcdbda;

	padding: 0;

	overflow: auto;

	

}

#colophon a:link,

#colophon a:visited {

	color: #2b2e28;

	text-decoration: none;
	
	white-space: nowrap; 

}



#colophon a:hover,

#colophon a:focus {

	color: #f58025;

	

}

#footer-wrapper{

	max-width: 1040px;

	margin-top:40px;

	margin-right:auto;

	margin-bottom:50px;

	margin-left:auto;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 40px;

	padding-left: 10px;	

	clear: both;

	display: block;

	

}



#foot-left{

	float: left;

	width: 50%;

	color: #2b2e28;

	font-size: 80%;

	text-transform: uppercase;

	padding-bottom: 20px;

}

#foot-left p{

	margin: 0 0 10px 0;

	line-height: 20px;	

}

#foot-right{

	float: right;

	width: 50%;

	

}

.res-from {



    height: 0;

    margin-bottom: 50px;

    overflow: hidden;

    padding-bottom: 50%;

    position: relative;

}



/* Custom style for post author */

#social-icon{

	float: right;

	margin-right: 3%;



}

#social-icon li {

	margin-right:7px;

	display:inline-block;

}

#social-icon li a {

	font-size:1.8em;

}

#social-icon li a:hover {

	text-decoration:none;

	color:#f58025;

}



/* Custom style for post author */

#foot-newsletter{

	float: right;

	padding-bottom: 10px;

	

}





#footer-content {

	clear:both;

	margin: 0;

	text-align: center;

	font-size: 70%;

	text-transform: uppercase;

	background-color: #2b2e28;

	padding-top: 20px;

	padding-right: 50px;

	padding-bottom: 50px;

	padding-left: 50px;

	line-height: 18px;

}

#footer-content a{

	text-decoration: none;

	color: #FFF;

}

#footer-content a:hover{

	text-decoration: underline;



}



#footer-content p {

	margin: 0 0 10px 0;

}



/* FOOTER FORM */



form.ftnews {

	float: right;

}

form.ftnews label {

	font-size:1.1em;

}

form.ftnews input {

	padding:5px 10px;

}

form.ftnews button {

	border:none;

	background-image: url(images/more2.png);

	background-repeat: no-repeat;

	font-size: 0px;

	width: 17px;

	height: 25px;

	text-indent: -9999px;

	background-position: left center;

	background-color: transparent;

}

form.ftnews button:hover {

	cursor:pointer;

	background-image: url(images/more2.png);

	background-repeat: no-repeat;

	background-position: right;

}



@media only screen

and (max-width : 719px ) {



#foot-left{

	float: none;

	width: 100%;

	text-align: center;	

	padding-bottom: 0px;

}

#foot-right{

	float: none;

	width: 100%;

	text-align: center;	

	margin:auto;

	

}

#foot-newsletter{

	float: left;

	width: 47%;

	margin-right:3%;

	

}

#social-icon{

	float: right;

	margin-right:0;

	width: 48%

}
	



}

@media only screen

and (max-width : 509px ) {

#footer-wrapper{

	margin-top:20px;

	margin-bottom:0px;

	padding-bottom: 20px;

}



#foot-newsletter{

	float: none;

	width: 100%;

	text-align: center;	

	display:block;

	clear:both;

	padding-bottom: 15px;

}

#social-icon{

	width: 100%;

	float: none;

	text-align: center;

	display:block;

	clear:both;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	

}

#youtube {

    width: 30px;

    float: none;

    padding-right: 5px;

	display:inline-block;

}

#pinterest {

    width: 30px;

    float: none;

    padding-right: 5px;

	display:inline-block;

}

#instagram {

    width: 30px;

    float: none;

    padding-right: 5px;

	display:inline-block;

}

#facebook {

    width: 30px;

    float: none;

	display:inline-block;

}

#twitter {

    width: 30px;

    float: none;

    padding-right: 5px;

	display:inline-block;

}

form.ftnews {

	float: none;

}



}

@media only screen

and (max-width : 325px ) {

#footer-content {

	padding-bottom: 70px;

	

}

#footer-content p {

	line-height: 18px;	

}

	}



@media only screen

and (max-width : 719px ) {



#content {

	margin: 20px;

}

	

h1#recent {

	margin-left: 20px;

}

.post-container {

	margin-left: 0;

}

.entry-header {

	margin-left: 0;

	width: 100%;

	float: none;

}

#regular-index {

	float: none;

	margin: 0; 

}

#regular-content {

	margin: 0;

}





} 





/* END max-width : 719px */



.insta-footer {

	max-width: 1040px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 40px;

	display: block;

	overflow: hidden;

}



.insta-footer h3 {

    color: #2b2e28;

    font-family: "Oswald",sans-serif;

    font-size: 2.25em;

    line-height: 1.2em;

    padding-bottom: 15px;

    text-transform: uppercase;

	text-align: center;

}



.insta-footer h3 a {

    color: #2b2e28;

    text-decoration: none;

}



.insta-footer h3 a:hover {

    color: #f58025;

    text-decoration: none;

}







/* POP UP */



.pum-close {

     font-family: "Oswald",sans-serif !important;

}



.pum-title {

    color: #2b2e28;

    font-family: "Oswald",sans-serif !important;

    font-size: 2.25em;

    line-height: 1.2em;

    padding-right: 15px;

    text-transform: uppercase;

	font-weight: 700 !important;

}



.pum-content {

    padding-top: 10px;

	padding-bottom: 10px;

}



.pum-content p {

    line-height: 1.5em;

    margin: 0 0 1em;

	color: #2b2e28;

}



form.pop {

	color: #2b2e28 !important;

}



form.pop #fieldEmail {

	width: 100%;

	max-width: 340px;

}

 form.pop button {

	 background: #f58025;

	 border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	 color: #fff;

	 text-transform: uppercase;

	 font-family: "Oswald",sans-serif !important;

	 padding: 8px;

	 font-size: 14px;

	 border: 0px;

	 border: #fff solid 1px;

	 

	

}

 form.pop button:hover {

	background: #fff;

	color: #f58025;

	border: #f58025 solid 1px;



}






/* 

---- NEEDED TO MAKE GOOGLE TAG MANAGER WORK



// https://stackoverflow.com/questions/27831492/google-tag-manager-throwing-406-from-mod-security-rules ----

*/



.noDisplay {

display:none;

visibility:hidden;

}