/*
Theme Name: Nermo Hotell
Theme URI: http://nermohotell.no
Author: Martin Grønneberg
Author URI: https://martingronneberg.no
Description: Et nettsted utviklet for Nermo Hotell.
Version: 2.1
*/

/* Table of Contents 
 * Reset CSS
 * Typography
 * Elements
 * Forms
 * Navigation
 	* Links
	* Menu
	* Mobile Menu
 * Clearings
 * Global
 	 * Colors
	 * Header
	 * Content Area
	 * Primary
	 * Secondary
	 * Footer
	 * Posts & pages
 * Pages
	 * Front Page
	 * Business Events
	 * Rooms
	 * Restaurant
	 * Contact
 * Media
*/


/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Global */

html,
body {
	font-size: 62.5%;
	overflow-x: hidden;
}


/* Typography */
/*.cart, .add_to_cart_button, #wpmenucartli {
	/display: none !important;
}*/
#CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay *,
.woocommerce-Price-amount,
body,
button,
input,
select,
textarea {
	color: #2a3132;
	font-family: 'Merriweather', serif;
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6,
CybotCookiebotDialogBodyContentTitle,
CybotCookiebotDialogBodyButton {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	line-height: 1.25;
	margin: 0 0 1rem;
	text-transform: uppercase;
}

h1,
h2 {
	font-weight: 400;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 3.5rem;
}

h3 {
	font-size: 3rem;
}

h4 {
	font-size: 2.75rem;
}

h5 {
	font-size: 2.5rem;
}

h6 {
	font-size: 2.25rem;
}

p {
	margin: 0 0 2rem 0;
}

em,
i {
	font-style: italic;
}

b,
strong {
	font-weight: 700;
}

blockquote {
	margin: 0 2rem;
}


/* Elements */

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

button {
	border: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #336b87;
	border: 0;
	height: .1rem;
	margin: 0 0 2rem;
}

ul,
ol {
	margin: 0 0 2rem 2rem;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

img {
	height: auto;
	max-width: 100%;
	max-height: 650px; 
}

table {
	margin: 0 0 1rem;
	width: 100%;
}

@media screen and (max-width: 700px) {
	.call-to-action {
		text-align: center;
	}
}

.call-to-action h3 {
	clear: none;
	float: left;
	margin: 0;
}

@media screen and (max-width: 700px) {
	.call-to-action h3 {
		clear: both;
		float: none;
	}
}

.call-to-action a {
	clear: none;
	float: right;
	margin: 0;
}

@media screen and (max-width: 700px) {
	.call-to-action a {
		clear: none;
		float: none;
		margin-top: 1rem;
	}
}
.tab {
  overflow: hidden;
  /*background-color: #f1f1f1;*/
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #90afc5 !important;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #336b87 !important;
}

.tabcontent_wrapper {
	border-top: 1px solid white;
}	

/* Style the tab content */
.tabcontent {
  display: none;
	text-align: left;
	padding-top: 10px; 
  border-top: none;
}

.tabcontent input[type="submit"],
.tabcontent a {
	float: right;
}

.tabcontent #datepicker, 
.tabcontent #pick_restaurant {
	margin-left: 0; 
}



.tablinks:not(:first-child) {
	border-left: 1px solid white;
}

/* Five star plugin booking form */
.rtb-booking-form input, .rtb-select #rtb-party {
	border: 1px solid black;
	border-radius: 3px;
}
/* Forms */  
.rtb-booking-form-form {
	display: flex;
	flex-wrap: wrap;
}
.rtb-booking-form-form legend {
	display: none;
}
.rtb-booking-form-form fieldset {
	flex: 50%;
}

.rtb-booking-form-form button {
	flex: 100%;
}


input,
select,
textarea,
.wp-block-button__link {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0;
	border: .25rem solid #fff;
	border-radius: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	line-height: 1.75;
	min-width: 15rem;
	padding: .75rem 2rem;
	text-transform: uppercase;
}
input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	min-width: unset;
	width: 16px;
	height: 16px;
}

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	min-width: unset;
	width: 16px;
	height: 16px;
}

