@font-face {
	font-family: "calluna-sans";
	src: url("/wp-content/plugins/midbec_wallpaper_tool/fonts/CallunaSansRegular-webfont.woff2") format("woff2"),
	url("/wp-content/plugins/midbec_wallpaper_tool/fonts/CallunaSansRegular-webfont.woff") format("woff");
}
footer p {
	font-size: 14px;
	color: #adadad;
	line-height: 24px;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
footer p:first-of-type {
	margin-top: 16px;
}
#mainFooter p span {
	color: #fff;
	font-style: italic;
}
.msg,
.tabb,
.information,
.midbec-button,
.find-store *,
.find-wallpaper * {
	font-family: 'calluna-sans', sans-serif;
}
.hentry {
	padding: 0!important;
}
.entry-meta,
.entry-header, 
.entry-content, 
.entry-summary {
	max-width: 902px!important;	
}
.bx-wrapper,
.entry-content a {
	box-shadow: none!important;
}
.mwpt-wrapper,
.no-sidebar .entry-content {
	margin: 0 auto!important;
}
.landscape-message h4 {	
	margin: 0 auto 16px auto;
}
.hidden,
img.hidden-image,
.page-id-433 header, 
.page-id-433 footer, 
a.home-link,
.entry-header,
.bxslider > li.bx-clone,
.bxslider > li:not(.visible) {
	display: none!important;
	visibility: hidden!important;
}
.mwpt-wrapper {	
	border: solid black 1px;	
	box-sizing: content-box;
	max-width: 1000px;		
}
.bxslider {
	overflow: auto;
}
.bxslider li {
	opacity: .6;
}
.bxslider li:hover {
	opacity: 1;	
}
.bxslider > li img {
	opacity: 0;
}
.bxslider > li,
.bxslider > li img {
	max-height: 150px;
}
.tabb:hover,
.change-step:hover,
.bxslider li:hover,
.dropdown-button:hover {
	cursor: pointer;
}
.list-item-slider {
	display: list-item;
}
.tabb,
.top-10-wallpaper img {	
	display: inline-block;	
}
.tabb {
	width: 250px;
}

