/*
Theme Name: Grand River Cottages
Description: Grand River Cottages
Author: EE
Author URI: http://www.clever-it.net
Template: hotel-hamburg
Version: 1.0.4
Tags: two-columns, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, translation-ready, theme-options, holiday, blog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grand-river-cottages.com

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hotel Hamburg is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/



h1 a{
	margin-left:250px;
}

h1, h2, h3, h4, h5, h6 {
    color: #274472;
}

hr.linieFooter {
	border-top: 1px solid #cccccc;
	width: 200px;
	float: left;
}

hr.linieFooter2 {
	border-top: 1px solid #cccccc;
	width: 200px;
	margin-top: 25px;
	float: left;
}

a {
    color: #274472;
}

a:visited {
    color: #274472;
}

a:hover,
a:focus,
a:active {
    color: #2671b2;

}
#SinglePageArea {
	margin: 0 auto;
	box-shadow: 0 2px 4px #274472;
}

#masthead {
	padding: 0;
}

.copyright{
	color: #fff;
	font-size: 14px;
}

div.textwidget p {
	color: #ccc !important;
    text-decoration: inherit;
}

p.copyright a {
    color: #ccc !important;
    text-decoration: inherit;
}

p.copyright a:hover {
    color: #fff !important;
    text-decoration: inherit;
}

p.copyright a:visited {
    color: #ccc !important;
    text-decoration: inherit;
}

#footer-widgets, #colophon {
    background: #274472;
}

.site-phone {
	float: right;
    margin-right: 15px;
	margin-top: 40px;
}

/* Menu aktuell */
#site-navigation {
	margin-top: -10px !important;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: none;
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 36px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 0px;
}

.main-navigation ul ul {
    position: absolute;
    top: 110%;
    left: 13;
    z-index: 1000;
    min-width: 260px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    display: block;
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.2s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease;
    background-color: #fff;
    box-shadow: 1px 1px 2px #888;

}

.main-navigation ul ul a {
	margin-left: 0; 
}

.main-navigation ul li:hover > ul.sub-menu,
.main-navigation ul li:hover > ul.children{
    display: block;
    opacity: 1;
    z-index: 1000;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: transform 0.3s ease, opacity 0.2s ease .1s;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
}

.main-navigation ul li a {
    color: #274472;
    display: block;
    font-size: 18px;
    padding: 0;
    position: relative;
    z-index: 99;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a {
    color: #666;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li.current-menu-item a,
.main-navigation ul ul li.current_page_item a,
.main-navigation ul ul li:hover > a {
    color: #274472;
}

#mobile-menu-control i {
	background-color: #274472;
}
	
/* Menu with a hover effect and active style */
.menu-hover-lines {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  transition: all 0.35s ease;
}

.menu-hover-lines li a {
  padding: 0.35rem 0;
  color: rgba(10, 10, 10, 0.5);
  position: relative;
  margin-left: 1rem;
}

.menu-hover-lines li:first-child a {
  margin-left: 0;
}

.menu-hover-lines li.active > a {
  background-color: transparent;
}

.menu-hover-lines a:before,
.menu-hover-lines a::after {
  height: 2px;
  position: absolute;
  content: '';
  transition: all 0.35s ease;
  background-color: #274472;
  width: 0;
}

.menu-hover-lines a::before {
  top: 0;
  left: 0;
}

.menu-hover-lines a::after {
  bottom: 0;
  right: 0;
}

.menu-hover-lines a:hover,
.menu-hover-lines li.active > a {
  color: #0a0a0a;
  transition: all 0.35s ease;
}

.menu-hover-lines a:hover::before,
.menu-hover-lines .active a::before,
.menu-hover-lines a:hover::after,
.menu-hover-lines .active a::after {
  width: 100%;
}

.main-navigation ul li:hover > ul.sub-menu,
.main-navigation ul li:hover > ul.children{
    display: block;
    opacity: 1;
    z-index: 1000;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: transform 0.3s ease, opacity 0.2s ease .1s;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
}

/* Slider */
#main-slider .cycle-prev:hover,
#main-slider .cycle-next:hover {
    background-color: #274472;
}

/* Serach Booking Widget */

@media only screen and (max-width:900px) {
	#booking-form-area {
		width: 575px !important;
		height: 55px !important;
		bottom: -28px !important;
	}
}

@media only screen and (max-width:767px) {
	#booking-form-area {
		width: 575px !important;
		height: 55px !important;
		bottom: -58px !important;
		margin-left: auto;
		margin-right: auto;
		left: 0 !important;
		right: 0 !important;
	}
}

@media only screen and (max-width:650px) {
	#booking-form-area {
		width: 417px !important;
		height: 96px !important;
		bottom: -71px !important;
		margin-left: auto;
		margin-right: auto;
		left: 0 !important;
		right: 0 !important;
	}
}

