/* 

	Theme Name: Mietebitte
	Theme URI: http://www.mietebitte.nl 
	Description: Apart Via Claudia Augusta
	Version: 1.0  
	Author: Bloemendaal in Vorm
	Author URI: http://www.bloemendaalinvorm.nl
	
*/
/*-----------------------------------------------------------------------------------

	0.	Clearfix
	1.  Basics (fonts, body, links etc)
	2.	Socialmedia icons

-----------------------------------------------------------------------------------*/
/*---------------------------------------------- 
0. Clearfix
------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.clearfix {
  *display: inline-block;
  height: 1%;
}
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

/*---------------------------------------------- 
1. Basics
------------------------------------------------*/

/* Body --------------------------------------- */
body {
	font-family: 'Source Sans Pro', sans-serif;	
	background: #edeae6;
}

body.ie {
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}

/* Typography --------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif;	
	margin-top: 0;
	margin-bottom: 0.75em;
	font-weight: 700;
}

h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 26px; } 
h3, .h3 { font-size: 22px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

@media all and (min-width: 768px) {
	h1, .h1 { font-size: 32px; }
	h2, .h2 { font-size: 28px; } 
	h3, .h3 { font-size: 24px; }
	h4, .h4 { font-size: 20px; }
	h5, .h5 { font-size: 16px; }
	h6, .h6 { font-size: 14px; }
}
@media all and (min-width: 992px) {
	h1, .h1 { font-size: 32px; }
	h2, .h2 { font-size: 28px; } 
	h3, .h3 { font-size: 24px; }
	h4, .h4 { font-size: 20px; }
	h5, .h5 { font-size: 16px; }
	h6, .h6 { font-size: 14px; }
}
@media all and (min-width: 1200px) {	
	h1, .h1 { font-size: 34px; }
	h2, .h2 { font-size: 30px; } 
	h3, .h3 { font-size: 26px; }
	h4, .h4 { font-size: 22px; }
	h5, .h5 { font-size: 18px; }
	h6, .h6 { font-size: 16px; }
}

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

/* Buttons -------------------------------------- */
.btn-circle {
	width: 30px;
	height: 30px;
	line-height: 15px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.btn-brochure {
	position: relative;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	overflow: hidden;	
	border: none;
	padding: 40px 15px;
	color: #fff;
	background-image: url('../images/brochure-btn-bg.png'); 
}	

	.btn-brochure:hover {
		color: #fff;	
	}

/* Links -------------------------------------- */
a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;	
}

a:hover, a:focus {
	text-decoration: none;	
}

/* Lists ------------------------------ */
.list-percentage {
	list-style: none;
	padding: 0;
	margin: 0;
}

	.list-percentage li {
		padding: 0;
		margin: 0;
		font-size: 10px;
		display: inline-block;
		width: 12.5%;
		text-align: center;
	}

/* Embed container --------------------------- */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Flexbox ---------------------------------- */
.acf-map {
	width: 100%;
	height: 500px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* Flexbox ---------------------------------- */
.flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;	
}

