/*
 Theme Name:   Nation Child
 Theme URI:    http://themeforest.net
 Description:  Nation Child Theme
 Author:       Ray Basil
 Author URI:   http://themeforest.net
 Template:     wpnation
 Version:      1.4
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  nation
*/

@import url("../wpnation/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
#top-divider {
    border-top: 0;
}
	
#room-content-price{
	text-transform: none ;
}

#headcontainer a {
	color:#fff ;
}

#header-reservation-button {
	background-color:#c02b41 ;
	opacity:1;
	font-weight:bold;
}


div.jetzt-buchen { 
margin-top:50px;
padding:10px;
background-color:#c02b41;
color:#fff;
}

div#buchen-titel a {
color:#fff ;
background-color:transparent;
}

div#buchen-titel h3 {
margin-top:0px ;
}

#information-wrap {
	background:none !important;
}

/* Custon CSS */

.body {
font: 18px !Important;
}

#main-page-header-wrap {
background-color:#363635 ;
background-image: url("/wp-content/uploads/2015/03/Background-01.png");
background-repeat: repeat-x;
}

#top-navigation-menu li .top-navigation-content-wrap {
color: #fff !important;
}

.menu-item .menu-item-type-custom .menu-item-object-custom .hover {
color: #f4f4f4;
}

.menu-item .menu-item-type-post_type .menu-item-object-page .current-menu-item .page_item .page-item-2 .current_page_item {
color: #fff ;
}



.page-id-2 #home-right-content,.page-id-136 #home-right-content{
  width: 100%;
}  

#top-navigation-menu .under-title {
color:#fff !important;
}
#top-navigation-menu .hover .under-title{
color:#fff !Important;
}




/* Floating Section Home*/

.page-id-2 .main-rooms-list > .container,.page-id-136 .main-rooms-list > .container{
  position: relative;
  padding-right: 330px;
  box-sizing: border-box;  
}

/*.page-id-2 .main-rooms-list > .container > div,.page-id-136 .main-rooms-list > .container > div{

}*/

.page-id-2 .main-rooms-list > .container > #home-right-sidebar, .page-id-136 .main-rooms-list > .container > #home-right-sidebar{
  position: absolute;
  right: 0px;
  width: 300px;
}

.page-id-2 #home-right-content, .page-id-136 #home-right-content{
  width: 300px;
}

.page-id-2 .main-rooms-list .rooms-list-item-wrap,.page-id-136 .main-rooms-list .rooms-list-item-wrap{
  width: 275px;
}

@media only screen and (min-width: 1030px) and (max-width: 1289px) {


.page-id-2 .main-rooms-list .rooms-list-item-wrap,.page-id-136 .main-rooms-list .rooms-list-item-wrap{
  width: 270px;
}

.page-id-2 .main-rooms-list .rooms-list-item-wrap:last-child,.page-id-136 .main-rooms-list .rooms-list-item-wrap:last-child{
  display: none;
}

.page-id-2 #information-wrap .header-text,.page-id-136 #information-wrap .header-text{
  font-size: 0.7em;
}
}


.page-id-2 #room-view-content img, .page-id-136 #room-view-content img{
  width: 100%;
  height: auto;
}

.page-id-2 #main-news-header,
.page-id-2 #main-news-subheader,
.page-id-2 #main-news-subheader > p,
.page-id-136 #main-news-header,
.page-id-136 #main-news-subheader,
.page-id-136 #main-news-subheader > p{
  text-align: left;
}

.page-id-2 #main-news-header,
.page-id-136 #main-news-header{
  line-height: 1.3em;
}

/*.page-id-2 #home-right-sidebar,
.page-id-136 #home-right-sidebar{

}*/

.page-id-2 #home-right-sidebar ul,
.page-id-2 #home-right-sidebar ul li,
.page-id-136 #home-right-sidebar ul,
.page-id-136 #home-right-sidebar ul li{
  display: block;
  margin: 0px;
  padding: 0px;
}

.page-id-2 #home-right-sidebar ul li,
.page-id-136 #home-right-sidebar ul li{
  background-color: #c02b41;
  color: #fff;
  padding: 25px 30px;  
  padding-bottom: 30px;
}

.page-id-2 #home-right-sidebar .pis-li p,
.page-id-136 #home-right-sidebar .pis-li p{
  margin-bottom: 0px;
}

.page-id-2 #home-right-sidebar p.pis-title,
.page-id-2 #home-right-sidebar h3,
.page-id-136 #home-right-sidebar p.pis-title,
.page-id-136 #home-right-sidebar h3{
  display: block;
  margin-top: 0px;
  padding-top: 8px;
  font-size: 1.2em;
  line-height: 24px; 
  margin-bottom: 8px;  
  text-transform: uppercase;
  font-weight: bold;
}

.page-id-2 #home-right-sidebar .pis-title a,
.page-id-2 #home-right-sidebar h3 a,
.page-id-136 #home-right-sidebar .pis-title a,
.page-id-136 #home-right-sidebar h3 a{
  color: #fff;
  text-decoration: none;
}

.page-id-2 #home-right-sidebar .pis-title a:hover,
.page-id-2 #home-right-sidebar h3 a:hover,
.page-id-136 #home-right-sidebar .pis-title a:hover,
.page-id-136 #home-right-sidebar h3 a:hover{
  text-decoration: underline;
}

.page-id-2 #home-right-sidebar .pis-excerpt,
.page-id-136 #home-right-sidebar .pis-excerpt{
  display: none;
}


