@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');
.hidden{display:none;color:#fff;font-size:15px;background:#9d8279;line-height:15px;padding:2px}
.hidden span{padding:1px 2px;margin-right:8px;background:#573a38;display:inline-block}
abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{background:0 0;line-height:1;background:#efe9db;margin:0;font:18px/1.3"Source Sans Pro",Calibri,Arial,Sans-Serif;color:#333}
fieldset{outline:0}
a,fieldset,form,label,legend{font-size:100%;background:0 0}
body,fieldset,form,legend{vertical-align:baseline}
a,label{margin:0}
body,form,label,legend{border:0;outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a{vertical-align:baseline}
ins{text-decoration:none}
mark{font-style:italic}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
a,body,form,hr,label{padding:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}
mark,strong{font-weight:700}
form{margin:0}
button,input[type=button],input[type=reset],input[type=submit]{width:auto;background-color:#123e73;color:#fff;font-weight:700;text-shadow:0-1px 0 rgba(0,0,0,.3);cursor:pointer;border-color:#123e73;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:0s;-o-transition-duration:.5s;transition-duration:.5s}
button{padding:4px 16px}
button,input{display:inline-block}
button,input,select,textarea{margin:3px 2px;font:18px"Source Sans Pro",Calibri,Arial,Sans-Serif;line-height:normal;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;outline-offset:-2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .26s ease-out;-moz-transition:all .26s ease-out;-ms-transition:all .26s ease-out;-o-transition:all .26s ease-out;transition:all .26s ease-out}
input,select,textarea{width:100px;padding:4px;color:#666;background-color:#fff;border-top-color:#999;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
button,input,textarea{vertical-align:middle}
textarea{overflow:auto;display:block;width:100%;resize:vertical;margin:3px 0}
input[type=button],input[type=reset],input[type=submit]{padding-right:16px;padding-left:16px}
input[type=checkbox],input[type=image],input[type=radio]{width:auto;padding:0;background:0 0;border:0;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
input[type=checkbox],input[type=radio]{position:relative;top:-2px}
input[type=color],input[type=file],label,select{display:inline-block;vertical-align:middle;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{margin:0;padding:0;border:0;outline:0}
input:focus,select:focus,textarea:focus{border-color:#5079b7;-webkit-box-shadow:0 0 1px #5f90db,0 0 3px #5f90db,0 0 6px #5f90db;-moz-box-shadow:0 0 1px #5f90db,0 0 3px #5f90db,0 0 6px #5f90db;box-shadow:0 0 1px #5f90db,0 0 3px #5f90db,0 0 6px #5f90db}
button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#170513;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4)}
button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background-image:none;background-color:#980900;border-color:transparent;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.4);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.4);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
fieldset{margin:0 0 1em;padding:1em;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
legend{margin:0;padding:0 10px;font-weight:700}
button[disabled],input[disabled],select[disabled],textarea[disabled]{opacity:.7;cursor:not-allowed;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
input[disabled],select[disabled],textarea[disabled]{background-color:#eee}
button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{background-color:#c40200!important}
input[type=date][readonly],input[type=date][readonly]:focus,input[type=email][readonly],input[type=email][readonly]:focus,input[type=number][readonly],input[type=number][readonly]:focus,input[type=tel][readonly],input[type=tel][readonly]:focus,input[type=text][readonly],input[type=text][readonly]:focus,input[type=url][readonly],input[type=url][readonly]:focus,textarea[readonly],textarea[readonly]:focus{background-color:#eee;cursor:default}
::-webkit-input-placeholder{color:#888}
:-ms-input-placeholder{color:#888}
::-moz-placeholder{color:#888}
:-moz-placeholder{color:#888}
:placeholder{color:#888}
:focus::-webkit-input-placeholder{color:#ccc}
:focus:-ms-input-placeholder{color:#ccc}
:focus::-moz-placeholder{color:#ccc}
:focus:-moz-placeholder{color:#ccc}
:focus:placeholder{color:#ccc}
input[type=range]{height:0;padding:2px 0}



h1{font-size:2em}
img {
  max-width: 100%;
  height: auto;
}
body {
    padding: 0;
    font-size: 18px;
    line-height: 23px;
}
.brick ol{margin: 0 0 10px 20px}
li::marker {
  margin-left:10px;
}
li{margin-bottom:4px;}
#musicPlayer{width:}
#topmovies li strong {
    position: absolute;right: 2px; bottom: 2px;
}
#topmovies li a {
    opacity: 0.9;
    text-decoration: none !important;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 8px;
}
a.trailerLink {
    position: absolute;
    left: 2px;
    color: #2f2f2f !important;
    bottom: 2px;
}
.trailerLink > span {
    display: inline-block;
    width: 22px;
    margin-right: 4px;
    margin-top: -1px;
    height: 16px;
    background: #ff0000;
    border-radius: 5px;
    position: relative;
    opacity: 0.9;
    vertical-align: middle;
}

.trailerLink > span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #fff;
}
a.tomatolink {
    color: #FFF !important;
    position: relative;
    background: #dd2b08;
    border-radius: 13px !important;
    padding: 4px 7px 4px 7px !important;
}
a.tomatolink::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 37%;
    transform: translateX(-50%) rotate(20deg);
    width: 12px;
    height: 7px;
    background: #18a755;
    border-radius: 50% 50% 0 50%;
}
a.imdblink {
    color: #000 !important;
background: #f5c518;}
a.tmdblink {
    background: #032541; 
    color: #8ccda2 !important;  
}
#topmovies li a:hover {
    opacity: 1;
}
#topmovies li {
    position: relative;
    padding: 1px 3px 32px 3px;
    font-size: 20px;
    margin: 0;
    font-weight: bold;
    border-bottom: 3px solid #eee;
}
#sign {
    width: 124px;
    height: 124px;
    float: right;
    border-radius: 70px;
    border: 2px solid #472e00;
    margin: 0 0 10px 50px;
    background: transparent url(/img/signs.png) no-repeat scroll 0 0;
}
ol#notableEvents {list-style:none}
#sign.gemini {background-position: 0 0;}
#sign.leo {background-position: -165px 0px;}
#sign.virgo {background-position: -332px 0px;}
#sign.libra {background-position: 0px -167px;}
#sign.scorpio {background-position: -165px -167px;}
#sign.sagittarius {background-position: -332px -167px;}
#sign.capricorn {background-position: 0px -334px;}
#sign.aquarius {background-position: -165px -334px;}
#sign.pisces {background-position: -332px -334px;}
#sign.aries {background-position: 0px -500px;}
#sign.taurus {background-position: -165px -500px;}
#sign.cancer {background-position: -332px -500px;}
.enterDate {
    font-size: 0.8em;
    color: #4b4f55;
	display:none;
}
.home .enterDate {
	display:inline-block;
}
.home #yearInput.yearInputSet {
    border: 2px solid #575555;
    box-shadow: 2px 2px 0px #bfbbbb inset;
}

#musicPlayer {
    position: relative;
    width: 560px;
    max-width: 100%;
    aspect-ratio: 560 / 315;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 10px;
}
#musicWaiting {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background:
		linear-gradient(to bottom, rgba(255,255,255,0.06), rgba(255,255,255,0) 22%),
		linear-gradient(135deg, #111 0%, #1b1b1b 45%, #0a0a0a 100%);
}

#musicWaiting::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at center, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.015) 28%, rgba(0,0,0,0) 55%),
		linear-gradient(to top, rgba(0,0,0,0.28), rgba(0,0,0,0) 38%);
	pointer-events: none;
}

#musicWaiting .bar {
	position: relative;
	z-index: 1;
	width: 12px;
	height: 84px;
	border-radius: 999px;
	background: linear-gradient(to top, rgba(255,255,255,0.95), rgba(255,255,255,0.45));
	transform-origin: center bottom;
	opacity: 0.45;
	filter: drop-shadow(0 0 8px rgba(255,255,255,0.08));
	animation: musicBar 1.4s ease-in-out infinite;
}

#musicWaiting .bar:nth-child(1) { animation-delay: -0.1s; }
#musicWaiting .bar:nth-child(2) { animation-delay: -0.7s; }
#musicWaiting .bar:nth-child(3) { animation-delay: -0.3s; }
#musicWaiting .bar:nth-child(4) { animation-delay: -1.1s; }
#musicWaiting .bar:nth-child(5) { animation-delay: -0.5s; }
#musicWaiting .bar:nth-child(6) { animation-delay: -0.9s; }
#musicWaiting .bar:nth-child(7) { animation-delay: -0.2s; }
#musicWaiting .bar:nth-child(8) { animation-delay: -0.8s; }

#playButton {
	position: absolute;cursor:pointer;
	left: 50%;opacity:0.9;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	width: 94px;
	height: 66px;
	border-radius: 16px;
	background: linear-gradient(to bottom, #ff3b30, #cc1f16);
	box-shadow:
		0 8px 20px rgba(255,59,48,0.35),
		inset 0 1px 0 rgba(255,255,255,0.22),
		inset 0 -4px 12px rgba(0,0,0,0.2);
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

#playButton::before {
	content: "";
	position: absolute;
	left: 37px;
	top: 20px;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 21px solid #fff;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15));
}

#playButton::after {
	content: "";
	position: absolute;
	inset: -10px;
	border-radius: 24px;
	border: 2px solid rgba(255,255,255,0.18);
	animation: musicPlayerPulse 1.8s ease-out infinite;
}

#musicWaiting:hover #playButton {
	transform: translate(-50%, -50%) scale(1.06);
	filter: brightness(1.06);
	box-shadow:
		0 10px 24px rgba(255,59,48,0.45),
		inset 0 1px 0 rgba(255,255,255,0.24),
		inset 0 -4px 12px rgba(0,0,0,0.22);
}

@keyframes musicBar {
	0%   { transform: scaleY(0.28); }
	20%  { transform: scaleY(0.95); }
	40%  { transform: scaleY(0.45); }
	60%  { transform: scaleY(0.78); }
	80%  { transform: scaleY(0.38); }
	100% { transform: scaleY(0.28); }
}

@keyframes musicPlayerPulse {
	0% {
		transform: scale(0.92);
		opacity: 0.8;
	}
	70% {
		transform: scale(1.16);
		opacity: 0;
	}
	100% {
		transform: scale(1.16);
		opacity: 0;
	}
}
.playThisSong, .openThisSong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    padding: 0 10px;
    border-radius: 6px;
    background: linear-gradient(to bottom, #123e73, #0a4376);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    cursor: pointer;
    position: absolute;
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
    margin-right: 6px;
    opacity: 0.8;
    bottom: 0;
    right: 0;
}
.playThisSong {bottom:auto;top:0}
/* hover */
.playThisSong:hover,
.openThisSong:hover {
	transform: translateY(-1px);
opacity:1;
	box-shadow:
		0 5px 12px rgba(0,0,0,0.35),
		inset 0 1px 0 rgba(255,255,255,0.28);
}

/* active */
.playThisSong:active,
.openThisSong:active {
	transform: translateY(0);
	box-shadow:
		0 2px 5px rgba(0,0,0,0.35),
		inset 0 2px 6px rgba(0,0,0,0.3);
}

/* PLAY ICON */
.playThisSong::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
	margin-left: 2px;
}

.openThisSong::before {
    content: "↗";
    color: #fff;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
}
#topmusic li {
    position: relative;
    padding-right: 46px;
    min-height: 49px;
    border-bottom: 3px solid #eee;
}







.aligncenter {
    text-align: center;
    clear: both;
}
.inlineBlock {
    display: inline-block;
    vertical-align: middle;
}
#fancyPicker {
    text-align: center;background:#FFF;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
#monthList {
    text-align: left;
    display: inline-block;
    list-style: none;
    max-width: 700px;
    margin: 10px 5px 5px;
}
#monthList a {
	display:block;
	border-radius:5px;
	padding: 3px;
}
#monthList li {
    display: inline-block;
    width: 230px;
    margin-bottom: 0;
}
#monthList li a span {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin: 6px 20px 6px 50px;
    height: 39px;
    background: transparent url(/img/months.png) no-repeat scroll 0 0;
}
#monthList li:nth-child(2) a span {
    background-position: 0px -43px;
    height: 30px;
}
#monthList li:nth-child(3) a span {
    background-position: 0px -75px;
    height: 32px;
}
#monthList li:nth-child(4) a span {
    background-position: 0px -112px;
    height: 30px;
}
#monthList li:nth-child(5) a span {
    background-position: 0px -142px;
    height: 34px;
}
#monthList li:nth-child(6) a span {
    background-position: 0px -181px;
    height: 33px;
}
#monthList li:nth-child(7) a span {
    background-position: 0px -217px;
    height: 32px;
}
#monthList li:nth-child(8) a span {
    background-position: 0px -255px;
    height: 31px;
}
#monthList li:nth-child(9) a span {
    background-position: 0px -289px;
    height: 30px;
}
#monthList li:nth-child(10) a span {
    background-position: 0px -324px;
    height: 33px;
}
#monthList li:nth-child(11) a span {
    background-position: 0px -363px;
    height: 34px;
}
#monthList li:nth-child(12) a span {
    background-position: 0px -401px;
    height: 39px;
}
#monthWrapDropdown,#dayWrapDropdown{display:inline-block;position:relative}
#dayWrapDropdown {
	min-width: 40px;
	text-align:left;
}
#monthHeaderDropdown {
    width: 235px;
    position: absolute;
    left: -50px;
    top: 37px;
    font-size: 19px;
    line-height: 25px;
    background: #FFF;
    z-index: 99;
    box-shadow: 3px 3px 13px #000;
    border-radius: 10px;
}
#dayHeaderDropdown {
    width: 235px;
    position: absolute;
    left: -50px;
    top: 37px;
    font-size: 19px;
    line-height: 25px;
    background: #FFF;
    z-index: 99;
    box-shadow: 3px 3px 13px #000;
    border-radius: 10px;
}
#monthHeaderDropdown #monthList li a span {
    margin: 3px 25px;
}