/* Colors ------------------------------------- */
.bg-white { background: #fff !important; }
.bg-white-rgba { background: rgba(255, 255, 255, 0.9) !important; }
.white { color: #fff !important; }

.bg-blue { background: #129bdb !important; }
.bg-blue-rgba { background: rgba(18, 155, 219, 0.9) !important; }
.blue { color: #129bdb !important; }

.bg-green { background: #449b23 !important; }
.bg-green-rgba { background: rgba(68, 155, 35, 0.9) !important; }
.green { color: #449b23 !important; }

.bg-orange { background: #f27c00 !important; }
.bg-orange-rgba { background: rgba(242, 124, 0, 0.9) !important; }
.orange { color: #f27c00 !important; }

.bg-red { background: #ae0018 !important; }
.bg-red-rgba { background: rgba(174, 0, 24, 0.9) !important; }
.red { color: #ae0018 !important; }

.bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

/* Color-bars --------------------------------- */
.top-bar {
	position: absolute;
	top: 0px;
	height: 8px;
	width: 100%;
}

.bottom-bar {
	position: absolute;
	bottom: 0px;
	height: 24px;
	width: 100%;
}

/* Canvas ------------------------------------- */
body.canvas-slid:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	z-index: 999;
}

/* Box shadow ------------------------------------- */
.box-shadow-5 {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.box-shadow-10 {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.box-shadow-15 {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

/* Background-scratches ----------------------- */
.bg-scratch {
	position: relative;
	z-index: 1;
}

.scratch-inner:before,
.scratch-inner:after {
	display: block;
	content: '';
	width: 100%;
	height: 24px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 2;
}

.scratch-outer:before,
.scratch-outer:after {
	display: block;
	content: '';
	width: 100%;
	height: 24px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.inner-top:before { top: 0; }
.inner-bottom:after { bottom: 0; }

.outer-top:before { top: -24px; }
.outer-bottom:after { bottom: -24px; }

.inner-top.scratch-top-green:before { background-image: url('../images/textures/blue-top.png'); }
.inner-top.scratch-top-gray:before { background-image: url('../images/textures/gray-top.png'); }
.inner-top.scratch-top-white:before { background-image: url('../images/textures/white-top.png'); }

.inner-bottom.scratch-bottom-green:after { background-image: url('../images/textures/blue-bottom.png'); }
.inner-bottom.scratch-bottom-gray:after { background-image: url('../images/textures/gray-bottom.png'); }
.inner-bottom.scratch-bottom-white:after { background-image: url('../images/textures/white-bottom.png'); }

.outer-top.scratch-top-green:before { background-image: url('../images/textures/blue-bottom.png'); }
.outer-top.scratch-top-gray:before { background-image: url('../images/textures/gray-bottom.png'); }
.outer-top.scratch-top-white:before { background-image: url('../images/textures/white-bottom.png'); }

.outer-bottom.scratch-bottom-green:after { background-image: url('../images/textures/blue-top.png'); }
.outer-bottom.scratch-bottom-gray:after { background-image: url('../images/textures/gray-top.png'); }
.outer-bottom.scratch-bottom-white:after { background-image: url('../images/textures/white-top.png'); }

/*---------------------------------------------- 
2. Socialmedia icons
------------------------------------------------*/
#socialmedia-icons {
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 10;
}

	#socialmedia-icons ul {
		margin: 0;
	}
		
		#socialmedia-icons ul li + li {
			margin-top: 2px;
		}
		
		#socialmedia-icons ul li a {
			font-size: 20px;
			color: #fff;
			display: block;
			width: 42px;
			height: 42px;
			line-height: 42px;
			text-align: center;
			background: #ff6600;
		}
			
			#socialmedia-icons ul li a:hover {
				background: #ff4e00;
			}

/*---------------------------------------------- 
x. Masthead
------------------------------------------------*/
#masthead {
	height: 360px;
	position: relative;
}

	#masthead #header-carousel {
		z-index: -1;
	}
	
		#masthead #header-carousel .item {
			height: 360px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}	
		
			#masthead #header-carousel .owl-buttons {}
			
				#masthead #header-carousel .owl-buttons {
					position: absolute;
					z-index: 10;
					width: 100%;
					left: 0;
					right: 20px;
					margin: 0 auto;
					bottom: 30px;
					text-align: right;
					z-index: 10;
				}
				
				#masthead #header-carousel .owl-buttons div {
					position: static;
					left: 0;
					right: 0;
				}	
				
				#masthead #header-carousel .owl-buttons .owl-prev {
					left: 0;
				}
				#masthead #header-carousel .owl-buttons .owl-next {
					right: 0;
				}
				
@media all and (min-width: 768px) {
	#masthead,
	#masthead #header-carousel .item {
		height: 360px;
	}	
	
	#masthead #header-carousel .owl-buttons {
		width: 750px;
		bottom: -62px;
		right: 0;
	}
}
@media all and (min-width: 992px) {
	#masthead,
	#masthead #header-carousel .item {
		height: 400px;
	}		
	#masthead #header-carousel .owl-buttons {
		width: 970px;
		bottom: -62px;
		right: 0;
	}
}
@media all and (min-width: 1200px) {	
	#masthead,
	#masthead #header-carousel .item {
		height: 500px;
	}	
	#masthead #header-carousel .owl-buttons {
		width: 1170px;
		bottom: -62px;
		right: 0;
	}
	#masthead.subpage {
		height: 420px;
	}
}
@media all and (min-width: 1400px) {
	#masthead,
	#masthead #header-carousel .item {
		height: 600px;
	}	
	#masthead.subpage {
		height: 440px;
	}		
}
				