.page-id-2 .underheader-line,
.page-id-136 .underheader-line{
  width: 270px;
}

.page-id-2 .main-rooms-list .rooms-list-item-price,
.page-id-136 .main-rooms-list .rooms-list-item-price{
  right: -9px;
}

/*.page-id-2 #home-right-content.affix-bottom,
.page-id-2 #home-right-content.affix-top,
.page-id-136 #home-right-content.affix-bottom,
.page-id-136 #home-right-content.affix-top{
}*/

.page-id-2 #home-right-content.affix,
.page-id-136 #home-right-content.affix{
  position: fixed !important;
  float: none;
  top: 20px;
  right: auto;
  z-index: 1000;
}

.page-id-2 .admin-bar #home-right-content.affix,
.page-id-136 .admin-bar #home-right-content.affix{
  top: 54px;
}



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

.page-id-2 .main-rooms-list .rooms-list-item-wrap,.page-id-136 .main-rooms-list .rooms-list-item-wrap{
  width: 100%;
}

.page-id-2 #home-right-content.affix,
 .page-id-136  #home-right-content.affix{
    position: relative !important;
    top: auto;
    ruby-align: auto;
  }
  
.page-id-2 .main-rooms-list > .container > #home-right-sidebar,
.page-id-136 .main-rooms-list > .container > #home-right-sidebar{
  position: relative;
  right: auto;
  width: 100%;
  margin-bottom: 60px;
}

.page-id-2 .main-rooms-list > .container,
.page-id-136 .main-rooms-list > .container{
  padding-right: 0px;
}


.page-id-2 #home-right-content,
.page-id-136 #home-right-content{
  width: 100%;
}  

}


/* Image section */

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

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

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

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { 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 BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
} 


@media screen and (max-width: 768px) {
	  .page-id-2 .main-rooms-list .container #home-right-sidebar {
		  position: relative;
	  }
	  .page-id-2 #home-right-content.affix {
		  position: relative;
	  }
  
	 #main-logo-min {
		 width:145px;
	 }
	 #mobile-navigation-menu {
		 color:#ffffff;
		 top: 28px;
	 }
	#mobile-navigation-menu-list { 
		 height: 345px;
		 overflow:hidden; 

	}

#mobile-navigation-menu-list .menu-item:nth-last-child(1) {
border-bottom: 0px;
}
#headcontainer {
border-color: #9c9c9c;
border-top-width:3px;
}
#top-sticky-bar #top-street-address, #top-sticky-bar #top-phone,#top-sticky-bar #top-email, #top-language-select a {
color:#ffffff;
line-height: 30px;
    font-size: 20px;
}
#main-page-header-wrap {
background-repeat:repeat;
}
#top-search {
display:none;
}
#top-language-select {
margin-top:0px;
}
#top-contact-wrap div {
line-height:30px;
}
#top-language-select ul.dropdown li {
margin-bottom:0px;
}
#header-reservation-button {
    margin-top: 10px;
    font-size: 16px;
display: block;
}
#room-view-wrap {
    margin-top: 25px;
}
.page-id-2 #home-right-sidebar ul li {
padding-top:15px;
padding-bottom:25px;
}
.page-id-2 .main-rooms-list > .container > #home-right-sidebar {
margin-bottom:25px;
}
.page-id-2 #main-news-subheader p:nth-child(1) {
margin-bottom:0px;
}
#information-wrap .header-wrap {
height:100%;
margin-bottom:25px;
}
#information-wrap {
padding-top:20px;
    padding-bottom: 0px;
}
div.jetzt-buchen {
margin-bottom:50px !important;
padding-bottom:20px;
}
#information-wrap .testimonials-content {
width:100%;
    padding: 0px;
margin: 0 0;
}
.testimonials-image {
display:none;
}
#footer-wrap {
padding-top:40px;
}
#copyright-wrap {
margin-top:0px;
}
#prefooter-wrap .columns:nth-child(3) {
margin-bottom:0px;
}
.page-id-2 .main-rooms-list > .container, .container {
width:85%;
}
.container .sixteen.columns, .container .ten.columns, .container .six.columns, .container .five.columns, .container .eleven.columns, .container .four.columns {
width:100%;
}
.fruehstuck-list {
padding-left:20px !important;
}
.fruehstuck-2 {
padding-top:10px;
}
#top-divider {
display:none;
}
.contact-maps-wrap #gmaps {
margin-bottom: 0px;
}
.contact-page .wp-image-128 {
width:100%;
height:auto;
}
.contact-page #name-comments-field, .contact-page #email-comments-field,.contact-page #phone-comments-field, .contact-page #text-comments-field {
width:93% !important;
}
#information-wrap #about-us-content {
width:100%;
}
.gallery-item-wrap, .gallery-image {
width:100%;
}
#top-logo-wrap {
    width: 30% !important;
}
#top-navigation-menu-wrap {
    width: 60% !important;
  }
#top-sticky-bar #top-email span, #top-sticky-bar #top-phone span {
border-left:0px;
}
.page-id-49 #wrapper > div:nth-child(3) {
    -webkit-box-ordinal-group:2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.page-id-49 #room-view-wrap {
    -webkit-box-ordinal-group:1;
    -moz-box-ordinal-group:1;
    box-ordinal-group:1;
}
.page-id-49 footer {
    -webkit-box-ordinal-group:3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}

.page-id-49 #wrapper {
display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

}