.find-store input,
.find-store button {
	width: 100%;
} 
.tabb,
.midbec-button,
.find-store button,
.find-store button:hover,
.find-store button:active,
.find-store button:focus {
	color: #FFF!important;	
}
.tabb,
.midbec-button,
.uk-nav-dropdown li a i {
	float: right;
}
.tabb {
	background-color: rgb(105,126,143);
}
.midbec-button {
	background-color: #000!important;	
}
.midbec-button:hover {
	background-color: #444;
}
.midbec-button.next-step {
	background-color: #1aa53b;
}
.msg {
	font-size: 10px;
	color: red;	
	text-transform: uppercase;
	padding: 0 6px;
}
.msg,
.tabb,
.find-store *,
.find-wallpaper *,
.midbec-button {
	letter-spacing: 3px;
}
.tabb,
.find-store *,
.midbec-button {
	font-size: 13px;	
}
.tabb,
.find-store *,
.find-wallpaper *,
.midbec-button,
.find-store input,
.find-wallpaper input {
	text-transform: uppercase;
}
.find-store h4,
.find-wallpaper h4 {
	margin-bottom: 6px!important;	
	margin-top: 2px!important;
	font-size: 14px!important;
	letter-spacing: 3px!important;
	font-weight: 600!important;
}
.tabb,
.rooms-dropdown .room img {
	margin-right: 10px;
}
.midbec-button .uk-nav-dropdown>li>a:focus,
.midbec-button .uk-nav-dropdown>li>a:hover {
	background: rgba(0,0,0,.2)!important;
}
.midbec-button .uk-dropdown {
	padding-top: 0!important;
}
.mwpt-relative,
.mwpt-room .foreground-image {
	position: relative;
}
.tabb,
.bxslider-wrapper,
.mwpt-room .background-image {
	position: absolute;		
}
span.space,
.percentage,
.midbec-button,
.mwpt-room .background-image,
.dropdown-button > .uk-dropdown {
	width: 100%;
}
.mwpt-room img{
	max-height: 780px;
}
.top-10-wallpaper img {
	max-width: 30%;	
}
.bx-wrapper {
	max-width: 100%!important;	
}
.uk-dropdown-bottom {
	margin-top: 0!important;
}
.tabb,
.tabb i,
.bxslider-wrapper {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.midbec-button,
.bxslider li {
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;	
}
.mwpt-room .background-image {		
	height: 100%;	
	background-repeat: no-repeat;
	z-index: -1;
}
.information {
	display: none;
	padding: 8px 10px;	
	background: #e6e6e6;
	border: solid #cecece 1px;
}
.right-side {
	padding: 10px;
}
.tabb,
.midbec-button,
.find-store input,
.find-wallpaper input {
	padding: 6px 15px;	
}
.find-store input,
.find-wallpaper input {
	font-size: 1rem;
	border-width: 1.9px;
	border-color: #000;
	border-right: none;
	height: 32.6px;
}
.find-store button {
	height: 32.6px;
	background: rgba(0,0,0,1);
}
.find-store button:hover,
.find-store button:active,
.find-store button:focus {
	border-color:rgba(0,0,0,.5);
	background: rgba(0,0,0,.5);
}
.midbec-button {		
	display: block;		
	text-decoration: none!important;
}
.find-store,
.find-wallpaper,
.percentage,
.information,
.midbec-button {
	margin-bottom: 8px!important;
}
.tabb i,
.midbec-button i {	
	padding-top: 4px;
}
.midbec-button.previous-step {
	text-align: right;
}
.midbec-button.previous-step i {
	float: left;	
}
.rooms-dropdown .room img {
	max-height: 50px;	
}
.top-10-wallpaper span {
	padding-left: 10px;
}
span.space {
	padding: 8px 0;
}
.tabb,
.percentage i {
	right: 0;
}
.bx-wrapper {
	border: none;
	background: transparent;	
}
.bxslider > li {
	height: 150px;
	border-left: solid black 1px;
	width: 200px!important;
}
.tabb.closed,
.bxslider-wrapper {
	bottom: 0;
}
.tabb {
	bottom: 150px;
}
.tabb:not(.closed) + .bxslider-wrapper {
	height: 150px;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
}
.tabb.closed + .bxslider-wrapper {
	/*bottom: -150px;*/
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}
.find-wallpaper input {
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0; 
}
/* REMOVE THESE LATER */
.site-inner {
	max-width: 100%!important;
	position: static!important;
}
#content {
	padding: 160px 20px 0 20px!important;
}
.entry-content {
	max-width: 100%!important;
}
#provider-json,
.easy-autocomplete {
	width: 100%!important;
}
#provider-json {
	border-right: solid black 2px;
}
.filter.parent {
	font-weight: bold;
	padding: 5px 15px 5px 10px;
	width: 100%;	
}
.filter.parent,
.filter.buttons {
	clear: both;
}
.filter.buttons {	
	padding: 10px;
	margin-bottom: 10px;
}
.filter.buttons > button:hover {
	background-color: rgba(0,0,0,.75);
}
.filter.buttons > button,
.filter.buttons > button:disabled:hover,
.filter.buttons > button[disabled]:hover {
	background-color: #000;
	color: #FFF;
	padding: 10px 20px;
	display: inline-block;
	outline: none!important;
}
.filter.buttons > button:disabled:hover,
.filter.buttons > button[disabled]:hover {
	cursor: not-allowed;
}
.filter.buttons > button:first-child {
	margin-right: 20px;
}