@media only screen and (max-width:580px) {
	#booking-form-area {
		width: 417px !important;
		height: 96px !important;
		bottom: -71px !important;
		margin-left: auto;
		margin-right: auto;
		left: 0 !important;
		right: 0 !important;
	}
}

@media only screen and (max-width:530px) {
	#booking-form-area {
		width: 417px !important;
		height: 96px !important;
		bottom: -71px !important;
		margin-left: auto;
		margin-right: auto;
		left: 0 !important;
		right: 0 !important;
	}
}

@media only screen and (max-width:430px) {
	#booking-form-area {
		width: 256px !important;
		height: 139px !important;
		bottom: -159px !important;
		margin-left: auto;
		margin-right: auto;
		left: 0 !important;
		right: 0 !important;
	}
	
	#featured-slider {
		margin: 20px auto 57px !important;
	}
}

#booking-form-area {
    display: block;
    width: 258px;
	height: 170px;
    position: absolute;
    bottom: -49px;
    z-index: 999;
    background: #ddd;
    right: 10%;
    padding: 5px;
	box-shadow: 0 2px 4px black;
}
#booking-form-area #abc-form-content {
	width: auto !important;
}
#booking-form-area #abc-widget-wrapper {
	padding: 0 !important;
	padding-bottom: 10px !important;
}

.DOPBSPSearchWidget-wrapper.notranslate.DOPBSPSearchWidget-360 .DOPBSPSearchWidget-sidebar .dopbsp-search-sidebar-form .dopbsp-module .dopbsp-input-wrapper .DOPBSPSearchWidget-check-in-view,
.DOPBSPSearchWidget-wrapper.notranslate.DOPBSPSearchWidget-360 .DOPBSPSearchWidget-sidebar .dopbsp-search-sidebar-form .dopbsp-module .dopbsp-input-wrapper .DOPBSPSearchWidget-check-out-view,
.DOPBSPSearchWidget-wrapper.notranslate.DOPBSPSearchWidget-360 .DOPBSPSearchWidget-sidebar .dopbsp-search-sidebar-form .dopbsp-module .dopbsp-input-wrapper .dopbsp-button {
	width: 172px !important;
}

.DOPBSPSearchWidget-wrapper.notranslate.DOPBSPSearchWidget-360 .DOPBSPSearchWidget-sidebar .dopbsp-search-sidebar-form .dopbsp-module .dopbsp-input-wrapper .DOPBSPSearchWidget-check-in-view {
	margin-left: 5px !important;
}

.page-template-tpl-home.page-template-tpl-home-php aside#ipw-11.widget.widget_ipw,
.page-template-tpl-home.page-template-tpl-home-php aside#ipw-20.widget.widget_ipw {
	background: #FFF;
}

.widget20H {
	margin-bottom: 0;
	padding-top: 5px;
    padding-bottom: 20px;
}

.whiteBG {
	background: red !important;
}

/*--------------------------------------------------------------
## Count per Day
--------------------------------------------------------------*/

.cpd-r {
    float: right;
    text-align: right;
    margin-right: 80px !important;
}


ul.cpd li {
	color: #ccc !important;
}

/*--------------------------------------------------------------
## Time
--------------------------------------------------------------*/
.cleanslate.w24tz-current-time.w24tz-small {
	background: #fff !important;
}

/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/

#featured-slider {
    position: relative;
    z-index: 99;
	max-width: 1200px;
	margin: 20px auto -40px;
	box-shadow: 0 2px 4px #274472;
}

#main-slider {
    color: #686868;
    clear: both;
    position: relative;
    text-align: center;
    z-index: -1;
}

#featured-slider  article::after {
    background: rgb(0, 0, 0) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 888;
}


#main-slider img {
    width: 100%;
    vertical-align: middle;
}

#main-slider .cycle-slide {
    width: 100%;
}

#main-slider article.first {
    display: block;
}

#main-slider article {
    display: none;
}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-caption {
    bottom: 30%;
    height: auto;
    left: 10%;
    max-width: 80%;
    padding: 0;
    position: absolute;
    text-align: left;
    transition: all 1s ease-in-out 0s;
    width: 100%;
    z-index: 999;
}


#main-slider h3 {
    display: inline-block;
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 15px 0;
}


#main-slider p {
    font-size: 20px;
    margin-bottom:30px;
    color: #fff;
}

#main-slider a,
#main-slider h3 {
    color: #fff;
}


#main-slider .slider-buttons a {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 15px;
}

#main-slider .slider-buttons a {
    padding: 10px 37px;
    font-size: 20px;
    text-transform: capitalize;
}

/* Comments */
.testimonials-wrapper {
	border-top: 4px solid #274472;
}

/* Contact Form */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea  {
	max-width: 90% !important;
}

/* Weather */
#weatherwidget1200 {
	max-width: 1200px; 
	margin: 0 auto; 
}

/* Video Startpage */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wpVideoWrapper {
	text-align:center; 
	margin: 0 auto; 
	max-width: 750px; 
	display: block; 
	box-shadow: 0 2px 4px #274472;
}