/*
Resets defualt browser settings
*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	outline:0;
}

#nav,#side_container{user-select:none;}


html {
background-color:black!important;
max-width:100vw;
overflow-x:hidden;
}

ol,ul { list-style:none; }
caption{ text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

hr{
height:1px;border:none;background-color:#303030;margin:0;
}

@font-face {
font-family: 'Channel';
src: url('FreeSans.ttf') ; 
}

input:not([type="checkbox"]){opacity:1;height:30px;min-height:30px;box-sizing:border-box;font-size:14px;vertical-align:middle;}
/*
input[type="submit"]{border:1px solid grey;cursor:pointer;padding:1px 8px;font-weight:normal;background:black;border-radius:5px;color:white;}
input[type="submit"]:active{position:relative;top:+1px;}
input[type="submit"]:hover{box-shadow:0px 0px 5px white ;background:white;color:black;}
*/
input[type="submit"],.cart_button{border:1px solid grey;cursor:pointer;padding:1px 8px;font-weight:normal;background:white;border-radius:5px;color:black;opacity:0.92;}
input[type="submit"]:active,.cart_button:active{position:relative;top:+1px;}
input[type="submit"]:hover,.cart_button:hover{box-shadow:0px 0px 5px white ;color:black;opacity:1;}
input[type="checkbox"]{vertical-align:middle;cursor:pointer;}

/*
Page style
*/

body {
font-family:  'Channel', 'Helvetica', 'Arial';
line-height: 25px;
font-size: 17px;
letter-spacing:0;
position: relative;
width: 100%;
height:auto;
margin-left: auto;
margin-right: auto;
background-color:black;
color:#aaaaaa;
}

.email_body {
box-sizing:border-box;
font-family: 'Helvetica', 'Arial', 'sans-serif', 'FreeSansBold';
line-height: 24px;
font-size: 17px;
letter-spacing:0;
width:100%;
height:auto;
margin-left: auto;
margin-right: auto;
background-color:black;
color:#aaaaaa;
}

.nojava {
display:table;
padding:30px 20px;
border:1px solid black;
box-shadow:2px 2px silver;
border-radius:5px;
background-color:black;
font-size:16px;
line-height:1.2;
z-index: 1000 !important;
position: absolute;
top: 220px;
left: 400px;
width:500px;
}


.nojava img{
width:40px;
display:table-cell;
float:left;
margin:5px 20px 0 0;
}


.nojava p{
display:table-cell;
}

/*
Anchors
*/

a{
text-decoration:none;
opacity:0.75;
font-weight:bold;
color:#ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display:inline-block;
}

a.classic:hover{
text-decoration:underline;
}

a:hover{
color:#ffffff;
opacity:1;
}


a:active{
color:white;
text-decoration:none;
}


.email_body a{
text-decoration:none;
opacity:0.75;
font-weight:bold;
color:#ffffff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


.email_body a:hover{
color:#ffffff;
opacity:1;
}


.email_body a:active{
color:white;
text-decoration:none;
}


/* fonts */

h2{
font-size: 20px;
font-weight:bold;
}


.all_transitions{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.all_transitions_fast{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}


.fade{
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}


.fade_fast{
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}

#page_wrap{
width:100%;
height:auto;
text-align:center;
opacity:0;
}


#header{
width:100%;
height:600px;
overflow:hidden;
padding:0px;
position:relative;
box-sizing:border-box;
}

#header > img{

height:100%;
position:absolute;
top:0px;left:-9999px;right:-9999px;margin:auto;
box-sizing:border-box;
}

#header > span{
font-family:'sans-serif','helvetica';
width:100%;
font-size:calc( 100vw / 20 );
font-weight:bold;
margin-top:2vw;
position:absolute;
top:2vw;
left:0;right:0;z-index:100;
box-sizing:border-box;
color:white;

text-shadow:0 0 10px aqua, 0 0 20px aqua, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;


}


#nav{
max-width:100vw;