#fancyPicker a:hover{
	text-decoration:none;
}
#monthList a:hover {
    background: #efe9db;
}

#dayWrapDropdown #dayHeaderDropdown {
    left: auto;
    width: 300px;
    right: -100px;
}
#dayWrapDropdown > a{cursor:zoom-in}
#dayWrapDropdown .dayCalendarPicker {
    width: 285px;
    padding: 5px;
}
#dayWrapDropdown .dayCalendarPicker a, #dayWrapDropdown .dayCalendarPicker div {
    padding: 2px;
    font-size: 20px;
    width: 26px;
}





#yearHomePicker {
    position: relative;
    overflow: visible;
    font-size: 0;
    margin: 0 auto 50px;
    padding-bottom: 40px;
}
#yearHomePicker *{
    box-sizing:border-box;
}
#yearHomePicker .decadeItem{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:0 10px 10px 0;
    font-size:16px;
}
#yearHomePicker .decadeToggle {
    display: inline-block;
    vertical-align: top;
    min-height: 66px;
    padding: 0;overflow:hidden;
    border: 1px solid #d8e0ea;
    border-radius: 12px;
    background: #fff;
    color: #123e73;
    cursor: pointer;
    text-align: center;
    white-space: normal;
    font-size: 22px;
    appearance: none;
    -webkit-appearance: none;
}
#yearHomePicker .decadeToggle:hover,
#yearHomePicker .decadeItem.activeDecade .decadeToggle{
    background:#f4f7fb;
    border-color:#c7d5e5;
}
#yearHomePicker .decadeToggle span{
    display:block;
    width:140px;
    height:200px;
    margin:0 auto 5px auto;
    background:transparent url(https://datesback.com/img/decades/decadepicker.jpg) no-repeat scroll 0 0;
}
#yearHomePicker .decadeToggle strong {
    display: block;
    font-weight: 700;
    font-size: 25px;
    padding: 7px 1px;
    line-height: 1;
}
#yearHomePicker .decadeItem:nth-child(2) .decadeToggle span{
    background-position:-150px 0px;
}
#yearHomePicker .decadeItem:nth-child(3) .decadeToggle span{
    background-position:-300px 0px;
}
#yearHomePicker .decadeItem:nth-child(4) .decadeToggle span{
    background-position:-450px 0px;
}
#yearHomePicker .decadeItem:nth-child(5) .decadeToggle span{
    background-position:-600px 0px;
}
#yearHomePicker .decadeItem:nth-child(6) .decadeToggle span{
    background-position:-750px 0px;
}
#yearHomePicker .decadeItem:nth-child(7) .decadeToggle span{
    background-position:-900px 0px;
}
#yearHomePicker .decadeItem:nth-child(8) .decadeToggle span{
    background-position:-1050px 0px;
}
#yearHomePicker .decadeItem:nth-child(9) .decadeToggle span{
    background-position:-1200px 0px;
}
#yearHomePicker .decadeItem:nth-child(10) .decadeToggle span{
    background-position:-1350px 0px;
}
#yearHomePicker .decadeItem:nth-child(11) .decadeToggle span{
    background-position:-1500px 0px;
}
#yearHomePicker .decadeItem:nth-child(12) .decadeToggle span{
    background-position:-1650px 0px;
}
#yearHomePicker .decadeItem:nth-child(13) .decadeToggle span{
    background-position:-1800px 0px;
}
#yearHomePicker .years {
    position: absolute;
    top: calc(100% - 50px);
    left: 0;
    z-index: 100;
    display: none;
    width: 145px;
    padding: 7px 0px;
    border: 1px solid #efe9db;
    border-radius: 0 0 14px 14px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    font-size: 0;
}
#yearHomePicker .decadeItem.activeDecade .years{
    display:block;
}
#yearHomePicker .years a {
    display: block;
    padding: 5px 2px;
    border-radius: 8px;
    color: #123e73;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
}
#yearHomePicker .years a:hover{
    background:#e7effa !important;
	color: #123e73 !important;
}
#yearHomePicker .years a.active{
    background:#123e73;
    color:#fff;
}
#yearHomePicker .years a.future {
    background: #6dadd1;
    color: #fff;
}
@media (hover:hover){
    #yearHomePicker .decadeItem:hover .years{
        display:block;
    }
}