/*---------------------------------------------- 
x. Navigation
------------------------------------------------*/
#navigation {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

	#navigation .navigation-brand {
		padding: 15px 0;
		height: 115px;
		text-align: center;
	}
	
		#navigation .navigation-brand a img {
			margin: 0 auto;
		}
	
		#navigation .navigation-menu {
			background: #fff;
			text-align: center;
		}

			/* Navbar-collapse ------------------------*/
			.icon-bar {
				background: #ccc;
			}
			
			/* Mobile language selector -----------------------*/
			#mobile-navigation .wpml-language-selector {
				margin: 0 0 30px 0;
			}

				#mobile-navigation .wpml-language-selector li {
					text-align: center;					
					width: 100%;
				}
				
					#mobile-navigation .wpml-language-selector li.active {
						background: #eee;
					}
				
					#mobile-navigation .wpml-language-selector li {
						border-bottom: 1px solid #eee;
					}
				
				#mobile-navigation .wpml-language-selector li a {	
					display: block;				
					font-size: 15px;
					font-weight: 600;
					color: #424242;
					padding: 5px 20px;
				}
			
			/* Mobile-menu -------------------------------*/
			#mobile-navigation {
				background: #fff;
			}
			
				#mobile-navigation .mobile-nav > li:not(.btn-beschikbaarheid) > a {
					font-size: 16px;
					font-weight: 700;
					color: #424242;
					text-transform: uppercase;
					padding: 10px 20px 10px 20px;
					border-bottom: 4px solid #fff;
					background: none;
					text-align: center;
				}
				
					#mobile-navigation .mobile-nav > li:not(.btn-beschikbaarheid):hover > a,
					#mobile-navigation .mobile-nav > li.open:not(.btn-beschikbaarheid) > a,
					#mobile-navigation .mobile-nav > li.current_page_parent:not(.btn-beschikbaarheid) > a {
						color: #87c846;
						border-color: #eee;
					}
				
					#mobile-navigation .mobile-nav > li.active:not(.btn-beschikbaarheid) > a {
						color: #87c846;
						border-color: #87c846;
					}
					
					/* Sub-menu -----------------------*/
					#mobile-navigation .mobile-nav .dropdown-menu {
						width: 300px;
						margin: 0;
						border: none;
						background: #e7e7e7;
						padding: 0;
					}
					
						#mobile-navigation .mobile-nav .dropdown-menu li a {
							padding: 6px 20px;
							text-align: center;
						}
						
							#mobile-navigation .mobile-nav .dropdown-menu li a:hover {
								background: #fff;
								color: #3b358d;
							}
							
							#mobile-navigation .mobile-nav .dropdown-menu li.active a,
							#mobile-navigation .mobile-nav .dropdown-menu li.active a:hover {
								background: #3b358d;
								color: #fff;
							}
							
					#mobile-navigation .mobile-nav .dropdown-menu .dropdown-toggle {
						height: 0px;
						padding: 0 !important;	
					}
						
					/* Mobile nav close --------------------*/
					.mobile-nav-close {
						margin-top: 30px;
						text-align: center;
					}	
					
						.mobile-nav-close a {
							font-size: 18px;
							text-transform: uppercase;
							color: #333;
						}
				
			/* Beschikbaarheid-btn ---------------------*/
			#mobile-navigation .mobile-nav .btn-beschikbaarheid a {
				font-size: 16px;
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
				padding: 16px 30px;
				background: #accc3d;
				text-align: center;
			}
	