margin-left:auto;
margin-right:auto;
margin-top:0px;
height:35px;
list-style-type: none;
border-top:1px solid grey;
border-bottom:1px solid grey;
background-color:#101010;
position:relative;
box-shadow:0 5px 5px black;
padding:5px 0;
z-index:120;
}

#nav a{
box-sizing:border-box;
color:#aaaaaa;
position:relative;
font-size:17px;
height:auto;
float:left;
padding:3px 12px 10px;
border:none;
font-weight:bold;
text-decoration: none;
margin-right:0px;
}

#nav a:hover{
color:#ffffff;
opacity:1;
}

#nav a >img{display:none;width:100%;border-radius:20%;max-width:40px;}

#nav ul {display:inline;text-align:left;}
#nav ul > li {display: table-cell; position: relative;vertical-align:middle;}
#nav ul > li ul {
/*
background-image:linear-gradient(rgba(18,18,18,1), rgba(18,18,18,0.85));
*/
background-color:rgba(18,18,18,0.95);
display: none; z-index:120;position: absolute; left: -1px; margin-top: 33px;width:auto;padding-top:10px;
}
#nav ul > li:hover ul {display: block;}
#nav ul > li ul li {display: block; width:100%;}


.sticky{
position: fixed!important;
top: 0px;

width:100%;
}



ul.social-buttons{
position:relative;
left:-5px;
}

ul.social-buttons li{
display: inline;
}

ul.social-buttons .sr-only{
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}

#content img{

}

#content{
margin-top:0px;
padding-left:18vw;
padding-right:18vw;
text-align:left;
background-color:#black;
box-sizing:border-box;
max-width:100vw;
overflow-x:hidden;
min-height:70vh;
}


#footer{
min-width: 100%;
max-width: 100%;
padding:10px 0;
clear:both;
margin-top:20px;
border-top:1px solid grey;
z-index:8;
display:block;
width:100%;
font-size:14px;
background-color:#101010;
line-height: 23px;
}

.footer-header{
font-weight:bold;
font-size:17px;

margin-bottom:18px;
}


.form-input{
margin-top:5px;
margin-bottom:10px;
}

#follow{

}

.hover-white{opacity:0.8;}
.hover-white:hover{opacity:1;}

#privacy{

}

#youtube_latest{

}


.footer-section{
display:inline-block;
width:19vw;
margin-left:auto;
margin-right:auto;
vertical-align:top;
text-align:left;
padding:0 20px;
border-left:1px solid #303030;
}

.highlight{
text-shadow:1px 2px 1px  black,0px -1px  black;
border-radius:5px;
color:silver;
}


.mango{
width:15px;
position:relative;
top:4px;
}

#date{

position:absolute;
right:0px;
top:3px;
font-size:14px;
z-index:122;
padding:8px 5px 5px 5px;
width:200px;
text-align:center;
font-weight:bold;

}
#date span{vertical-align:middle;}

#moon{
cursor:pointer;
background:#101010;
height:25px;
margin-right:15px;
border:1px solid grey;
border-radius:50%;
position:absolute;
right:0px;
margin-top:-1px;

}

#moon_age{
display:none;

text-align:right;
position:absolute;
right:65px;
background:#101010;
text-align:center;

} 

#minia{
text-align:center;
position:absolute;
right:75px;

} 




#logo{
cursor:pointer;
text-align:left;
position:absolute;
left:10px;
top:5px;
font-size:14px;
z-index:122;
padding:5px;
width:200px;
}

#logo img{
float:right;
width:26px;
margin-right:10px;
}

#logo p{
padding:0px;
margin-top:0px;
margin-bottom:15px;
font-weight:bold;
font-size:18px;
}


.logo_footer{
font-size:13px; 
position:absolute;
top:-30px;
right:-30px;
left:-135px;
text-align:left;
}

#copyright{
/*
display:block;
text-align:left;
padding-right:10px;
*/
}



#share{

