/*
Theme Name: Stockholm
Theme URI: http://demo.select-themes.com/stockholm
Description: Stockholm Theme
Tags: agency, business, ajax, portfolio, blog, shop, multi-purpose, clean, elegant, white, photography, modern, fullscreen, stylish, design
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 3.7
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
body .slide_buttons_holder a.qbutton{ text-align: center; width: 180px; font-size: 24px; height: 50px; line-height: 50px; }
body #rg-book{ padding:10px 10px !important; border-radius:0px !important; }
body #rg-book a {  color:#FFF !important;}

.carousel, .carousel .item{
max-height: 600px !important;
}
.title_outer.with_image, .title_outer.with_image .title{
max-height: 600px !important;
overflow: hidden;
}
.carousel-inner .item .image{
background-position: center top;
background-size:100%;
}

@media (max-width: 768px) {
body #rg-book {
    padding: 11px 5px 7px !important;

@media(min-width: 1600px){
.carousel, .carousel .item, .title_outer.with_image{
max-height: 600px !important;
}
.title_outer.with_image, .title_outer.with_image .title{
max-height: 600px !important;
overflow: hidden;
}
}

.callout-button a {
background-color: #00ff00;
padding: 7px 5px;
border-radius: 10px;
border: 1px solid #ff0000;
-webkit-transition: all 400ms;
transition: width all 400ms;
}

.callout-button a:hover {
background-color: #ff0000;
border: 1px solid #00ff00;
-webkit-transition: all 400ms;
transition: width all 400ms;
}

.callout-button a:after {
display: none !important;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: 20px;
}
.container {
  display: flex;
  justify-content: center; /* center horizontally */
  align-items: center; /* center vertically */
  height: 50%;
}
.container.c1 {
  text-align: center; /* needed if the text wraps */
  /* text-align is inherited, it can be put on the parent or the target element */
}
.container.c2 {
 /* without text-align: center; */
}
.button {
  padding: 5px 10px;
  font-size: 30px;
  text-decoration: none;
  color: hsla(0, 0%, 90%, 1);
  background: linear-gradient(hsla(21, 85%, 51%, 1), hsla(21, 85%, 61%, 1));
  border-radius: 10px;
  box-shadow: 2px 2px 15px -5px hsla(0, 0%, 0%, 1);