@media all and (min-width: 992px) {
	#navigation {
		position: absolute;
		top: 0;
		width: 100%;
	}
		
		#navigation .navigation-menu {
			height: 115px;
			text-align: right;
		}	
		
			#navigation .navigation-menu .bottom-line {
				border-bottom: 2px solid #eee;
			}
			
			/* Season selector -----------------------*/
			#navigation .navigation-menu .season-selector {
				display: inline-block;
				margin: 0;
			}	
				
			/* Language selector -----------------------*/
			#navigation .navigation-menu .wpml-language-selector,
			#navigation .navigation-menu .season-selector {
				margin: 0;				
				display: inline-block;
				height: 42px;
			}
			
				#navigation .navigation-menu .season-selector {
					float: left;
				}
				
				#navigation .navigation-menu .wpml-language-selector {
					float: right;
				}

				#navigation .navigation-menu .wpml-language-selector li,
				#navigation .navigation-menu .season-selector li {					
					padding: 0;
				}
				
					#navigation .navigation-menu .wpml-language-selector li.active,
					#navigation .navigation-menu .season-selector li.active {
						background: #eee;
					}
				
					#navigation .navigation-menu .wpml-language-selector li + li,
					#navigation .navigation-menu .season-selector li + li {
						border-top: 1px solid #eee;
					}
				
				#navigation .navigation-menu .wpml-language-selector li a,
				#navigation .navigation-menu .season-selector li a {
					display: block;
					font-size: 15px;
					font-weight: 600;
					color: #424242;
					padding: 5px 20px;
				}
			
			/* Main-menu -----------------------*/
			#navigation .navigation-menu .navbar-right > li:not(.btn-beschikbaarheid) > a {
				font-size: 14px;
				font-weight: 700;
				color: #424242;
				text-transform: uppercase;
				padding: 24px 10px 23px 10px;
				border-bottom: 4px solid #fff;
				background: none;
			}
			
				#navigation .navigation-menu .navbar-right > li:not(.btn-beschikbaarheid) > a:hover,
				#navigation .navigation-menu .navbar-right > li.open:not(.btn-beschikbaarheid) > a {
					color: #3b358d;
					border-color: #eee;
				}
			
				#navigation .navigation-menu .navbar-right > li.active:not(.btn-beschikbaarheid) > a,
				#navigation .navigation-menu .navbar-right > li.current_page_parent:not(.btn-beschikbaarheid) > a {
					color: #3b358d;
					border-color: #3b358d;
				}
				
				/* Sub-menu -----------------------*/
				#navigation .navigation-menu .navbar-right .dropdown-menu {
					border: none;
					background: #e7e7e7;
					padding: 0;
				}
				
					#navigation .navigation-menu .navbar-right .dropdown-menu li a {
						padding: 6px 20px;
					}
					
						#navigation .navigation-menu .navbar-right .dropdown-menu li a:hover {
							background: #fff;
							color: #3b358d;
						}
						
						#navigation .navigation-menu .navbar-right .dropdown-menu li.active a,
						#navigation .navigation-menu .navbar-right .dropdown-menu li.active a:hover {
							background: #3b358d;
							color: #fff;
						}
						
						#navigation .navigation-menu .dropdown-menu .dropdown-toggle {
							height: 0px;
							padding: 0 !important;	
						}				
		
			/* Language selector -----------------------*/
			#navigation .navigation-menu .wpml-language-selector li {
				width: auto;
				border-left: 2px solid #eee;
				border-right: 2px solid #eee;
			}
			
				#navigation .navigation-menu .wpml-language-selector li + li {
					border-left: 0;
					border-top: 0;
					border-right: 2px solid #eee;
				}
				
				#navigation .navigation-menu .wpml-language-selector li img {
					margin-left: 6px;
				}
				
			/* Beschikbaarheid btn -----------------------*/
			#navigation .navigation-menu .navbar-right .btn-beschikbaarheid a {
				font-size: 14px;
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
				padding: 26px 16px 25px 16px;
				background: #ff6600;
			}
			
				#navigation .navigation-menu .navbar-right .btn-beschikbaarheid a:hover {
					background: #ff4e00;
				}			
			
}

@media all and (min-width: 1200px) {
	#navigation .navigation-menu .navbar-right > li:not(.btn-beschikbaarheid) > a {
		font-size: 16px;
		padding: 24px 20px 23px 20px;
	}
	
	#navigation .navigation-menu .navbar-right .btn-beschikbaarheid a {
		font-size: 16px;	
		padding: 26px 30px 25px 30px;
	}
}

/*---------------------------------------------- 
x. Page title
------------------------------------------------*/
#page-title {
	padding: 20px 0;
	background: #3b358d;
	z-index: -1;
}

	#page-title h1.page-title {
		color: #fff;
		margin: 0;
	}
	
/*---------------------------------------------- 
x. Middle
------------------------------------------------*/
#middle {
	padding: 60px 0;
}
	
/* Primary ---------------------------------- */
#primary {}

	#primary h1,#primary h2,#primary h3,#primary h4,#primary h5,#primary h6 {
		color: #3b358d;
	}

	#primary a {
		color: #3d8dad;
	}

		#primary a:hover {
			color: #ff6600;
		}	
	