position:absolute;
display:block;
top:510px;
left:10px;
padding:0px 5px 5px 5px;
z-index:102;
width:190px;
/*
box-shadow: 1px 1px 2px grey,-1px -1px 2px grey;
*/
}

#share_contents{
background-color:#101010;
border:2px ridge dimgrey;
border-radius:5px; 

}
#share strong{padding-bottom:10px ;display:inline-block;}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin:20px 5px ;display:block;

}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    opacity:0.8;
}
.resp-sharing-button:hover {opacity:1;}

.resp-sharing-button__icon svg {
  width:22px;
  height:22px;
  margin-right: 0.4em;
  vertical-align: middle;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}

.contact_details{
text-align:center;
}

.contact_details p{
margin-bottom:15px;
}

.user_html{
padding-bottom:5px;
text-align:justify;

text-justify: inter-word;
}

.user_html img{
margin:0px;
border:1px solid grey;
max-width:100%;
width:100%;
height:auto;
}

#articles{
text-align:justify;
}

.input_form textarea{
padding:5px;
margin-top:5px;
font-size:80%;
}




.content_header{
height:auto;
}


.links {
list-style-type:none;
}


.news{
margin-top:20px;
margin-bottom:5px;
padding:15px 0px;
}



.news_image{
border:1px solid grey;
background-color:white;
width:200px;
height:auto;
}


.news_image_even{
margin:0 0 5px 25px;
float:right;
border-radius:0 5px 0 0;
}


.news_image_odd{
margin:0 25px 5px 0;
float:left;
border-radius:5px 0 0 0;
}


.news_title{
padding:10px 0 5px 0;
font-weight:bold;
font-size:120%;
}


.news_title_odd{
text-align:left;
}


.news_title_even{
text-align:right;
}


.news_desc{

/*
border-top:1px solid grey;

border-bottom:1px solid grey;
*/
padding-bottom:3px;
}
.news_desc_odd{
text-align:justify;
}
.news_desc_even{
text-align:justify;
}
.news_link{
margin-top:5px;
font-weight:bold;
}
.news_link a{
text-decoration:none;
}
.news_link_odd {
float:left;
}

.news_link_even {
float:right;
}

.news_hr {display:none;}

.news_hr_odd{
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255,255,255, 0.75), rgba(255,255,255, 0));
}


.news_hr_even{
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 0.75));
}

.title{
text-align:left;
}

h4.title{
font-size:105%;
}

.message_form,
text-align:left;
}

.message_form_label{
text-align:left;
font-weight:bold;
margin:15px 0 5px 0;
}


.category_button{
display:block;
width:100%;
clear:both;
font-size:92%;
font-weight:bold;
padding:10px 5px 10px 5px;
position:relative;
left:-20px;
border-left:20px solid black;
text-decoration:none;
text-align:left;
/*opacity:0.8;

*/
color:white;

}.categoty_button span{
vertical-align:top;
}


.category_button img{
width:90%;
float:left;
border:1px solid grey;


}

.date_added{
font-weight:normal;
font-size:95%;
display:inline-block;
}


.latest_button{
background:#101010;
border-left:20px solid #101010;
position:relative;
left:-20px;
width:100%;
/*box-shadow: -20px 0px 0px 0px #101010;

*/

}




.latest_caption{
position:relative;
font-weight:bold;
font-size:15px;
top:0;
left:0px;

background-color:#101010;
margin-bottom:18px;
}


#side_container{
/*right sidebar along with content, like share buttons left sidebar uncomment the code on scroll & on resize in js
*/
position:absolute;
display:inilne-block;
top:630px;
right:15px;
padding:10px 5px;
z-index:0;
width:200px;
text-align:center;
}


.quote{

margin-left:auto;
margin-right:auto;
}

.quote_title{
font-weight:bold;
font-size:105%;
}

.quote_by{
font-weight:bold;

opacity:0.8;
}


.hidden_input{
display:none;
}