.home .homeIcon {display:none}
.home #header {
    padding: 55px 10px 25px;
}
.dayCalendarPicker {
    width: 400px;
    padding: 10px;
    margin: auto;
    text-align: left;
}
.dayCalendarPicker a, .dayCalendarPicker div {
    display: inline-block;
    padding: 8px 0;
    border: 2px solid #123e73;
    margin: 3px;
    font-size: 25px;
    line-height: 20px;
    width: 46px;
    text-align: center;
    border-radius: 8px;
    color: #190916;
    background: #FFF;opacity: 0.3;
}
.dayCalendarPicker a.active {
    background: #123e73 !important;
    border-color: #123e73 !important;
    color: #ffffff !important;
	box-shadow:none !important;
    text-shadow: -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000;
}
.dayCalendarPicker a.hoverable{opacity: 1;}
.dayCalendarPicker div {
    border-color: transparent;
    background: transparent;
    padding-bottom: 0;opacity: 1;
}
.dayCalendarPicker a.hoverable:hover {
    box-shadow: 2px 2px 5px #000 inset;
    border: 2px solid #274969;
}
.dayCalendarPicker a:nth-child(13),.dayCalendarPicker a:nth-child(14),
.dayCalendarPicker a:nth-child(20),.dayCalendarPicker a:nth-child(21),
.dayCalendarPicker a:nth-child(27),.dayCalendarPicker a:nth-child(28),
.dayCalendarPicker a:nth-child(34),.dayCalendarPicker a:nth-child(35){
	border-color: #160611;
    background: #416a8f;
    color: #FFF;
}









