/*
Theme Name: hotel-sterren
Theme URI: http://hotelsterren.com/
Author: hotel-sterren
Author URI: http://hotelsterren.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hotel-sterren
Tags:

hotel-sterren 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/
*/


.thumbBox { padding:0 0 10px 0; background:#fff; /*position:relative;*/ }
.containerInner {
    display: table;
    margin: 0 auto !important;
    max-width: 1086px;
    padding:80px 0;
    width: 100%;
}

.thumbBox .content { padding:0 35px 20px 35px; }
.thumbBox .content h2 { font-size:30px; margin:35px 0 5px; line-height:normal;  }
.thumbBox .content p { line-height:normal; font-size:16px;  }
.thumbBox .overlayContent { position:absolute; top:0; left:0; width:100%; background:#fdb800; height:100%; padding:42px 55px; display:none;  }
.thumbBox .overlayContent h3 { font-size:30px; line-height:normal; font-weight:300; }
.thumbBox a.Linkbtn { position:absolute; bottom:0; right:0; background:#fdb800; color:#000; font-size:18px; font-family: 'Merriweather', serif; font-style:italic; padding:11px 40px; z-index:999;  }
.thumbBox a.Linkbtn:hover { background:#000; color:#fff; }
.thumbBox:hover .overlayContent { display:block;}

#home3 .mobileImg { position:absolute;     right: 0;
    top: -70px;
}

.videoTitle { background:url(images/title-bg.jpg) no-repeat; position:absolute; top:0; left:0; right:0; margin:0 auto; width:100%; max-width:365px; font-size:18px; color:#fff; padding:17px; text-align:center;  z-index: 9;}
.videoTitle  a {color:#fff;}
.innerWhiteBg{background-color:#fff; display: table;    margin: 0 auto !important;    max-width: 1086px;    padding: 20px 0;    width: 100%; }

.thumbBox > iframe { width: 100% !important; max-height:240px; }
.centerContent {margin: 0 auto !important;
    text-align: center;
    width: 70%;}


.faq li { padding:20px 20px 5px; }

.faq li.q {
background: #4FC2E;
font-size:18px;
cursor: pointer;
font-family: 'Merriweather', serif;
color:#555555;
}
.faq li.q img { margin-right:15px; }
.faq li.a {
  display: none;
}
.yellow 

.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Change bt settings */
.form-control { border-radius: 0; }

/* News */
.newswidth {
    max-width: 1085px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    display: block;
    overflow: auto;
}

.articleimage {
    height: 250px;
    background-size: cover;
    position: relative;
}

.articlecontent {
    background: #fff;
    padding: 25px;
    height: 300px;
    position: relative;
}

.articlecontent h2 {
    font-size: 30px;
    line-height: normal;
}

.articlecontent a.Linkbtn {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fdb800;
    color: #000;
    font-size: 18px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    padding: 11px 40px;
    z-index: 999;
}

.click {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99;
}

.titlewrap {
    padding: 35px 50px;
    background: #ffc130;
    margin-bottom: 10px;
}

.titlewrap h1 {
    max-width: 1086px;
    margin: auto;
    font-weight: 300;
    font-size: 40px;
    color: #fff;
}

.greybackground {
    background: #efefef;
    padding: 100px 15px;
}

.whiteinner {
    background: #fff;
    max-width: 1086px;
    margin: auto;
    padding: 50px;
}

.thumbnailinner {
    max-width: 1086px;
    margin: auto;
    text-align: center;
}

.thumbnailinner img {
    width: 100%;
}

.newsitem {
    margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
    .whiteinner {
        padding: 50px 25px;
    }
    
    .articlecontent {
        height: auto;
        padding-bottom: 75px;
    }
}