#sending_email{
font-weight:bold;
opacity:0;
vertical-align:top;
display:inline;
position:relative;
top:-10px;
}

#sending_email img{
width:45px;
display:inline;

}

#nav a.clicked{
color:white;
opacity:1;
}

#nav a.clicked > img{

box-shadow:0px 0px 1px white;
background:none;
}
#nav> ul>li.star>a img{

box-shadow: 0 0 5px #fff, 0 0 10px  #e60073;
/*
animation: icon-glow 1.5s ease-in-out infinite alternate;
*/
}
#nav> ul>li.star>a{

text-shadow: 0 0 5px #fff, 0 0 20px #e60073, 0 0 25px #e60073;
/*
animation: glow 1.5s ease-in-out infinite alternate;
*/
}


@-webkit-keyframes glow {
from {
text-shadow: 0 0 5px #fff, 0 0 20px #e60073, 0 0 25px #e60073;
}
to {
text-shadow: 0 0 8px #ff4da6, 0 0 30px #ff4da6, 0 0 45px #ff4da6, 0 0 60px #ff4da6;
}
}

@-webkit-keyframes icon-glow {
from {
box-shadow: 0 0 5px #fff, 0 0 10px  #e60073;
}
to {
box-shadow: 0 0 3px aqua, 0 0 15px #ff4da6, 0 0 30px #ff4da6;
}
}

#nav> ul>li.star a{

}
#nav> ul>li.star> a{
color:#ffee33;
}
#nav> ul>li.star a.clicked{
color:#ffee33;
}
#nav> ul>li.star a:hover{
color:#ffee33;
}
#nav> ul>li.star> a.clicked{
color:#ffee33;
}


#nav> ul>li.icon_only a span{
display:none;
}
#nav ul li.icon_only a img:hover{opacity:1;}
#nav ul li.icon_only a img{
display:inline;
vertical-align:middle;
max-width:30px;
opacity:0.8;
}
#nav ul li.icon_only a.clicked img{
background:none;
opacity:1;
box-shadow:none;
}

.checkbox_text{
font-size:13px;
vertical-align:top;
}

#subscriber_form{
padding:2px 10px 10px 10px;
position:relative;
left:-10px;
border:1px solid #101010;
margin-top:5px;
width:100%;
}

.attention{

background-color:black;
border-radius:4px;
border:1px solid grey!important;
box-shadow: 0px 0px 5px grey ;
/* Firefox */
-moz-transition: all 0.3s ease-in-out;
/* WebKit */
-webkit-transition: all 0.3s ease-in-out;
/* Opera */
-o-transition: all 0.3s ease-in-out;
/* Standard */
transition: all 0.3s ease-in-out;
}

#notifications{
text-align:center;
vertical-align:top;
padding:10px;
position:fixed;
bottom:0px;
width:100%;
height:auto;
background:#DADADA;
color:black;
z-index:-2000;
opacity:0;
border-top:1px solid grey;
}

#notifications span{
display:innline-block;
font-weight:bold;
width:calc(100%-25px);
position:abolute;
margin-left:auto;
margin-right:auto;
padding:0px 10px;
}

#notification_x{
display:innline-block;
cursor:pointer;
width:25px;
float:right;
margin-right:15px;
}

.unsubscribe_message{
height:300px;
font-weight:bold;
}

.category_header img{
width:40%;
margin-top:20px;
border:1px solid grey;
}

.category_header{
width:100%;
margin-bottom:0px;
/*
float:left;
margin-right:25px;
margin-bottom:5px;
*/
}

.article_header img{
width:40%;
margin-top:20px;
border:1px solid grey;
}

.article_header{
width:100%;
margin-bottom:0px;
/*
float:left;
margin-right:25px;
margin-bottom:5px;
*/
}
.article_header span{

}
.article_header .title{
margin-bottom:8px;
}

#og_overrides{
display:none;
}

.pin,.star-pin{
float:none!important;
border:none!important;
margin:5px!important;
z-index:100;
position:relative;
left:6px;
}