#breadcrumb > div {vertical-align:middle;display:inline-block;}
#breadcrumb .inlineBlock{width: 40px}
svg{width:30px;height:30px;display:inline-block;fill:#123e73}
.navigation{display:none}
h1, h2, h3, h4 {
    color: #71530c;
    margin: 5px 0 10px;
    font-size: 1.15em;
    line-height: 1em;
}
p{margin:0 0 10px; }
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block; }
* html .clearfix{height:1%;}
.clearfix{display:block; }
#breadcrumb {
    text-align: center;
    font-weight: bold;
    padding: 10px;
    color: #123e73;
    min-height: 45px;
}
a,a:link,a:visited{color:#123e73;text-decoration:none}
a:hover{text-decoration:underline}
#header a:hover{color:#180512;text-decoration:none}
.textarea{
font-family:monospace;
}
#header {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    background: #FFF;
    line-height: 1em;
    box-shadow: 0 0 8px #9d8279;
}
.grid {
    max-width: 2000px;
    margin: 20px auto;
}
.brick {
    width: 500px;
    min-height: 100px;
    text-align: left;
}
.brick > div {
    margin: 5px;
    min-height: 50px;
    border-radius: 10px;
    padding: 10px;
    background: #FFF;
}
.brick.transparent > div {
	background: transparent;
}
#logo {
    display: block;
    text-align: center;
    padding: 15px 5px 2px;
}
/*
.brick:nth-child(1)	{	background: #AEC6CF;	height: 200px;	}
.brick:nth-child(2)	{	background: #EFDECD;	height: 150px;	}
.brick:nth-child(3)	{	background: #78F7B0;	height: 110px;	}
.brick:nth-child(4)	{	background: #FDB5FF;	height: 320px;	}
.brick:nth-child(5)	{	background: #FFFFB5;	height: 160px;	}
.brick:nth-child(6)	{	background: #FF978A;	height: 520px;	}
.brick:nth-child(7)	{	background: #B08690;	height: 200px;	}
.brick:nth-child(8)	{	background: #D5B6DE;	height: 160px;	}
.brick:nth-child(9)	{	background: #B6C1DE;	height: 320px;	}
.brick:nth-child(10)	{	background: #B6DEDE;	height: 130px;	}
.brick:nth-child(11)	{	background: #D7DEB6;	height: 230px;	}
.brick:nth-child(12)	{	background: #DEC6B6;	height: 170px;	}
.brick:nth-child(13)	{	background: #A8A2DE;	height: 120px;	}
.brick:nth-child(14)	{	background: #A2DECC;	height: 220px;	}
.brick:nth-child(15)	{	background: #C5D2DE;	height: 260px;	}
.brick:nth-child(16)	{	background: #DEB6B6;	height: 140px;	}
.brick:nth-child(17)	{	background: #FFFFB5;	height: 180px;	}
.brick:nth-child(18)	{	background: #D5B6DE;	height: 220px;	}
.brick:nth-child(19)	{	background: #EFDECD;	height: 150px;	}
.brick:nth-child(20)	{	background: #BFAE2C;	height: 110px;	}
*/