/* Secondary --------------------------------- */
#secondary {}

	#secondary .widget-wrapper {
		background: #fff;
	}
	
		/* Widget-weather ------------------------ */
		.widget-weather figure {
			position: relative;
		}
		
			.widget-weather figure .overlay-wrapper {
				width: 100%;
				position: absolute;
				bottom: 0;
			}
				
				.widget-weather figure .overlay-wrapper ul {
					margin: 0;
				}
			
				.widget-weather figure .overlay-wrapper ul li.temperature {
					padding: 0 15px;
					background: rgba(0,184,241,0.9);
				}
				
					.widget-weather figure .overlay-wrapper ul li.temperature span {
						font-size: 44px;
						font-weight: 900;
						color: #fff;
					}
					
					.widget-weather figure .overlay-wrapper ul li.temperature small {
						color: #fff;
					}
				
				.widget-weather figure .overlay-wrapper ul li.more-weather {
					padding: 10px 15px;
					background: rgba(0,140,184,0.9);
				}
				
					.widget-weather figure .overlay-wrapper ul li.more-weather a {
						font-weight: 700;
						color: #fff;
					}
				
		/* Widget-ratings ------------------------ */
		.widget-ratings ul li {
			padding: 6px 15px;
		}
					
		.widget-ratings ul li.zoover {
			border-top: 2px solid #eee;
		}
			
			.widget-ratings ul li a {
					font-size: 34px;
					font-weight: 900;
			}		
				
			.widget-ratings ul li.bookings a { color: #043782; }
			.widget-ratings ul li.zoover a { color: #f05c13; }
			
			.widget-ratings ul li a img { display: inline-block; }
			
	  /* Appartment-info ------------------------ */
		.appartment-info figure {
			position: relative;
		}
		
			.appartment-info figure .overlay-wrapper {
				width: 100%;
				position: absolute;
				bottom: 0;
				background: rgba(135,200,70,0.9);
				padding: 0 0 10px 0;
			}
				
				.appartment-info figure .overlay-wrapper ul {
					text-align: center;
					margin: 0;
				}
			
					.appartment-info figure .overlay-wrapper ul li.price {
						font-size: 44px;
						font-weight: 900;		
						color: #fff;		
					}
						
						.appartment-info figure .overlay-wrapper ul li.price small {
							font-size: 26px;
						}
						
					.appartment-info figure .overlay-wrapper ul li.persons,
					.appartment-info figure .overlay-wrapper ul li.surface {
						font-size: 15px;
						font-weight: 700;		
						color: #fff;		
					}
		
		/* Appartment-links ------------------------ */
		.appartment-links {}
		
			.appartment-links ul li + li {
				border-top: 2px solid #eee;
			}
			
				.appartment-links ul li a {
					display: inline-block;
					font-size: 17px;
					color: #313131;
					text-transform: uppercase;
					padding: 10px 15px;
				}
				
				.appartment-links ul li a:hover {
					color: #3b358d;
				}
				
				.appartment-links ul li.active a {
					font-weight: 700;
					color: #3b358d;
				}
				
		/* Virtual-tour ------------------------ */	
		.virtual-tour {}
		
			.virtual-tour .btn {
				padding: 20px 0;
				color: #fff;
				font-weight: 900;
				text-transform: uppercase;
				background: #b3a49b;
			}
			
				.virtual-tour .btn:hover {
					background: #a19086;
				}

		/* Appartment-book ------------------------ */
		.widget-direct {
			margin-top: 20px;
		}
		.appartment-book {}
		
			.appartment-book .btn {
				padding: 20px 0;
				color: #fff;
				font-weight: 900;
				text-transform: uppercase;
				background: #ff6600;
			}
			
				.appartment-book .btn:hover {
					background: #ff4e00;
				}


/*---------------------------------------------- 
x. Modules
------------------------------------------------*/
.module-title {
	font-weight: 900;
	text-transform: uppercase;
}

/* Module-accommodations ----------------------------- */
.module-accommodations {
	height: 320px;
	background: #3b358d;
	margin-bottom: 160px;
}
	
	.module-accommodations .container {
		position: relative;	
	}
	
		.module-accommodations .zoover-award {
			position: absolute;
			right: 15px;
			top: -70px;
		}
	
	.module-accommodations .title-row {
		padding: 20px 0;
	}
	
	.module-accommodations .carousel-row {
	}
	
		#accommodations-carousel {
			z-index: 999;
		}
	
		#accommodations-carousel .item {
			background: #fff;
		}
	
			#accommodations-carousel .owl-item {
				padding: 7.5px;
			}
		
			#accommodations-carousel .item .acc-image {
				position: relative;
			}	
			
				#accommodations-carousel .item .acc-image .price-tag {
					position: absolute;
					bottom: 20px;
					background: #accc3d;
					padding: 0 15px 3px 15px;
					-webkit-border-top-right-radius: 3px;
					-webkit-border-bottom-right-radius: 3px;
					-moz-border-radius-topright: 3px;
					-moz-border-radius-bottomright: 3px;
					border-top-right-radius: 3px;
					border-bottom-right-radius: 3px;
				}	
				
					#accommodations-carousel .item .acc-image .price-tag small {
						font-size: 14px;
						font-weight: 900;
						color: #fff;
					}
						
					#accommodations-carousel .item .acc-image .price-tag span {
						font-size: 22px;
						font-weight: 900;
						color: #fff;
					}
				
			#accommodations-carousel .item .acc-info {
				text-align: center;
				padding: 15px;
			}
			
				#accommodations-carousel .item .acc-info span {
					display: block;
					font-size: px;
					color: #9d9d9d;
					text-transform: uppercase;
				}
				
				#accommodations-carousel .item .acc-info a {
					font-size: 26px;
					font-weight: 900;
					color: #3b358d;
				}