.pin{top:-14px;width:18px!important;}
.star-pin{top:-8px;width:22px!important;}

.tarot {
width:auto;
padding:5px;
text-align:center;
}

.tarot div {
background-image: url('img/paper.jpg');
background-size:100% 100%;
border:2px ridge grey;
border-radius:5px;
display:teble-cell;
vertical-align:top;
float:right;
margin:0 10px 0 15px;
padding:7px;
cursor:pointer;
opacity:0.85;

}

.tarot div:hover {
color:white;
opacity:1;
}

.tarot img{
width:85%;
margin:3px auto 3px auto;
}

.tarot span{
font-weight:bold;
margin-bottom:3px;
display:block;
}

.tarot p{
position:absolute;
top:-40px;
right:19vw;
width:62vw;
vertical-align:top;
text-align:justify;
padding:15px;
display:none;
background-color:rgba(30,30,30,1)!important;
border-radius:5px;
border:1px solid grey;
max-height:calc(100vh - 80px);
overflow-y:auto;
}

.tarot p a:after{
    content: "";
    height: 15px;
    display: block;
}

.tarot .close_button{
position:absolute;
right:5px;
top:5px;
opacity:0.75;
width:35px;
cursor:pointer;
}

.tarot .close_button:hover{
opacity:1;
}



#frame{
position:fixed;
width:100vw;
height:100vh;
background-color:black;
z-index:2110;
opacity:0.8;
display:none;


}

.image-of-story{
margin-top:20px;
width:100%;
border:1px solid grey;
}

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

.image-of-person{
width:100px;
border:1px solid grey;
margin:15px 20px 0 0;
}
#other-logo{width:30px;display:none;vertical-align:top;margin-top:3px;position:absolute;left:35px;opacity:1;}


.master-share-button{width:30px;margin:0.5em;}
.master-share-button a{width:100%;}
.master-share-button img {width:100%;}


.youtuber{width:90%;height:auto;}
#nav_share{display:none;}

.button_img{
display:table-cell;
vertical-align:middle;
width:140px;
margin:0px 15px 5px 0;

}

.button_middle_align{
display:table-cell;vertical-align:middle;min-width:18px;
}

.just_left{text-align:left;}

.button{cursor:pointer;}
.button:hover{color:white;}


.required_attention{
-webkit-box-shadow: -1px 1px 1px 2px red;
 -moz-box-shadow: -1px 1px 1px 2px red;
 box-shadow: -1px -1px 1px red,1px 1px 1px red;
 }




.offer {
width:auto;
padding:5px;
text-align:center;

}



.offer div {
background-image: url('img/paper_offer.jpg');
background-size:100% 100%;
border:2px ridge grey;
border-radius:5px;
display:block;
vertical-align:top;
float:right;
margin:10px 10px 0 15px;
padding:7px;
cursor:pointer;
opacity:0.9;
}

.offer.featured div {
float:left;
background-image: url('img/paper_offer_featured.jpg');
}

.offer div:hover {
color:white;
opacity:1;
}

.offer img{
width:85%;
margin:3px auto 3px auto;
}

.offer span{
font-weight:bold;
margin-bottom:3px;
display:block;
}

.offer span.hotlink_footer{display:inline-block;margin:10px auto 0 10px;float:left;}

