/*
Theme Name: Blueline Design Bookings Quasar 
Author: Blueline Design
Author URI: http://www.bluelinedesign.se/
Description: Blueline Design Booking Theme
Version: 2.0
*/


body {
	overscroll-behavior: contain; 
}


/*
h1 {
    font-size: 3.75rem;
    line-height: 3.75rem;
    letter-spacing: normal;
	color:#999;
	
}*/






section, article {
	display:block;
}


.gray-to-white { 


	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+100 */
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.page-content a {
	text-decoration:none;
	color:#999;
}

.page-content a:hover {
	color:#000;
	

}


hr {
	border-top: 1px solid #E0E0E0;
}

.border-top { /* Använd på cards med full-height istället för q-separator */
	border-top: 1px solid #E0E0E0;
}

/*

.q-header {
	background:rgba(255, 255, 255, 0.9);
}


.q-header a, .q-drawer a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
	cursor:hand;
}

*/

.q-header a {
	text-decoration:none;
	color:#fff;
}

.q-header .q-toolbar__title {
	font-size:0.85rem;
	text-transform:uppercase;
}



[v-cloak], .hide-template {
	display:none;
}


.login-card a {
	text-decoration:none;
	color:#999;

}


.shadow {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,1);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,1);
}

.shadow-2 { 
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2), 0px 2px 2px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}

.cursor-pointer {
	cursor:hand;
	cursor:pointer;

	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

/* *********************************************************************** */
/* Animeringar */
/* *********************************************************************** */

.fadeIn {
	animation-name: fadeIn;
	animation-duration: 1s;
}

@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}

.fadeOut {
	animation-name: fadeOut;
	animation-duration: 1s;
}

@keyframes fadeOut {
	from {opacity:1;}
	to {opacity:0;}
}


/* ******************************************************************* */
/* Wave */
/* ******************************************************************* */

.wave {
	/*background:linear-gradient(to right, sandybrown, chocolate);*/
	height: 15px;
	position: relative;
}
.wave::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: repeat;
	height: 10px;
	background-size: 20px 20px;
	background-image:radial-gradient(circle at 10px -5px, transparent 12px, #af7837 13px);
}
.wave::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: repeat;
	height: 15px;
	background-size: 40px 20px;
	background-image:radial-gradient(circle at 10px 15px, #af7837 12px, transparent 13px);
}


/* ******************************************************************* */
/* Ikonlist */
/* ******************************************************************* */
.icon-list { 
	list-style-type:none;
	list-style:none;
	padding:0;
	margin:0;
	text-indent:0;
}

.icon-list li {
	padding: 4px 0;
}

.icon-list i {
	margin-right:10px;
	vertical-align:middle;
}

/* *********************************************************************** */
/* Our custom vertical dropdowns */
/* *********************************************************************** */


.quasar-menu-wrapper ul {
	list-style-type:none;
	list-style:none;
	padding:0;
	margin:0;
	text-indent:0;
}

.quasar-menu-wrapper a {
	text-decoration:none;
	color:#000;
	padding:10px 0;
	display:inline-block;
}

.quasar-menu-wrapper li {
	text-transform:uppercase;
	border-bottom:1px solid #f0f0f0;
}

.quasar-menu-wrapper li li {
	border:none;
}

.quasar-menu-wrapper .sub-menu {
	display:none;
}

.quasar-menu-wrapper .sub-menu.active {
	display:block;
}

.quasar-menu-wrapper .sub-menu  a {
	color:#999;
}

/* Style the opener/arrow */
.quasar-menu-wrapper .opener {
	cursor: pointer; 
	user-select: none; /* Prevent text selection */
	font-size:24px;

	float:right;
	transition: rotate 0.2s;
	/*background:#f0f0f0;*/
	margin-top:8px;
}

/*
.quasar-menu-wrapper li .opener:hover + ul,
.quasar-menu-wrapper li .opener:active + ul,
.quasar-menu-wrapper li .opener:focus + ul  {
	display:block;
}

*/

