/*
Theme Name: selectholidays
Theme URI: https://codebase.travelseller.net/websites/select-holidays
Author: the Travelseller team
Author URI: https://travelseller.net/
Description: The 2022 theme for new2go's selectholidays.de
Requires PHP: 7.4
License: proprietary
*/


:root {
    --select-blue-light: #91c2db;
    --select-blue: #015da8;
    --select-yellow: #f29400;
    --select-yellow-light: #ffd264;
    --select-text-dark: #2c2e35;
    --select-light: #e9e9e9;
    --mb-6: 9rem;
    --mb-7: 19rem;
    --mb-8: 21rem;
    --mb-9: 28rem;
    --fa-li-margin: 1.6em;
}

body .px-6 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}
@media (min-width: 768px) {
  body .px-md-6 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
}


html .dropdown-menu {
   border-radius: 0px;
   border: none !important;
}

@media (min-width: 1200px) {
#primarynav {
    margin-left: 125px;
}
}

body .dropdown-item:focus, 
body .dropdown-item:hover {
    background-color: rgba(240, 145, 13, 0.6) !important;
}

body .fa-1x {
    font-size: 1.0rem;
}

body .bg-light {
    background-color: var(--select-light) !important;
}

.rounded-top-left {
    border-top-left-radius: .75rem !important;
}

.rounded-bottom-left {
    border-bottom-left-radius: .75rem !important;
}

.rounded-top-right {
    border-top-right-radius: .75rem !important;
}

.rounded-bottom-right {
    border-bottom-right-radius: .75rem !important;   
}

.mb-6 {
    margin-bottom: var(--mb-6);
}
.mb-7 {
    margin-bottom: var(--mb-7);
}
.mb-8 {
    margin-bottom: var(--mb-8);
}
.mb-9 {
    margin-bottom: var(--mb-9);
}

@media (min-width: 576px) {
    .mb-sm-6 {
        margin-bottom: var(--mb-6);
    }
    .mb-sm-7 {
        margin-bottom: var(--mb-7);
    }    
    .mb-sm-8 {
        margin-bottom: var(--mb-8);
    }
    .mb-sm-9 {
        margin-bottom: var(--mb-9);
    }    
}

@media (min-width: 768px) {
    .mb-md-6 {
        margin-bottom: var(--mb-6);
    }
    .mb-md-7 {
        margin-bottom: var(--mb-7);
    }    
    .mb-md-8 {
        margin-bottom: var(--mb-8);
    }
    .mb-md-9 {
        margin-bottom: var(--mb-9);
    }    
}
.rechts {
	margin-right: 0;
	margin-left: auto;
}
@media (min-width: 992px) {
    body .fa-1x {
        font-size: 1.6rem;
    }    
    .mb-lg-6 {
        margin-bottom: var(--mb-6);
    }
    .mb-lg-7 {
        margin-bottom: var(--mb-7);
    }    
    .mb-lg-8 {
        margin-bottom: var(--mb-8);
    }
    .mb-sm-9 {
        margin-bottom: var(--mb-9);
    }
}

.polaroid-container p {
    font-size: 1.3rem;
}

@media (max-width: 768px) {
	body .picture-container .polaroid:after, .picture-container-xl .polaroid:after, .picture-container-sm .polaroid-sm:after {
        font-size: 1.2rem!important;
	}
	.font-size-50 {
	    font-size: 2.5rem!important;	
    }
	.headline {
		margin-bottom: 15rem!important;
	}
	h1 {
		font-size: 2.5rem!important;
	}
}
	
@media only screen and (max-width: 992px) and (min-width: 768px) {
	body .picture-container .polaroid:after, .picture-container-xl .polaroid:after, .picture-container-sm .polaroid-sm:after {
        font-size: 0.8rem!important;
	}
}	
@media (max-width: 992px) {
		h3 {
		font-size: 1.17em!important;
	}
}
@media (max-width: 1200px) {
	.font-size-16 > ul {
        font-size: 1.3rem!important;
	}
}
@media (max-width: 1400px) {
	body .picture-container .polaroid:after, .picture-container-xl .polaroid:after, .picture-container-sm .polaroid-sm:after {
        font-size: 1.15rem!important;
    }
}
	
@media (min-width: 1400px) {
	body .picture-container .polaroid:after, .picture-container-xl .polaroid:after, .picture-container-sm .polaroid-sm:after {
        	font-size: 1.15rem!important;
	}
	body .picture-container .polaroid:hover::after {
		text-decoration: underline;
	}

	.font-size-16 > a {
		font-size: 1.4rem!important;
	}
}
html body {
    font-family: Verdana, Arial, Lato, sans-serif;
    color: var(--select-text-dark);
}

.primary-navbar-wrapper {
    background-color: var(--select-blue);
}

.top-navbar-wrapper {
    background-color: var(--select-blue-light);
}