.filter.search {
	width: 50%;
}
.filter.parent h4 {
	margin-bottom: 2px;
}
.filter.child {
	width: 25%;
	float: left;
	padding: 0 10px;
	font-weight: normal;
	font-size: 13px;
}
.filter.child a {
	color: #000;
}
.filter.child a:hover {
	text-decoration: none;
}
.eac-item .data img {
	max-width: 80px;
	height: auto;
}
.eac-item h5 {
	letter-spacing: 1px!important;
	font-size: 12px!important;
	margin-bottom: 2px!important;
}
.eac-item p {
	font-size: 12px!important;
	letter-spacing: 2px!important;
}
.taxonomies.wallpaper-filters {
	margin-right: 0!important;
	margin-left: 0!important;
	overflow: auto;
}
input:focus {
	outline: none!important;
}
.mwpt-overlay {	
	position: absolute;
	z-index: 10000;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.5);
	overflow-x: hidden; 	
}
.mwpt-overlay,
.bx-wrapper > .bx-viewport {
	height: 100%!important;
}
.mwpt-overlay-content {
	position: relative;
	top: 25%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	color: #FFF;	
}
.mwpt-overlay-content p {
	font-family: 'calluna-sans', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	letter-spacing: 3px;
	font-weight: bold;
	line-height: 19px;
}
.mwpt-overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #CCC;
	display: block; /* Display block instead of inline */
	transition: 0.3s; /* Transition effects on hover (color) */
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 60px;
}	
.mwpt-overlay a:hover {
	color: #FFF;
}
.bxslider > li.active-wallpaper {
	opacity: 1;
}