/* Create the opener/arrow with a unicode, and style it */
.opener::before {
	content: "keyboard_arrow_down";
	color: black;
	display: inline-block;
	transition-duration: 0.3s;
	transition-property: transform;
}

/* Rotate the opener/arrow icon when clicked on (using JavaScript) */
.opener-down::before {
	transform: rotate(180deg); 
}

.display-block {
	display:block;
}

/* *********************************************************************** */
/* Our custom horizontal dropdowns */
/* *********************************************************************** */

.ul-dropdown,
.ul-dropdown li ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0;
	text-indent:0;
	z-index:9999;
}


.ul-dropdown li {
	position:relative;
	display:inline-block;	
}

.ul-dropdown a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0;
	margin:0;
	font-size:0.85rem;
	text-transform:uppercase;
	transition: color 0.2s;
	padding: 12px 10px;
}

.ul-dropdown li a:hover {
	color:#f0f0f0;
}


/* menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-893 */

/* menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-886 */

/*menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-662 current_page_item menu-item-895*/

.ul-dropdown > .current-menu-item > a,
.ul-dropdown > .current-menu-parent > a,
.ul-dropdown > .current_page_item > a,
.ul-dropdown ul > .current_page_item > a { 
	font-weight:700;
}

.ul-dropdown li ul {
	visibility: hidden;
	position:absolute;
	top: 100%;
	left: 0;
	z-index:9999;
	padding:15px;
	border-radius:5px;
	background:#fff;
}

.ul-dropdown li:focus ul,
.ul-dropdown li:hover ul,
.ul-dropdown li:active ul {
	visibility: visible;
}

.ul-dropdown li ul li {
	display:block;
	margin:0;
	padding:0;
	width:auto;
	line-height:2rem;
}

.ul-dropdown li ul li a {
	padding:0;
	width:100%;
	white-space:nowrap;
	word-break: keep-all;
	

}

/* **************************************************************************** */
/* Colors */
/* **************************************************************************** */

.coffee,
.bg-coffee {
	background:#af7837;
}

.text-coffee {
	color:#af7837;
}

.bg-overlay {
	background:rgba(0, 0, 0, 0.5);
}


/* **************************************************************************** */
/* Posts */
/* **************************************************************************** */

.entry-title { 
	/*-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
	/*overflow-wrap: break-word;*/

}

.entry-title a {
	color:#000;	
}

.entry-title a:hover {
	color:#999;
}


/* **************************************************************************** */
/* We make some custom container classes */
/* **************************************************************************** */

.container-sm {
	max-width: 600px;
	margin: auto;
}

.container-md {
	max-width: 1024px;
	margin: auto;
}

.container-lg {
	max-width: 1440px;
	margin: auto;
}

.container-xl {
	max-width: 1920px;
	margin: auto;
}

.container {
	max-width:1200px;
	margin:auto;
}

.container-small { 
	max-width:580px;
	margin:auto;
}

.container-small img {
	width:100%;
	height:auto;
}