input:focus,
select:focus,
textarea:focus {
	outline: 0;
}

 
input[type="submit"], .wp-block-button__link  {
	background: #336b87;
	border: .25rem solid #336b87;
	color: #fff;
}

input[type="submit"]:hover, .wp-block-button__link:hover {
	background: #90afc5;
	border: .25rem solid #90afc5;
}

.tabcontent select option {
	color: black !important;
}
.tabcontent select,
.booking-form input,
.booking-form select,
.booking-form textarea {
	color: #fff;
}

.booking-form ::-webkit-input-placeholder {
   color: #fff;
}

.booking-form :-moz-placeholder {
   color: #fff;  
}

.booking-form ::-moz-placeholder {
   color: #fff;  
}

.booking-form :-ms-input-placeholder {  
   color: #fff;  
}

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

.dropdown-arrow:after {
	color: #fff;
	content: "\f078";
	font-family: "FontAwesome";
	pointer-events: none;
	position: absolute;
	right: 1rem; 
	top: 50%;
	transform: translate(-50%, -50%)
}

textarea {
	min-height: 25rem;
}

.booking-form > *:not(:first-child) {
	margin: 0 0 0 1rem;
}


@media screen and (max-width: 900px) {
	.booking-form > * {
		margin: 0 0 1rem !important;
	}

	.booking-form * {
		width: 100%;
	}
}


/* Navigation */
.button_wrapper {
	
}
.button_wrapper .button{
	display: block;
	max-width: 250px;
	margin-bottom: 13px;
	text-align: center;
}
.disabled {
	background-color: #90afc5 !important;
}

.added_to_cart .wc-forward {
	margin-left: 5px;
}
.woocommerce .cart .button,
#place_order, 
.checkout-button,
.single_add_to_cart_button {
	background-color: #336b87 !important; 
}
.single_add_to_cart_button,
.rtb-booking-form-form button,
.woocommerce a.button,
.button {
	background-color: #336b87;
	background: #336b87;
	color: #fff !important;
	font-family: 'Oswald', sans-serif;
	font-weight: 300 !important;
	display: inline-block;
	padding: .75rem 2rem !important; 
	text-transform: uppercase;
}

.button:hover {
	background: #90afc5;
	color: #fff;
}

.blue .button {
	background: #fff;
	color: #336b87 !important; 
}

.blue .button:hover {
	background: #90afc5;
	color: #fff;
}


/* Links */

a {
	color: #336b87;
	text-decoration: none;
	transition: color .5s;
}

a:hover,
a:focus,
a:active {
	color: #90afc5;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}


/* Menu */

.contact {
	float: left;
}

.contact li {
	float: left;
}

.contact ul,
.top-navigation ul,
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	margin-top: 0;
}
@media screen and (max-width: 900px) {
	.sub-menu {
		display: block;
		position: relative !important; 
		top: unset !important;
		max-width: 300px;
		margin: auto !important;
		transform: unset !important;
		left: 30% !important;
		
	}
	.sub-menu li a{
		font-size: 75%;
	}
}

.menu-item-has-children:hover .sub-menu
{ 
  display: block !important;
}
.sub-menu li {
	float: unset !important;
	background: #2a3132;
	min-width: 185px;
	line-height: 4rem;
	margin-right: 1rem;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	
}


.top-navigation li {
	float: right;
}

.contact li+li:before,
.top-navigation li+li:after {
	color: #fff;
	content: "|";
	margin: 0 .5rem;
}

.main-navigation {
	display: block;
	float: right;
	font-size: 2rem;
	line-height: 8rem;
}

@media screen and (max-width: 900px) {
	.main-navigation {
		display: none;
	}
}

.main-navigation li {
	float: left;
}

@media screen and (max-width: 450px) {
	.tab button { 
		width: 100%; 
		border-left: unset !important;  
	}
}
	

@media screen and (min-width: 901px) {
	.tabcontent #pick_restaurant {
		width: 600px; 
	}
}
@media screen and (min-width: 90rem) {
	.menu-item-280,
	.menu-item-281 {
		display: none;
	}
}