.offer p{
position:absolute;
top:-40px;
right:19vw;
width:62vw;
vertical-align:top;
text-align:justify;
padding:15px;
display:none;
background-color:rgba(35,10,50,1)!important;
border-radius:5px;
border:1px solid grey;
max-height:calc(100vh - 80px);
overflow-y:auto;
z-index:1000;
}
.offer.featured p{
left:19vw;
background-color:rgba(95,10,60,1)!important;
}
.offer p>img{
width:160px;
float:left;
margin-right:20px;
}
.offer.hotlink a{opacity:1;color:#aaa;display:block;}
.relative_holder{position:relative;}

.offer a:hover{color:#fff;}

.offer.support a{margin-top:10px;}

.offer p a:after{
    content: "";
    height: 15px;
    display: block;
}

.offer .close_button{
position:absolute;
right:5px;
top:5px;
opacity:0.75;
width:35px;
height:35px;
cursor:pointer;
}

.offer .close_button:hover{
opacity:1;
}

.mobile_share_button{}

#to_the_top{
display:none;
opacity:0.75;
border:1px ridge grey;
border-radius:50%;
position:fixed;
right:30px;
bottom:12px;
width:50px;
cursor:pointer;
z-index:120;
}

#to_the_top:hover{opacity:1;}

.consistent{display:inline-block;margin-right:10px;}
.consistent input, .consistent span{vertical-align:middle;margin:0 0;}
.list::before{
content:'\2022\00a0';
}

.youtube_link{
width:22%;
margin:15px 1% ;
text-align:center;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
}
.youtube_link img{
width:100%;
border: 2px ridge grey;
border-radius: 2px;
box-sizing:border-box;
}
.youtube_link span{
font-size:90%;font-weight:normal;
}

#footer .youtube_link{
width:80%;margin:0;

position:relative;
}
#footer .youtube_link img{
object-fit:cover;

max-height:170px;
}
#footer .youtube_link span{
font-size:110%;padding:5px 0;
width:100%;box-sizing:border-box;
left:0;right:0;background:rgba(10,10,10,0.9);position:absolute;bottom:5%;font-weight:bold;
}


.confirm_subscribe>p>span{
color:#ddd;
}
.confirm_subscribe>p>a{
color:#ddd;
}

.confirm_subscribe{
text-align:center;
margin:0 0 20px 0;
color:#ddd;
}

#loading{display:none;}
.loading{width:100%;text-align:center;padding:20px 0 60px 0;}
.loading img{width:200px;border:none;}

.home_button:hover .button_img img{
box-shadow:0px 0px 7px grey ;
}

.home_button{
margin:40px 0;
}
.home_button:first-of-type{
margin:40px 0 60px 0;
}
.home_button .button_img {
width:90px;position:relative;
}
.home_button .button_middle_align {
padding-left:15px;
}

.home_button .button_img img{
background:black;
border:2px ridge grey;
border-radius:5px;
position:absolute;top:-30px;left:0px;
}

.button_youtuber{
width:200px;
float:right;
}

.add_notification{
display:none;
}

#calendar_wrap{width:50%;}
.calendar{
user-select:none;
table-layout:fixed;
width:100%;
min-width:260px;
line-height:2;
text-align:center;
}

.calendar th {
background:#999;color:black;
}

.calendar td {
border:1px solid grey;
position:relative;
}

.calendar td a{
width:100%;
height:100%;
}