/* Module-images ----------------------------- */
.module-images {
	position: relative;
	z-index: 1;
}

	.module-images .btn-primary {
		font-size: 22px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		position: absolute;
		top: -22px;
		z-index: 3;
		background: #accc3d;
		border-color: #accc3d;
	}
		
		.module-images .btn-primary:hover {
			background: #de5900;
			border-color: #de5900;
		}
	
	.module-images .row-nopadding .module-images-image  {
		position: relative;
		padding: 0;
	}

/*---------------------------------------------- 
x. Footer
------------------------------------------------*/
#footer {}

	/* Footer-upper ----------------------------- */
	#footer-upper {
		background: #fff url('../images/footer-upper-bg.jpg');
		background-position: bottom center;
		background-size: cover;
		padding: 60px 0;		
	}
	
		#footer-upper .footer-widget + .footer-widget {
			margin-top: 30px;
		}
		
			#footer-upper .footer-widget h6 {
				color: #3b358d;	
				margin-bottom: 30px;
			}
			
			#footer-upper .footer-widget .list-line {
				margin: 0;
			}
			
				#footer-upper .footer-widget .list-line li + li {
					margin-top: 10px;
					padding-top: 10px;
					border-top: 1px solid #edeae6;
				}
				#footer-upper .footer-widget li.spacer {
					height: 15px;
				}
				
					#footer-upper .footer-widget li span {
						font-size: 13px;
						font-weight: 700;
						color: #858585;
						display: block;
					}
					
					#footer-upper .footer-widget .list-line li a {
						color: #313131;
					}
					
					#footer-upper .footer-widget .list-line li.active a {
						font-weight: 700;
					}
					
					#footer-upper .footer-widget .list-line li a:hover {
						color: #3b358d;
					}
			
	@media all and (min-width: 768px) {
		#footer-upper .footer-widget + .footer-widget {
			margin-top: 0;
		}	
	}
	
	/* Footer-base ------------------------------ */
	#footer-base {
		background: #fff;
		padding: 30px 0;
	}
		
		#footer-base .col-sm-5 {
			margin-top: 30px;	
		}
		
		#footer-base span {
			text-align: center;	
		}
	
		#footer-base span,
		#footer-base span a {
			color: #8b8b8b;
		}
		
			#footer-base span a:hover {
				color: #3b358d;
			}
		
		@media all and (min-width: 768px) {
			#footer-base .col-sm-5 {
				margin-top: 0;	
			}
			
			#footer-base span {
				text-align: left;	
			}	
			
			#footer-base .text-right {
				text-align: right;	
			}	
		}

/*---------------------------------------------- 
x. Winter theme #3b358d
------------------------------------------------*/
body.winter {}

	body.winter #footer-base span a:hover {
		color: #3b358d;
	}