@font-face {
    font-family: 'Gordita-Black';
    src: url("/fonts/Gordita-Black.woff2") format("woff2"), url("/fonts/Gordita-Black.woff") format("woff");
    font-style: normal;
}
@font-face {
    font-family: 'Katahdin-Round';
    src: url("/fonts/KatahdinRound.woff2") format("woff2"), url("/fonts/KatahdinRound.woff") format("woff");
    font-style: normal;
}

html, body { font-family: 'Montserrat', sans-serif; background: #d5d5d5; }
a { font-weight: 700; color: #000; }
header { z-index: 9; }
header.panel-header, header.sticky { background: #212121 !important; }
#holder #toggle-cal { background: none; }
.header_social ul li.instagram { background: none; }
.header_social ul li.twitter { background: none; }
.header_social ul li.fivehundredpx { background: none; }
#searchbox { background: #444; color: #CCC; }
.title { font-family: 'Gordita-Black', sans-serif; text-transform: uppercase; margin: 9px auto 10px auto; height: auto; }
.title a, .title a:link, .title a:active, .title a:visited, .title a:hover { color: #facc07; text-shadow: 1px 1px 1px #000; }
header.sticky .title a, header.sticky .title a:link, header.sticky .title a:active, header.sticky .title a:visited, header.sticky .title a:hover { color: #facc07; }
.hamburger-white, .hamburger-white::before, .hamburger-white::after { background-color: #BFBFBF !important; }
.hamburger:hover { opacity: 1 !important; }
.hamburger:hover .hamburger-white, .hamburger:hover .hamburger-white::before, .hamburger:hover .hamburger-white::after { background-color: #facc07 !important; }
body.cal-visible .hamburger-white, body.cal-visible .hamburger-white::before, body.cal-visible .hamburger-white::after { background-color: #919191 !important; }
body.cal-visible .hamburger:hover .hamburger-white, body.cal-visible .hamburger:hover .hamburger-white::before, body.cal-visible .hamburger:hover .hamburger-white::after { background-color: #000000 !important; }
body.cal-visible .hamburger--spring.is-active .hamburger-inner { background-color: transparent !important; }
header.sticky .title { transform: translateY(-2px); }
.titleline { opacity: 0; }
.box { background: #d5d5d5; }
.box-title { font-weight: 500; text-transform: uppercase; font-family: 'Gordita-Black', sans-serif; height: auto; }
.titlecard_photoname .boxtitle { font-weight: 600; }
.box-date { text-transform: uppercase; float: none; }
.box-header { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: end; column-gap: 10px; margin-bottom: 5px; }
h3.box-title { flex: 1; }
.prevnav, .nextnav { transform: translateX(0); }
.prevnav a.text, .nextnav a.text { font-weight: 800; /* background: #989898; */ }
.cal_prev form input, .cal_next form input { font-weight: 800; text-transform: uppercase; }
.prevnav:hover a.text, .nextnav:hover a.text { background: #facc07; color: #000; }
.cal_prev:hover form, .cal_next:hover form { background: #facc07; color: #000; }
.lyric { font-size: 64px; font-family: 'Gordita-Black', sans-serif; text-transform: uppercase; text-align: right; opacity: 1; -webkit-user-select: all; user-select: all; cursor: url('/img/cursor_music.svg?v=2'), auto; }
.lyriclong { font-size: 48px; }
.lyric::-moz-selection { color: rgba(255,255,255,0.99); background: #333; }
.lyric::selection { color: rgba(255,255,255,0.99); background: #333; }
/* .FotomotoToolbarClass { background: #989898 !important; } */
.FotomotoToolbarClass { height: 27px !important; }
.box .FotomotoToolbarClass a:link, .box .FotomotoToolbarClass a:visited { font-weight: 600 !important; font-size: 12px; }
html > body ul.FotomotoBar li.FotomotoPrintButton, html > body ul.FotomotoBar li.FotomotoCardButton, html > body ul.FotomotoBar li.FotomotoLicenseButton, html > body ul.FotomotoBar li.FotomotoECardButton { height: 25px !important; padding-top: 2px; }
.infoarea { /* background: #b7b7b7; */ font-size: 14px; line-height: 20px; }
/* .infobar { background: #989898; } */
.infobar a { font-weight: 600; }
.infobar ul li:hover { background: #facc04; }
.infobar ul li:hover a { color: #000; }
html > body ul.FotomotoBar li.FotomotoPrintButton:hover, html > body ul.FotomotoBar li.FotomotoCardButton:hover, html > body ul.FotomotoBar li.FotomotoLicenseButton:hover, html > body ul.FotomotoBar li.FotomotoECardButton:hover { background: #facc04; }
.FotomotoToolbarClass a:hover { color: #000 !important; }
/* .info_active { background: #b7b7b7; } */
.h2title { text-transform: uppercase; font-weight: 500; font-family: 'Gordita-Black', sans-serif; font-size: 42px; height: auto; color: #212121; }
.h2titleline { opacity: 0; }
.summary p { font-size: 16px; font-weight: 400; letter-spacing: 0.3px; }
.photonoroller .titlecard p.boxtitle { font-family: 'Gordita-Black', sans-serif; text-transform: uppercase; color: #facc07; text-shadow: 1px 1px 1px #000; font-family: 'Katahdin-Round'; font-weight: 400; }
.photonoroller .titlecard p.photo-count { font-family: 'Gordita-Black', sans-serif; color: #000; }
.photonoroller .titlecard p.photo-count:before { content: ''; background: #facc07; }
.box-archive { background: #e3e3e3; }
.daycolour { background-color: #facc07; color: #000; }
.daycolour2 { background-color: rgba(250, 204, 7, 0.35); color: #000; }
button#load_more_button { font-weight: 800; text-transform: uppercase; }
button#load_more_button:hover, button#load_more_button:active, button#load_more_button:focus { background: #facc07; color: #000; }
.hero_title h2 { font-weight: 800; text-transform: uppercase; color: #facc04; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.67); font-family: 'Gordita-Black', sans-serif; font-family: 'Katahdin-Round'; font-weight: 400; }
svg.video-overlay-play-button { filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 1)); fill: #facc07; }
#general { background: #d5d5d5 !important; }
.tags a:hover { background-color: #facc07; color: #000; }
#search #searchbutton { background-color: #facc07; color: #000; font-weight: 800; text-transform: uppercase; }
.hero_image { -webkit-filter: blur(3px) brightness(0.8); filter: blur(3px) brightness(0.8); }

#holder #menu ul { padding: 0; }
#holder #menu a { text-transform: uppercase; font-family: 'Gordita-Black', sans-serif; letter-spacing: 1px; }
#holder #menu a:hover { border-bottom-color: #facc04; color: #facc04; }
#holder #menu a:hover kbd { color: #facc04; }
.mobile_tags { margin-bottom: 20px; width: 30%; }
.mobile_tags_33 { width: 33.3333%; }
.mobile_tags_flag { width: 10%; }

.search-field { top: -48px; height: 60px; background: #212121; display: block; transition: top 0.3s ease-in; z-index: -1; }
.search-field.active { top: 48px; display: block; transition: top 0.3s ease-in; }
.search-field #searchbox { width: calc(100% - 20px); opacity: 0; }
.search-field.active #searchbox { opacity: 1; transition: opacity 0.15s ease-in; transition-delay: 0.3s; }

#hidden-content h2 { text-transform: uppercase; font-weight: 500; font-family: 'Gordita-Black', sans-serif; font-size: 72px; color: #facc07; text-shadow: 1px 1px 1px #000; }
.fancybox-progress { background: #facc07 !important; }

.menu_social { top: 20px; }
.menu_social ul.social { display: flex; justify-content: flex-start; }
#holder #menu .menu_social a { margin-right: 40px; }
.menu_social ul.social li { width: 20px; height: 20px; text-indent: 0; }
.menu_social ul.social li svg { width: 20px; height: 20px; }
.menu_social ul.social li svg path { fill: #BFBFBF; }
.menu_social ul.social li:hover svg path { fill: #facc07; }

.header_social ul.social { margin-top: -2px; }
.header_social ul.social li { width: 18px; height: 18px; margin-right: 8px; text-indent: 0; }
.header_social ul.social li svg { width: 18px; height: 18px; }
.header_social ul.social li svg path { fill: #BFBFBF; }
.header_social ul.social li:hover svg path { fill: #facc07; }

.footer_social { top: 5px; }
.footer_social ul.social li { width: 15px; height: 15px; overflow: visible; }
.footer_social ul.social li svg { width: 15px; height: 15px; }
.footer_social ul.social li svg path { fill: #919191; }
.footer_social ul.social li:hover svg path { fill: #000000; }

#toggle-cal { padding: 0; }
#toggle-cal:hover svg rect { fill: #facc07; }

body.cal-visible #toggle-cal svg rect { fill: #919191; }
body.cal-visible #toggle-cal:hover svg rect { fill: #000000; }

button.hamburger.is-active#toggle-menu { top: 8px; }

.search-icon.active { border-color: #facc07; }
.search-icon.active::before { content: ''; background: #facc07; }

#comments .submit input { font-weight: 700; }

.infobar { font-size: 12px; height: 27px; }
.infobar ul li { height: 20px; }

.flash-notice { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 500px; background: #222; color: #FFF; font-weight: 600; text-transform: lowercase; position: relative; z-index: 1; }
.flash-notice p { padding: 0 20px; }

.prevnav svg, .nextnav svg { display: none; position: absolute; top: 13px; height: 10px; z-index: 10; }
.prevnav svg path, .nextnav svg path { fill: #333333; }
.prevnav:hover svg path, .nextnav:hover svg path { fill: #000000; }
.prevnav svg { left: 0; }
.nextnav svg { right: 0; }

#menu .description { position: absolute; bottom: 30px; width: 190px; }

.hero_about_new:before { 
	content: '';
	background-image: url('https://www.testmeat.com/photos/images/werenotawakeyet.jpg');
    background-size: cover;
    background-position: 50% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: blur(3px) brightness(0.8);
    filter: blur(3px) brightness(0.8);
    transform: scale(1.02);
    transition: all 0.6s ease-in-out;
}
.hero_about_new_big:before {
	content: '';
	transform: scale(1.55);
    transition: all 0.6s ease-in-out;
}
.about_text p { line-height: 1.4em; margin: 1.5em 0; }
.about_text p.large { font-size: x-large; margin: 1em 0; }

#menu h2 { color: #facc04; font-weight: 700; font-size: 1.2em; }

.theprintBar { text-align: left; margin-bottom: 6px; }
.theprintBar a { font-size: 12px; font-weight: 600; display: block; padding: 6px 0.8em; background: #b9b9b9; }
.theprintBar a:hover { background: #facc04; color: #000; }

@media all and (min-width:1121px) {
	#section_container { max-width: calc(100vw - 300px); }
	.photo { max-width: calc(100vw - 300px); }
	.overlay { max-width: calc(100vw - 300px); max-height: calc(100% - 4px); }
	.lyric { max-width: calc(100% - 20px); }
}
@media only screen and (min-width: 1121px) and (max-width: 1260px) {
	#section_container { max-width: calc(100vw - 80px); }	
}

@media all and (max-width:1120px) {
	header .title, header.sticky .title { font-size: 20px; }
	.box-content { padding-bottom: 40px; }
	.prevnav { display: block !important; margin-left: 0 !important; margin-top: 0; bottom: -5px; top: auto; width: calc(25% - 10px); height: 38px; transform: none !important; }
    .nextnav { display: block !important; left: auto !important; margin-top: 0; bottom: -5px; top: auto; width: calc(25% - 10px); height: 38px; right: 0; transform: none !important; }
/*     .prevnav-ly, .nextnav-ly { width: calc(33.3333% - 5px); } */
    .prevnav a.text, .nextnav a.text { background: transparent; border: 1px solid #aaa; color: #333; }
    .prevnav a.text { padding-left: 25px; }
    .nextnav a.text { padding-right: 25px; }
    .prevnav svg, .nextnav svg { display: block; }
    .nextnav:hover .prevnextthumb, .prevnav:hover .prevnextthumb { opacity: 0; }
    .prevnav:hover a.text, .nextnav:hover a.text { border: 1px solid #facc07; }
    .FotomotoToolbarClass { margin-top: 15px !important; max-width: 100%; }
    .lastyear { position: absolute; font-size: 12px; text-align: center; display: block !important; margin-left: 0 !important; margin-top: 0; bottom: -5px; top: auto; width: calc(25% - 5px); height: 38px; left: calc(50% + 5px); }
    .lastyear a { background: transparent; border: 1px solid #aaa; color: #333; font-weight: 800; position: relative; padding: 10px; display: block; }
    .lastyear:hover a { background: #facc07; color: #000; border: 1px solid #facc07; }
    
    .extraimage { position: absolute; font-size: 12px; text-align: center; display: block !important; margin-left: 0 !important; margin-top: 0; bottom: -5px; top: auto; width: 50%; height: 38px; left: 25%; }
    .extraimage-ly { width: calc(25% - 5px); }
    .extraimage a { background: transparent; border: 1px solid #aaa; color: #333; font-weight: 800; position: relative; padding: 10px; display: block; }
    .extraimage:hover a { background: #facc07; color: #000; border: 1px solid #facc07; }
    
    .theprintBar { text-align: center; margin: 14px 0 0 0; }
	.theprintBar a { background: transparent; border: 1px solid #aaa; color: #333; font-weight: 800; padding: 10px; }
    .theprintBar:hover a { background: #facc07; color: #000; border: 1px solid #facc07; }
    
    .mobile_tags a:hover, .mobile_tags a.active { background: #facc07; }
    .infoareaMOB { background: #e6e6e6; margin-bottom: 20px; }
    #comments input, #comments textarea { background: #fff; width: 96%; }
    .summary p { padding: 0 10px; }
    .menu_social ul.social {  justify-content: flex-start; }
    #holder #menu .menu_social a { margin-right: 40px; }
    #mobile_country .centering { padding: 0 20px; }
}
/*
@media all and (min-width:1020px) and (max-width:1119px) {
	.prevnav { top: auto; width: calc(50% - 5%); left: auto; right: calc(50% + 5px) !important; }
    .nextnav { left: calc(50% + 5px) !important; width: calc(50% - 5%); right: auto; }
    .prevnav-ly { width: calc(33.3333% - 5%); right: calc(66.6666% + 5px) !important; }
    .nextnav-ly { width: calc(33.3333% - 5%); left: calc(66.6666% + 5px) !important; }
}
*/
@media all and (min-width:1000px) and (max-width:1120px) {
	.overlay { top: -45px !important; }
	#section_container { max-width: calc(100vw - 20px); }
	.photo { max-width: calc(100vw - 20px); }
	.overlay { max-width: calc(100vw - 20px); max-height: calc(100% - 44px); display: none; }
}
@media all and (max-width:500px) {
	.panel-footer p { font-size: 10px; }
	.lastyear { font-size: 11px; width: calc(30% - 5px); left: calc(50% + 5px); }
	.extraimage { font-size: 11px; width: calc(60% - 10px); left: calc(20% + 5px); }
	.extraimage-ly { width: 30%; left: 20%; }
	.extraimage a { padding: 10px 0; }
	.prevnav { width: calc(20% - 5px); }
	.nextnav { width: calc(20% - 5px); }
	.prevnav a.text, .nextnav a.text { font-size: 11px; }
	.theprintBar { margin-top: 7px; }
/*
    .menu_social ul.social {  justify-content: space-between; }
    #holder #menu .menu_social a { margin-right: 0; }
*/
}