.map-responsive {
    overflow:hidden;
    padding-bottom:70%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* **************************************************************************** */
/* Sidfot */
/* **************************************************************************** */

.site-footer a {
	color:#999;
	text-decoration:none;
}

.site-footer a:hover {
	text-decoration:underline;
}

.site-footer .footer-info { 
	background:#070707;
}



.window-height-menu {
	height: calc( 100vh - 50px);
}

img.responsive-full {
	width:100%;
	height:auto;
	display:block;
}

.vertical-align {
	position: relative;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
}

.horizontal-align {
	position: relative;
	left: 50%;
	transform: perspective(1px) translateX(-50%);
}


.responsive-height { 
	max-height:calc( 100vh - 50px );
}

.responsive-font { 

	/* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
	font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	line-height:1;

}

/* **************************************************************************** */
/* Quasar Media Queries */
/* **************************************************************************** */


/* Extra small här... */

.responsive-banner img {
	max-width:600px;
	height:auto;
}


.responsive-banner-long { /* Om banner bilder är högre än 450px beskär dom automatiskt */
	max-height:450px;
}

.responsive-banner-long img {
	max-width:1024px;
	height:auto;
}


/* Större än extra small minst 600px */
@media (min-width: 600px){


	.responsive-banner img {
		max-width:1024px;
		height:auto;
	}

	.responsive-banner-long img {
		max-width:1440px;
		height:auto;
	}


}

/* Större än medium minst 1024px */
@media (min-width: 1024px){

	.responsive-banner img {
		width:100%;
		max-width:none;
		height:auto;
	}
	
	.responsive-banner-long img {
		max-width:1920px;
		height:auto;
	
	}

}


/* Större än extra large minst 1920px */
@media (min-width: 1920px) {

	.responsive-banner-long img {
		width:100%;
		max-width:none;
		height:auto;
	}


}


/* Extra small Up to 599px */
@media (max-width: 599px){
	
	/*h1 {
		font-size:3.75rem;
		line-height:3.75rem;
	}*/

	body .fc {
		/* font-size: 0.7em !important; */
	}

	.fc-toolbar.fc-header-toolbar  {
		display:block;
	}
	
	.fc-toolbar.fc-header-toolbar .fc-left {
		width:100%;
		text-align:center;
	}

	.fc-toolbar.fc-header-toolbar .fc-right {
		width:100%;
		text-align:center;
	}
	
	.fc-timeGridWeek-view  .fc-content  {
		display:none;
	
	}
	


}

/* Small Up to 599px */
@media (max-width: 1023px){

}

/* Medium Up to 1439px */
@media (max-width: 1439px){

}

/* Large Up to 1919px */
@media (max-width: 1919px){

}

/* Extra large Bigger than  1920px */
@media (min-width: 1920px) {

}


/* ******************************************************************* */
/* Fullcalendar */
/* ******************************************************************* */


/*.fc-highlight {
	background: #AFB42B;
}*/


/* https://developers.google.com/web/updates/2017/11/overscroll-behavior */

.fc-view-container {
	/*overscroll-behavior: contain;	*/
	overscroll-behavior: none;
}



.fc-head .fc-day-header,
.fc-head .fc-axis {
	padding:10px 0;
	background-color:#fff !important;
	/*border-color:#fff;*/
	/* color:#fff; */
}

.fc-timeGrid-view tr {
	height:24px;
}

.fc .fc-day-header  {
	vertical-align:middle; 
}

.fc .fc-past {
	background:#F0F0F0;
}

.fc .fc-today, .fc .fc-future {
	font-weight:bold;
}


/* Dagens datum */
/*
.fc.fc-unthemed td.fc-today {
	background:#6CC;
}*/

/*
.fc .fc-daygrid-day.fc-day-today { background-color:rgba(255,152,0,0.5) !important; color:#fff; }
.fc .fc-daygrid-day.fc-day-past { background-color:#f0f0f0; }

.fc-theme-standard td, .fc-theme-standard th { border:none !important }
.fc table { border:none !important }

.fc .fc-daygrid .fc-col-header-cell { padding:10px 0; }
.fc .fc-daygrid .fc-col-header-cell.fc-day-sun { color:#F00; }

.fc .fc-daygrid-day-top .fc-daygrid-day-number { padding:10px; } */




/* Component bd-timeslot */

.bd-timeslot {
	display:inline-block;
	padding:4px 8px;



	width:126px;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#f0f0f0;
	border:1px solid #ccc;
	border-radius:10px;
	cursor:pointer;

}



.bd-timeslot.range-start {

	/*border-top-right-radius:0;
	border-bottom-right-radius:0;
	margin-right:0;
	width:136px;*/

}

.bd-timeslot.range-end {
	/*border-top-left-radius:0;
	border-bottom-left-radius:0;*/
}

.bd-timeslot.range {
	/*border-radius:0;
	margin-right:0;
	width:136px;
	cursor:pointer;*/
}

.bd-timeslot.selected {
	background-color:#ccc;
	border:1px solid #999;
}

.bd-timeslot.range-start,
.bd-timeslot.range,
.bd-timeslot.range-end {
	border-color:#FF9800;
	background-color:#FF9800;
	color:#FFF;
}





.bd-timeslot.unavailable {
	cursor:auto;
	opacity:0.5;
  	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}