/** HEADER **/
header {
	width: 100%;
	height: auto;
	background: rgba(255,255,255, 0.7);
	border-bottom: 1px solid #f0f0f0;
	z-index: 2;
	position: fixed;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	padding: 0!important;
}
.topBar {
	width: 100%;
	height: 40px;
	background: url('https://www.midbec.se/wp-content/themes/midbec/images/top-bg.png');
}
.topBar .headerWrapper {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	font-family: 'calluna-sans';
	font-size: 16px;
}
.headerWrapper {
	padding: 0!important;
}
.topBar .favourites {
	width: 140px;
	padding-top: 11px;
	color: #f2f2f2;
	font-size: 14px;
	float: left;
}
.topBar a,
.topBar span.favoriteCount {
	color: #FFF;
}
.topBar .favourites span:not(.favoriteCount) {
	margin-left: 6px;
	margin-right: 3px;
	color: #f02e2e;
}
.topBar .socialMedia {
	float: right;
	color: #f2f2f2;
	font-size: 13px;
	margin-top: 11px;
}
.topBar .socialMedia .logins {
	float: left;
}
.logins a {
	text-decoration: underline;
}
.topBar .socialMedia .icons {
	float: left;
	margin-top: -5px;
	margin-left: 8px;
}
.topBar .socialMedia .icons img {
	margin-left: 10px;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.logo {
	width: 215px;
	float: left;
	margin: 25px 0;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.searchForm {
	position: absolute;
	top: 20px;
	right: 0;
}
.searchForm input[type="text"] {
	font-family: 'calluna-sans';
	width: 180px;
	padding: 6px 6px;
	border: 1px solid #ddd;
	font-style: italic;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 10px!important;
	box-sizing: content-box;
	background: #FFF;
}
nav.mainMenu {
	margin-top: 55px;
	float: right;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
nav.mainMenu ul {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 17px;
	float: left;
	list-style-type: none;
	padding: 0;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 17px;
}
nav.mainMenu ul li {
	float: left;
	margin-left: 12px;
}
nav.mainMenu ul li a {
	text-decoration: none;
	color: #121212;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 5px 2px;
	font-weight: normal;
}
nav.mainMenu ul.sub-menu {
	display: none;
	padding-left: 0;
}
nav.mainMenu ul.sub-menu li {
	padding: 0 20px 10px 20px!important;
}
nav.mainMenu ul.sub-menu li {
	margin-left: 0;
	padding: 6px 0;
	display: block;
	float: none;
}
nav.mainMenu ul li:hover > ul.sub-menu {
	display: block;
	position: absolute;
	z-index: 9;
	padding: 12px 0 0 0;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}
nav.mainMenu ul li a:hover {
	color: #999!important;
}
nav.mobileMenu {
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 999;
	top: 80px;
}
a.menuOpen {
	display: none;
}
ul.sub-menu {
	background-color: rgba(0,0,0,0.7)!important;
}
ul.sub-menu li a {
	color: #F0F0F0!important;
}
header.scrolled {
	background: rgba(255,255,255, 0.95);
	-webkit-backface-visibility: hidden;
}
header.scrolled .logo {
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 12px 12px 12px 0;
}
header.scrolled .searchForm {
	display: none;
}
header.scrolled .logo img {
	width: 50%;
	height: auto;
}
header.scrolled nav.mainMenu {
	margin-top: 3px;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header.scrolled .menu {
	margin-top: 17px;
	margin-bottom: 17px;
}
@media screen and (max-width: 1420px) {
	.headerWrapper,
	.topBar .headerWrapper {
		width: 90%;
	}
}
@media screen and (max-width: 1152px) {
	a.menuOpen {
		display: block;
		padding: 8px;
		background: #000;
		color: #fff;
		float: right;
		margin-top: 55px;
	}
	header.scrolled a.menuOpen {
		margin-top: 12px;
	}
	nav.mainMenu ul li.menu-item-73, 
	nav.mainMenu ul li.menu-item-390, 
	nav.mainMenu ul li.menu-item-39, 
	nav.mainMenu ul li.menu-item-18681,
	nav.mainMenu ul li.menu-item-15657, 
	nav.mobileMenu ul li.menu-item-50, 
	nav.mobileMenu ul li.menu-item-15780, 
	nav.mobileMenu ul li.menu-item-72 {
		display: none;
	}
	nav.mainMenu ul li {
		margin-left: 8px;
		line-height: 19px;
	}
	nav.mainMenu ul {
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	a.menuOpen {
		line-height: 17px;
	}
	a.menuOpen:hover,
	a.menuOpen:focus,
	a.menuOpen:active {
		color: #FFF;
	}
	a.menuOpen i.fa {
		font-size: 17px;
	}
	nav.mobileMenu ul li {
		display: block;
		width: 100%;
	}
	nav.mobileMenu ul {
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
	}
	nav.mobileMenu ul li a {
		padding: 8px 8px 8px 16px;
		border-bottom: 1px solid #f0f0f0;
		color: #fff;
		display: block;
		text-decoration: none;
	}
}
@media screen and (max-width: 950px) {
	.logo {
		width: 20%;
	}
}
@media (max-width: 919px) {
	.find-store input,
	.find-store button,
	.find-wallpaper input {
		float: none;
		display: block;
		width: 100%;
	}	
}
@media (min-width: 768px) {
	.no-sidebar .content-area {
		zoom: .85;
	}
}
@media (min-width: 768px) and (max-width: 919px) {
	.uk-grid.uk-grid-collapse.side {
		padding-bottom: 190px;
	}
}
@media (max-width: 767px) {
	.mwpt-wrapper {
		border: none;
	}
	.bxslider-wrapper,
	.uk-grid.uk-grid-collapse.side {
		border: solid black 1px;
	}
	.side {
		/*padding-bottom: 190px;*/
	}
	.tabb {
		display: none;
	}
	.right-side {
		padding: 0;
	}
	.bxslider-wrapper {
		position: static;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.filter.child {
		width: 50%;
	}
	.filter.buttons > button {
		display: block;
	}
	.filter.buttons > button:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 620px) {
	.topBar .favourites, .topBar .logins {
		font-size: 12px;
	}
	a.menuOpen,
	nav.mainMenu {
		margin-top: 12px;
	}
	nav.mainMenu ul {
		margin-left: 0;
	}
	.searchForm,
	.topBar .socialMedia .icons {
		display: none;
	}
	.logo, header.scrolled .logo {
		width: 30%;
	}
	.logo img, header.scrolled .logo img {
		width: 100%;
	}
}
@media (max-width: 500px) {
	nav.mainMenu {
		margin-top: 0;
	}
	.logo {
		margin: 20px 0 0 0;
	}
}
@media (max-width: 450px) {
	.filter.child {
		width: 100%;
	}
}
@media screen and (orientation:portrait) { 
	.landscape-message  {
		display: none;
		visibility: hidden;
	}
}