.headline {
	margin-bottom: 5rem;
}

#header .navbar-nav .nav-link {
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
}

#header input.form-control {
    font-size: 0.8rem;
}

body a:hover,
body a:hover p,
body .navbar-nav .nav-link:hover, 
body .btn:hover,
body .elementor-button:hover
{
    text-decoration: underline !important;
}


body .btn-warning {
   --bs-btn-hover-color: #fff;
}

.picebtn .btn {
	font-size: 1.6rem;
}
.font-kaushan, .wp-block-cover__inner-container p:first-child {
    font-family: "Kaushan Script" !important;
}
.font-opensans {
	font-family: "Open Sans" !important;
}

body h1.font-kaushan {
    font-size: 3.5rem;
}

.wp-block-cover__inner-container {
    text-align: center;
}

.selegg {
    display: block;
    background-size: cover;
}

.selegg-var1 {
    border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
}

body .bg-warning {
    background-color: var(--select-yellow) !important;
}

body .text-warning {
    color: var(--select-yellow) !important;
}

body .btn {
    font-weight: bold;
}
body .text-warning-negative {
    color: #f0910d!important;
}

body .btn-warning {
    background-color: var(--select-yellow);
    border-color: var(--select-yellow);
    color: #fff;
}

body .btn-warning:hover {
    background-color: var(--select-yellow-light);
}

body .btn-primary:hover {
    background-color: var(--select-blue-light);
}


body .btn-thirdcolor {
    background-color: #cce1ed;
    border-color: #fff3e6;;
    color: #595b61;
}
body .font-grey {
	color: #595b61;
}
body .bg-primary {
    background-color: var(--select-blue) !important;
}

body .text-primary {
    color: var(--select-blue) !important;
}

body .btn-primary {
    background-color: var(--select-blue) !important;
    border-color: var(--select-blue) !important;
}


body .btn-primary:hover {
    background-color: var(--select-blue-light) !important;
}


.bg-primary-light {
    background-color: var(--select-blue-light);
}

.parallax {
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wp-block-embed__wrapper > iframe {
    width: 100%;
    min-height: 500px;
}

#footer-section {
    background-color: var(--select-blue);
}

#footer-section p {
    color: #fff;
    margin-bottom: 0;
}

#footer-section a {
	color: white;
}

.imgleft img {
	float: left;
	padding-right: 10px;
}

.imgright img {
	float: right;
	padding-left: 10px;
}

/** Calendar **/

body .flatpickr-calendar {
    width: 100%;
    box-shadow: none;
    border: 1px solid;
    border-color: var(--select-light);
    border-radius: 0;
}

body .dayContainer, body .flatpickr-days, body .flatpickr-rContainer {
    width: 100% !important;
}
.picture-container, .picture-container-sm
{
    margin-bottom: 10px;
}
   
.polaroid-shadow {
	box-shadow: 3px 5px 5px rgba(47,79,79, .2);
}

.picture-container .polaroid, .picture-container-sm .polaroid-sm
{
    position: absolute;
    background-color: white;
    padding: 15px 15px 60px 15px;
    box-shadow: 3px 5px 5px rgba(47,79,79, .2);
	margin: auto;	
}
.picture-container-xl .polaroid
{
    padding: 15px 15px 90px 15px;
	position: absolute;
    background-color: white;
	box-shadow: 3px 5px 5px rgba(47,79,79, .2);
	margin: auto;	
}


.picture-container .polaroid:after, .picture-container-xl .polaroid:after
{
    content: attr(polaroid-caption);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 1.4rem;
    text-align: center;
	color: black;
	font-weight: bold;
}
.picture-container-sm .polaroid-sm:after
{
    content: attr(polaroid-caption);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 20px);
    padding: 10px;
    text-align: center;
	color: black;
	font-weight: bold;
	font-size: 0.8rem;
}

.font-size-08 {
	font-size: 0.8rem;
}

.font-size-16 {
	font-size: 1.6rem!important;	
}

.font-size-50 {
	font-size: 5.0rem;	
}

.dreieck {
	color: #f0910d;
	background-color: #1664ac;
}

.search {
  background: url("/wp-content/uploads/2023/05/lupe_select.png") no-repeat right;
  background-size: 20px;
}
#block-8 {
	width: 350px;
}
.wp-block-embed__wrapper > iframe {
	height: 100%;
}
.minwidth {
	min-width: 100%;
}
.prevArrowBtn {
	border-radius: 15px;
	left: -15px!important;
	background-color: rgba(255, 255, 255, 0.7);
	width: 1.5rem;
	height: 1.5 rem;
	color: rgba(22, 100, 172, 1);
}
.nextArrowBtn {
	border-radius: 15px;
	right: -15px!important;
	background-color: rgba(255, 255, 255, 0.7);
	width: 1.5rem;
	height: 1.5 rem;
	color: rgba(22, 100, 172, 1);
}