.calendar td.disabled {
border:none;color:none;background:none;
}
.calendar td.reserved {
color:#555;
}
.calendar td.reserved::after {
content:" ";
height:1px;
width:52%;
background-color:#555;
position:absolute;
top:48%;
left:25%;
-moz-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
-o-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.calendar td:not(.disabled):hover {
/*
border:1px ridge #ffee33;
*/
}

.calendar tr:first-child td:not(.disabled):hover a{
color:black;background:#ccc;
}

.calendar tr:not(:first-child) td:not(.disabled):hover a{
/*color:#ffee33;
outline:1px solid #ffee33;
box-shadow:1px 1px 2px #ffee33,-1px -1px 2px #ffee33;
*/
color:black;background:#ccc;
}

.flip_horizontally{-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}

.book_form{
width:100%;
max-width:100vw;
box-sizing:border-box;
text-align:left;
}
.book_form .column{
width:28%;
margin:auto;
display:inline-block;
box-sizing:border-box;
vertical-align:top;
margin-right:5%;
}

.column.left{float:left;margin-right:5%;}
.column.right{float:right;margin-right:2%;}

.column input:not([type="date"]):not([type="checkbox"]):not([type="submit"]), .column textarea{
width:100%;
box-sizing:border-box;
}

#nav .bigger_fonts a{font-size:105%;font-family:channel;}

.smaller_fonts{font-size:90%;vertical-align:middle;}

.login_forms{width:100%;text-align:left;}

.login_forms form,.login_forms div{width:29%;margin-right:20%;display:inline-block;vertical-align:top;}

.login_forms input:not([type="checkbox"]){
width:100%;
min-width:220px;
box-sizing:border-box;
}

.dropdown_menu{
display:block;
overflow:hidden;
height:0px;
}

.dropdown.arrow_up{background: url(img/up-arrow.png) no-repeat right center;}

.dropdown{
background: url(img/down-arrow.png) no-repeat right center;
opacity:0.8;
border:none;
border-bottom:1px solid black;
cursor:pointer;
text-align:left;
padding-right:25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all 0.2s ease-in-out;
height:20px;
box-sizing:border-box;
vertical-align:bottom;
}

.dropdown:hover{
opacity:1;
}

.error{font-weight:bold;color:magenta;}

.account_buttons {border-left:1px solid grey;padding-left:20px;}
/*
.account_buttons a::before{content:"\2022\00A0";}
*/


.ui-autocomplete{background:#101010;color:#ccc;width:100px;padding:0 10px;border:1px solid grey;max-height:200px;overflow-y:auto;}
.ui-menu-item:hover{cursor:pointer;color:white;}

.all_services_on_offer{background:purple;font-weight:bold;color:#ccc;padding:5px;width:auto;display:inline-block;}
.all_services_on_offer span{font-size:105%;}

.item_images{position:relative;width:45%;box-sizing:border-box;display:inline-block;vertical-align:top;user-select:none;}


.item_big_image{width:100%; aspect-ratio: 4 / 3;object-fit:cover;cursor:pointer;}
.item_small_images{width:100%;position:absolute;left:calc( 100% + 40px);bottom:0;}
.item_small_images img{
display:inline;margin:5px 15px 5px 0;max-width:80px;box-sizing:border-box;object-fit:cover;aspect-ratio: 5 / 3;cursor:pointer;
}

.full_screen{width:100vw;text-align:center;margin:auto;margin-top:0px;padding:0;position:fixed;top:0;bottom:0;right:0;left:0;height:100vh;box-sizing:border-box;z-index:5000;}
.full_screen .item_big_image{height:100%;object-fit:contain;cursor:default;margin:auto;border:none;}
.full_screen .item_small_images{position:absolute;bottom:30px;margin:auto;left:0;right:0;}
.full_screen .item_small_images img{max-width:120px;}
.close_big_image_button{display:none;width:50px;height:50px;position:fixed;top:20px;right:20px;background:url("img/close-button-white.png") no-repeat center;background-size:contain;z-index:5001;cursor:pointer;}

.cart_button{font-size:15px;font-weight:bold;}


.item_buttons{width:40%;display:inline-block;vertical-align:top;margin-left:40px;}
img.question_mark{width:17px;border:none;margin-right:5px;vertical-align:middle;display:inline;}

.shopping_bag{position:relative;}
#nav .icon_only.shopping_bag a span{z-index:1;font-size:13px;color:black;font-weight:bold;display:inline;position:absolute;bottom:10px;left:0;right:0;margin:auto;text-align:center;}

/*
.cart_item{box-sizing:border-box;}
.cart_item img{width:80px;vertical-align:middle;border:1px solid grey;margin-right:20px;}
.cart_item_info{vertical-align:middle;display:inline-block;}
.cart_item_total{vertical-align:middle;display:inline-block;text-align:right;}
*/
label:hover, input[type=radio]:hover{cursor:pointer;}

.shipment_payment_choices{}
.checkout_totals{width:100%;margin-left:5%;float:right;text-align:right;box-sizing:border-box;}
.checkout_totals a, .checkout_totals input[type="submit"]{}

.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}