.year-picker-container {
    position: relative;
    width: 100px;
    display: inline-block;
    margin: 0 5px;
}
#yearInput {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    cursor: pointer;
}
#yearInput.yearInputSet {
    color: #123e73;
    font-size: 36px;
    margin: 0;
    padding: 0;
    text-align: right;
    border: none;
    background: #291f1f00;
    box-shadow: none;
    font-weight: bold;
    cursor: text;
    width: 110px;
}
.year-dropdown {
    display: none;
    font-size: 19px;
    line-height: 25px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 335px;
    height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.year-dropdown a {
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    padding: 0 10px;
}

.year-dropdown a:hover {
    background-color: #f0f0f0;
}

















@media screen and (max-width: 2170px) {
.grid {
    max-width: 2000px;
}

}



@media screen and (max-width: 2030px) {
.grid {
    max-width: 1500px;
}

}

@media screen and (max-width: 1900px) {
#yearHomePicker {
    max-width: 1000px;
}
}


@media screen and (max-width: 1550px) {
.brick {
    width: 450px;
}
.grid {
    max-width: 1350px;
}
}

@media screen and (max-width: 1380px) {
.grid {
    max-width: 1200px;
}
.brick {
    width: 400px;
}
}

@media screen and (max-width: 1220px) {
.grid {
    max-width: 900px;
}
.brick {
    width: 300px;
}
}

@media screen and (max-width: 1030px) {
#yearHomePicker .decadeToggle span {
    width: 120px;
}
#yearHomePicker .years {
	width: 125px;
}
#yearHomePicker {
	max-width: 830px;
}
}

@media screen and (max-width: 920px) {
.grid {
    max-width: 800px;
}
.brick {
    width: 400px;
}
#fancyPicker #monthList li a span {
    margin: 6px 15px 6px 14px;
}
#fancyPicker #monthList li {
    width: 180px;
}
#fancyPicker #monthList {
    max-width: 555px;
}


}

@media screen and (max-width: 850px) {
    #yearHomePicker .decadeToggle span {
        width: 120px;
        margin-top: -20px;
        height: 150px;
    }
    #yearHomePicker {
        max-width: 550px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 820px) {
.grid {
    max-width: 600px;
}
.brick {
    max-width: 300px;
}
}

@media screen and (max-width: 700px) {

	
}



@media screen and (max-width: 620px) {
.grid {
    width: 400px;
	max-width: 100%;
}
.brick {
    width: 400px;
	max-width: 100%;
}


}