html, body    { margin: 0em;
                  font-family: lato, sans-serif;
                  color: #000000;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  box-sizing: border-box; }

html  { height: 100%;}
body  { background-color: #ffffff;
         background-image: linear-gradient(#ffffff, #d4bc9c) !important;
         background-attachment: fixed;
         height: 100%;
         padding: 2em;}

img             { border: none; }

a               { color: #000000;
                    text-decoration: none;}

a:hover         { color: #964b00;
                    text-decoration: none; }

a.tvhome:hover   { color: #2c679e;
                      text-decoration: none; }

/*
  div { border: 1px solid black; }
*/

.icon           { font-family: 'TVPres-icons' !important;
                    font-size: 2em;
                    line-height: 0.75em;
                    position: absolute;
                    top: 0;
                    right: 0;
                    color: #964b00;
                    cursor: pointer;
                    margin-left: 1em; }

.title-bar      { position: relative;
                    margin-bottom: 2em; }

.title-image	{	border: none;
                cursor: pointer;
                width: calc(100% - 64px);
								max-width: 520px;
								height: auto;
								align-self: center;}

.selection-bar  { margin-bottom: 2em;
                    display: none; }

.cookie-bar    { background: #e9ddcc;
                    padding: 1.5em 1em 0em 1em;
                    border-bottom: solid 0.5em #964b00;
                    margin-bottom: 2.5em;
                    display: none;
                    box-shadow: 0px 0px 1.5em #ffffff; }

.selection-site { display: inline-block;

                    margin-right: 1em;
                    margin-bottom: 0.75em;}

.selection-image { width: 4em;
                     height: 4em;
                     vertical-align: middle;
                     padding: 0.25em;
                     border: 0.25em solid rgba(0,0,0,0);
                     cursor: pointer; }

.selection-image.highlighted  { padding: 0.25em;
                                  border: 0.25em solid #964b00; }

.selection-checkbox { display: none; }

.selection-submit { border: none;
                    outline: none;
                    border-radius: 0 !important;
                    color: #964b00;
                    font-size: 1em;
                    font-weight: 700;
                    padding: 0.5em 1em;
                    background: #e9ddcc;
                    cursor: pointer;
                    vertical-align: middle; }
                    
button:focus	{ outline: none; }

.section-title  { font-size: 1.5em;
                    font-weight: 700;
                    margin-bottom: 1em; }

.section-block  { background: #e9ddcc;
                    padding: 1em 0em 0em;
                    border-bottom: solid 0.5em #964b00;
                    margin-bottom: 2.5em;
                    box-shadow: 0px 0px 1.5em #ffffff; }

.section-block.tvhome   { background: rgb(224,244,246);
                            border-bottom: solid 0.5em #45bec9;
                            box-shadow: 0px 0px 1.5em #ffffff; }

.entry-block    { margin-bottom: 2em; }

.entry-image-box  { width: 100%;
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover; }

.entry-image-wrapper	{ text-align: center;
												width: 100%;
												-webkit-backdrop-filter: blur(25px);
												backdrop-filter: blur(25px); } 

.entry-image    { max-width: 100%; }

.entry-logo     { width: 1.5em;
                    height: 1.5em;
                    z-index: 2;
                    position: relative;
                    top: -2.25em;
                    left: 0.5em;
                  }

.entry-title    { font-size: 1em;
                    line-height: 1.25em;
                    font-weight: 700;
                    margin-top: -1em;
                    margin-bottom: 0.5em; }

.entry-title.tvhome { margin-top: 0.5em; }

.entry-site     { font-size: calc(14em / 16);
                    line-height: calc(1.25 * 14em / 16);  }

.entry-time     { font-size: calc(14em / 16);
                    line-height: calc(1.25 * 14em / 16);}
                    
.entry-hide	{ display: none; }

.footer-bar     { font-size: calc(14em / 16);
                    padding-bottom: 2em;
                    background: #e9ddcc;
                    padding: 1.5em 1em 2em 1em;
                    border-bottom: solid 0.5em #964b00;
                    box-shadow: 0px 0px 1.5em #ffffff; }

.footer-image   { height: 1.25em;
                    margin-right: 0.25em;
                    border: none; }
                    
.link-image { border: none;
							height: 1.5em;
							width: 1.5em;
							margin: -1.5em 2em 3.5em -1em; }
							
							
.otd-block	{ background: #ffc1a9;
              padding: 1em 0em 2em;
              border-bottom: solid 0.5em #ff4c05;
              margin-bottom: 2.5em;
              box-shadow: 0px 0px 1.5em #ffffff; }
              
.otd-title	{ font-size: 1.5em;
							font-weight: 700;
							margin-bottom: 0.75em; }
							
.otd-logo	{ width: 1.em;
						height: 1em;
						border: none;
						vertical-align: -0.125em;
						margin-right: 0.25em;}
						
.otd-date	{ font-size: 1.5em;
						font-weight: 700;
						margin-bottom: 0.75em; }
							
.otd-subtitle	{ font-size: 1.25em;
								font-weight: 700;
								margin-bottom: 0.75em; }		
								
.otd-entry-year	{ font-size: 1em;
									font-weight: 700;
									margin-bottom: 0em; }

.otd-entry-details	{ font-size: 1em;
											font-weight: 400;
											margin-bottom: 1em; }

.otd-hide	{ display: none; }

.otd-credits {	font-size: 0.75em;
								font-style: italic; }

.ttip {
  position: relative;
  display: block;
}

.ttip .ttiptext {
  visibility: hidden;
  width: calc(100% + 1em);
  background-color: #964b00;
  color: #e9ddcc;
  text-align: left;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  position: absolute;
  top: -0.25em;
  left: -0.55em;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
}

.entry-block:hover .ttiptext {
  visibility: visible;
  opacity: 1;
}

.ttiptvh {
	background-color: #45bec9 !important;
	color: rgb(224,244,246) !important;
}


  @media (min-width: 320px) {
  .icon { top: 0.125em; }
  }

  @media (min-width: 360px) {
  .icon { top: 0.25em; }
  }  
  
  @media (min-width: 480px) {
  .icon { top: 0.5em; }
  }  

  @media (min-width: 540px) {
  .icon { top: 0.75em; }
  }  


  @media (max-width: 575px) {
  .tvh8, .tvh12 {  display: none; }
  }

  @media (min-width: 576px) {
  .tvh8, .tvh12 { display: none; }
  }

  @media (min-width: 768px) {
  .tvh8 { display: none; }
  .tvh12 { display: none; }
  .entry-hide	{ display: inline-block; }
  .icon { top: 1em; }
  }

  @media (min-width: 992px) {
  .tvh8 { display: inline-block; }
  .tvh12 { display: none; }
  }

  @media (min-width: 1200px) {
  .tvh8 { display: inline-block; }
  .tvh12 { display: none; }
  .otd-block	{	xmin-height: calc(100% - 156px);
								display: block;
								margin-left: 15px;
								margin-top: 3.75em; }
	.otd-hide	{ display: block; }
  }

  @media (min-width: 1570px) {
  .tvh8, .tvh12 { display: inline-block; }
  }