.main-navigation li:not(:last-child) {
	margin-right: 1rem;
}

.main-navigation.open {
	background: #2a3132;
	display: block;
	height: 100%;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10;
}

.main-navigation.open ul {
	margin: 2rem 0;
	max-width: 350px;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
}

.main-navigation.open li {
	font-size: 2.5rem;
	line-height: 1;
	margin: 0 auto;
	width: 100%;
}

.main-navigation.open li a {
	display: block;
	padding: .5rem 0;
}

.current-menu-item a {
	color: #90afc5 !important;
}


/* Mobile menu */

.hamburger {
	display: none;
}

@media screen and (max-width: 900px) {
	.hamburger {
		background-color: transparent;
		cursor: pointer;
		display: block;
		height: 3rem;
		padding: 0;
		position: absolute;
		right: 2rem;
		top: 50%;
		transform: translateY(-50%);
		width: 3rem;
		z-index: 1000;
	}
}

.bar {
	display: block;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	z-index: 100;
}

.bar:before {
	transition: top 0.2s 0.15s ease, opacity 0.2s ease;
	top: -1rem;
}

.bar:after {
	bottom: -1rem;
	transition: bottom 0.2s 0.15s ease, -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.2s 0.15s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.2s 0.15s ease, transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.bar,
.bar:before,
.bar:after {
	background: #fff;
	content: "";
	display: block;
	height: .3rem;
	position: absolute;
	width: 3rem;
}

.active .bar {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.active .bar,
.active .bar:before,
.active .bar:after {
	background: #fff !important;
}

.active .bar:before {
	opacity: 0;
    top: 0;
    transition: top 0.2s ease, opacity 0.2s 0.15s ease;
}

.active .bar:after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);transform: rotate(-90deg);
	transition: bottom 0.2s ease, -webkit-transform 0.2s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.2s ease, transform 0.2s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.2s ease, transform 0.2s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/* Clearings */

.row:before,
.row:after,
.container:before,
.container:after,
.site-header:before,
.site-header:after,
.header-top:before,
.header-top:after,
.header-bottom:before,
.header-bottom:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.row:after,
.container:after,
.site-header:after,
.header-top:after,
.header-bottom:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* Global */

.row {
	margin: 0 -9999rem;
	padding: 5rem 9999rem;
}

@media screen and (max-width: 800px) {
	.row {
		margin: 0 -9999rem;
		padding: 2.5rem 9999rem;
	}
}

.container {
	margin: 0 auto;
	max-width: 110rem;
	padding: 0 2rem;
}

.center {
	text-align: center;
}

.column {
	float: left;
}

.whole {
	margin: 0 0 2rem;
	width: 100%;
}
.half {
	margin: 0 0 2rem;
	width: calc(50% - 1rem);
}

.half:nth-of-type(2n + 1) {
	clear: left;
}

.half:nth-of-type(2n) {
	clear: right;
	margin: 0 0 2rem 2rem;
}

@media screen and (max-width: 800px) {
	.column {
		float: none;
	}

	.half {
		width: 100%;
	}

	.half:nth-of-type(2n) {
		margin: 0;
	}

	.half + .half {
		margin: 2rem 0 0;
	}
}

.one-third {
	margin: 0 0 2rem 1.5rem;
	width: calc(33.33% - 1rem);
}

.one-third:nth-of-type(3n + 1) {
	clear: left;
	margin: 0 0 2rem;
}

@media screen and (max-width: 800px) {
	.one-third {
		margin: 0;
		width: 100%;
	}

	.one-third:nth-of-type(3n + 1) {
		clear: none;
		margin: 0;
	}

	.one-third + .one-third {
		margin: 2rem 0 0;
	}
}

.one-fourth {
	margin: 0 0 2rem 1rem;
	width: calc(25% - .75rem);
}

.one-fourth:nth-of-type(4n + 1) {
	clear: left;
	margin: 0 0 2rem;
}

@media screen and (max-width: 800px) {
	.one-fourth {
		margin: 0;
		width: 100%;
	}

	.one-fourth:nth-of-type(4n + 1) {
		clear: none;
		margin: 0;
	}

	.one-fourth + .one-fourth {
		margin: 2rem 0 0;
	}
}

@media screen and (max-width: 800px) {
	.hide-mobile {
		display: none;
	}
}


/* Colors */

.blue {
	background: #336b87;
	color: #fff;
}


.dark-grey {
	background: #2a3132;
}

.dark-grey, 
.dark-grey .woocommerce-loop-product__title,
.dark-grey .woocommerce-Price-amount  {
	color: #fff

}
.brown {
	background: #763626;
	color: #fff;
	padding: 2.5rem 9999rem;
}


/* Header */
li.wpmenucartli a.wpmenucart-contents span {
	display: none !important;
}
.wpmenucart-icon-shopping-cart-0 {
	padding-left: 5px;
	border-left: 1px solid #fff;
}
.site-header {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.site-header a {
	color: #fff;
}

.site-header a:hover {
	color: #90afc5;
}

.header-top {
	background: #336b87;
	padding: .5rem 2rem;
}

@media screen and (max-width: 600px) {
	.header-top {
		display: none;
	}
}

.header-bottom {
	background: #2a3132;
	height: 8rem;
	padding: 0 2rem;
	position: relative;
}

@media screen and (max-width: 600px) {
	.header-bottom {
		height: 8rem;
	}
}

.logo {
	height: 5rem !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	z-index: 1000;
}


/* Site Content */
.content-area-product,
.single-post .site-content,
.single-aktivitet .site-content,
.single-moterom .site-content {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
}

/* Content Area */
.content-area-product {
	margin: auto; 
}
.content-area-product,
.content-area {
	width: calc(70% - 1rem);
}
.content-area {
	float: left;
	margin: 2.5rem 0;
}

@media screen and (max-width: 800px) {
	.content-area-product,
	.content-area {
		width: 100%;
	}
	.content-area {
		float: none;
		margin: 0 0 2.5rem;
	}
}


/* Widget Area */

.widget-area {
	float: right;
	margin: 2.5rem 0;
	width: calc(30% - 1rem);
}

@media screen and (max-width: 800px) {
	.widget-area {
		background: #efefef;
		float: none;
		margin: 0;
		padding: 2rem;
		width: 100%;
	}
}

.widget-area .widget {
	margin: 0 0 2rem;
}

.widget-area .widget + .widget:before {
	border-bottom: .1rem solid #336b87;
	content: "";
	display: block;
	margin: 0 0 2rem;
	padding: 0 0 1rem;
	width: 100%;
}


/* Footer */
.payment-options-wrapper {
	margin-top: 20px;
}
.payment-options-wrapper img{
	width: 65px;
}
.site-footer {
	background: #2a3132;
	color: #fff;
	padding: 10rem 0 0;
	text-align: center;
}

@media screen and (max-width: 800px) {
	.site-footer {
		padding: 5rem 0 0;
	}
}

.site-footer .widget {
	float: left;
	width: calc(25% - 1.5rem);
}

.site-footer .widget + .widget {
	margin: 0 0 0 2rem;
}

@media screen and (max-width: 800px) {
	.site-footer .widget {
		float: none;
		width: 100%;
	}

	.site-footer .widget + .widget {
		margin: 2rem 0 0;
	}
}

.site-footer a {
	color: #fff;
}

.site-footer a:hover {
	color: #90afc5;
}

.site-footer .fa {
	font-size: 2rem;
	margin-right: .5rem;
}

.follow .fa {
	margin: 0;
	padding: 1rem;
}

.fa-arrow-left, 
.fa-arrow-right {
	font-size: 50px !important;
}
.site-footer input {
	width: 100%;
}

@media screen and (max-width: 600px) {
	.site-footer input {
		width: 70%;
	}
}

.site-footer input[type="email"] {
	margin-bottom: 1rem;
	color: white;
}

.logos {
	border-top: .2rem solid #efefef;
	text-align: center;
}

.logos img {
	height: auto;
	max-height: 10rem;
	max-width: 50%;
}

.site-info {
	background: #336b87;
	clear: both;
	margin: 5rem 0 0;
	padding: 1rem 0;
	text-align: center;
}

.site-info p {
	color: #fff;
	margin: 0;
}

.site-info a {
	color: #fff;
}

.site-info a:hover {
	color: #90afc5;
}


/* Posts & pages */

.page-content {
	margin: 0 auto;
	max-width: 110rem;
	padding: 2rem;
}

.home .page-content,
.page-id-249 .page-content {
	padding: 0 2rem;
}


.single-header {
	margin: 0 0 2rem;
}

.social {
	display: inline-block;
	margin: 1rem 0;
	width: 100%;
}

.social a {
	background: #336b87;
	color: #fff;
	float: left;
	margin-right: 1rem;
	max-width: 15rem;
	padding: .75rem 2rem;
	text-align: center;
	width: 20%;
}

.social a:hover {
	background: #90afc5;
}

.pagination {
	clear: both;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.page-numbers {
	background: #336b87;
	color: #fff;
	display: inline-block;
	padding: 1rem 2rem;
}

.current {
	background: #90afc5;
}


/* Pages */


/* Front Page */

.page-header {
	height: 50vh;
}

@media screen and (max-width: 600px) {
	.page-header {
		max-height: 30rem;
	}
}

.testimonials {
	height: 15rem;
	position: relative;
	text-align: center;
}

.testimonials article { 
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.testimonials p {
	margin: 0;
}

.qoute {
	font-size: 2.5rem;
	font-style: italic;
	line-height: 1.25;
}

@media screen and (max-width: 600px) {
	.qoute {
		font-size: 2rem;
	}
}


/* Business Events */

.deal p {
	float: left;
}

.deal hr {
	clear: both;
}

.deal h5 {
	float: right;
}


/* Rooms */

.apartment-header,
.room-header {
	background: #763626;
	color: #fff;
	text-align: center;
	padding: 2rem;
}

.apartment-title,
.room-title {
	margin: 0;
}

.apartment-content,
.apartment-footer,
.room-content,
.room-footer {
	margin: 0 auto;
	max-width: 110rem;
}

.apartment-content,
.room-content {
	padding: 2rem;
}

.apartment-footer,
.room-footer {
	padding: 2rem 2rem 0;
}

.slider {
	list-style: none;
	margin: 0;
	padding: 0;
}

.owl-prev {
	float: left;
}

.owl-next {
	float: right;
}


/* Restaurant */



/* Contact */
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper input,
.quantity .input-text,
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
	background: #efefef;
	margin: 0 0 1rem;
	width: 100%;
}

.error {
	border: .1rem solid red;
	padding: 1rem 2rem;
}

.success {
	border: .1rem solid green;
	padding: 1rem 2rem;
}


/* Media */

embed,
iframe,
object {
	width: 100%;
}

iframe {
	min-height: 50rem;
}

.screen-reader-text {
	display: none;
}

.archive-header,
.archive-content {
	margin: 0 auto;
	max-width: 110rem;
}

.archive-header {
	padding: 2rem;
}

.archive-content {
	padding: 0 2rem;
}

.notification {
	background: #336b87;
	color: #fff;
	display: none;
	font-family: 'Merriweather', sans-serif;
	padding: 1rem;
	position: absolute;
	text-align: center;
	top: 0;
	text-transform: none;
	width: 100%;
}

.notification p {
	margin: 0;
	padding: 0 2rem;
}

.notification a {
	color: #fff;
	text-decoration: underline;
	transition: opacity .25s;
}

.notification a:hover {
	color: #fff;
	opacity: .75;
}

.notification i {
	color: #fff;
	font-size: 2rem;
	cursor: pointer;
}

.close-notification {
	background: 0;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .25s;
}

.close-notification:hover {
	background: 0;
	opacity: .75;
}

@media screen and (max-width: 600px) {
	.notification {
		position: relative;
	}
}