html {
font-family:'Playfair Display',arial,helvetica,sans-serif;
font-size:17px;
color:#000000;
}

body {
background-color:#202020;
margin:0;
padding:0;
}

#main {
width:900px;
margin:36px auto;
}

#left-column {
width:650px;
float:left;
}

#header {
width:100%;
height:325px;
background-color:#704050;
background-image:url('images/background.jpg');
background-size:33%;
background-position:0 42px;
box-sizing:border-box;
position:relative;
z-index:2;
}

#card {
position:absolute;
top:-24px;
width:207px;
height:373px;
left:50%;
transform:translateX(-50%);
background-color:#202020;
z-index:99;
}

#card-content {width:100%;font-size:17px;}

#card-content,#footer-card-content {
text-align:center;
line-height:1.4em;
}

#footer-card-content {
font-size:18px;
padding:6% 12%;
}

#vs-logo {
width:40%;
margin:30%;
}

#vs-logo-img {
width:100%;
height:0;
padding-bottom:100%;
background-image:url('images/logo-viki-secrets-3.png');
background-size:100%;
background-repeat:no-repeat;
transition:background-image 1s ease-in-out;
}

#preload-1 {height:0;
background-image:url('images/love-4.png');
}
#vs-logo-img:hover {
background-image:url('images/love-4.png');
}

#vs {
margin:-1em auto 30% auto;
font-family:"courier new",courier;
text-transform:uppercase;
font-size:1.17em; /* 20 */
}

#subtitle {
width:66%;
margin:0 auto;
margin-top:-1.4em;
line-height:1.4em;
font-size:1.12em; /* 19 */
}

#vs-a,#footer-card-content a,.cover-top-social a {
color:#FFFFFF;
}

#vs-a:hover,#subtitle-a:hover,#footer-card-content a:hover,.cover-top-social a:hover {
color:#aa1a64;
}

#subtitle-a {
color:#bd7a91;
}

#breadcrumb {
margin-bottom:1.4em;
}

#content {
min-height:1000px;
line-height:1.6em;
padding:3rem 0;
background-color:#FFFFFF;
word-wrap:break-word;
}

#content > *:not(.newsarticle):not(.narrow):not(.p-img):not(.comments):not(.alignleft):not(.alignright):not(.alignfull),.newsarticle > *:not(.narrow):not(.p-img):not(.alignleft):not(.alignright):not(.alignfull),.comment > * {
width:calc(100% - 6rem);
max-width:700px;
margin-left:auto;
margin-right:auto;
}

.narrow > *:not(.p-img):not(.alignleft):not(.alignright):not(.alignfull) {
width:calc(100% - 9rem);
max-width:calc(700px - 3rem);
margin-left:auto;
margin-right:auto;
}

.p-img {
width:calc(100% - 6rem);
max-width:700px;
margin:0.7em auto;
}

p {margin:1.6em 0;}

.alignleft {margin-left:1.5rem;margin-right:auto;}
.alignright {margin-left:auto;margin-right:1.5rem;}
.alignleft,.alignright {width:calc(100% - 6rem);}
.floatleft {float:left;margin-right:1.4em;margin-bottom:1em;max-width:50%;}
.floatright {float:right;margin-left:1.4em;margin-bottom:1em;max-width:50%;}
.alignfull {width:100%;max-width:100%;}
.alignfull img {width:100%;}
.maxwidth100 {max-width:100%;}
.maxwidth50 {max-width:50%;}

#footer {
height:325px;
background-color:#704050;
background-image:url('images/background.jpg');
background-size:33%;
background-position:0 42px;
box-sizing:border-box;
position:relative;
}

#footer-card {
position:absolute;
top:-24px;
width:207px;
height:373px;
left:50%;
transform:translateX(-50%);
background-color:#202020;
}

#footer-card-content p {
margin:1em 0;
}

#copyright {
}

img {
border:0;
display:block;
max-width:100%;
height:auto;
}

iframe {
display:block;
max-width:100%;
}

h1,h2,h3,h4 {
font-family:'Yanone Kaffeesatz';
color:#704050;
font-weight:normal;
}

h1 {
font-size:3rem;
margin-top:0;
margin-bottom:1.6rem;
line-height:1em;
}

h2 {
font-size:2.5rem;
margin:3rem 0 1.6rem 0;
line-height:1em;
}

h3 {
font-size:2.1rem;
line-height:1.16em;
margin:3rem 0 1.6rem 0;
}

h4 {
font-family:"courier new",courier;
font-size:1.3rem;
line-height:1.16em;
margin:1em 0;
}

.newstitle {
font-size:60px;
margin-top:0;
margin-bottom:0.6rem;
}

.newstitle > a {display:block;width:62%;word-break:keep-all;}

.credit-item-first,.credit-item {display:inline-block;}
.credit-separator {display:none;}
.credit-item {
border-left:1px dotted #202020;
margin-left:0.5em;
padding-left:0.5em;
}

h1,h2 {
text-transform:uppercase;
}

/* Link Styles */
a {
text-decoration:none;
color:#704050;
font-weight:normal;
transition:color 0.3s ease-in-out;
}

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

svg {transition:fill 0.3s ease-in-out;}

.newsarticlecredit a,.archive a,#breadcrumb a {
color:#000000;
}

.newsarticlecredit a:hover,.archive a:hover,#breadcrumb a:hover {
text-decoration:underline;
}

#sidebar a,#sidebar-close-a,.comment a,.cover-top-title a {
color:#FFFFFF;
}

#sidebar a:hover,.comment a:hover,.cover-top-title a:hover {
text-decoration:underline;
}

/* Sidebar */
#sidebar {
width:250px;
float:left;
line-height:1.5em;
padding-top:3rem;
margin-top:-0.1em;
color:#FFF;
}

.clear {clear:both;}

#sidebar-open {display:none;}
#sidebar-close {
display:none;
position:absolute;
width:100%;
top:0;
left:0;
box-sizing:border-box;
z-index:100;
}

#sidebar-close {padding-right:50px;}

#sidebar-open-a,#sidebar-close-a {
display:block;
float:right;
width:50px;
padding:12px 0;
line-height:0;
background-color:#202020;
}

.menu {
padding:0 1em 1.4em 3em;
}

.menu h3 {
font-size:20px;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:2px;
margin-top:0;
margin-bottom:5px;
color:#FFFFFF;
}

#sidebar p {margin:1em 0;}

ul {
list-style:none;
margin:1em 0;
padding:0;
}

li {
padding:0;
}

#content ul li {
text-indent:-0.83em;
margin-left:0.83em;
}

#content ul li:before {
content:'\2013  ';
}

#content .pagelist li,#content .errorlist li {
text-indent:0;
margin-left:0;
}

#content .pagelist li:before,#content .errorlist li:before {
content:none;
}

.linksalamode li
{
margin:3px 0;
}

.links
{
margin:1em 0;
padding:0;
}

.links li
{
font-size:0.89em;
line-height:1.5em;
padding:0;
margin-bottom:1em;
}

.menu-active,.menu-active a {
color:#FFFFFF;
}

/* News Articles */
.newsarticle {
margin-bottom:4rem;
}

blockquote {
margin:1em 0;
border-left:1px dotted #202020;
padding:0 24px;
font-style:italic;
}

.buttons {
display:flex;
margin:1.8em auto;
}

.button,.pushbutton,input[type="submit"] {
display:block;
border:1px dotted #202020;
padding:0.8em;
transition:background-color 0.3s,color 0.3s,border-color 0.3s;
}
.button {margin:0 0.4em;}
.button:first-child {margin-left:0;}
.button:last-child {margin-right:0;}

.button:hover,.pushbutton:hover,input[type="submit"]:hover {
background-color:#aa1a64;
color:#FFF;
border-color:#aa1a64;
}

.comment-count {
font-size:smaller;
color:#000000;
}

/* Google */
.g-index {line-height:0;}
.g-content {margin:1.6rem auto;line-height:0;text-align:center;}
.g-flex {display:flex;justify-content:space-around;line-height:0;}
.g-cs-index {margin:-1.6rem auto 1.6rem auto;}
.g-cs-news {margin:1.6rem auto;}
.g-cs-pages {margin-top:1.6rem;}
.g-cs-1 {width:300px;}
.g-cs-2 {width:250px;}

/* Page Navigation */
.pagelist {
font-size:1rem;
padding:0;
margin:0;
list-style-type:none;
}

.pagelist li {
display:inline;
padding:0 0.6em;
}

.pagelist .current a {
color:#FFFFFF;
}

.current {
background-color:#704050;
color:#FFFFFF;
}

.pagelist .prev {
margin-right:2px;
}

.pagelist .next {
margin-left:2px;
}

.disabledlink {
color:#ddd;
}

/* Video strip */
.videostrip {
width:100%;
max-width:100%;
margin:3rem 0;
background-color:#000;
}

.videostrip a {
display:block;
width:calc(100% - 6rem);
max-width:700px;
margin:0 auto;
}

.videostrip > a:not(:first-child) > img {
margin-top:-6.91%;
}

.videostrip br {display:none;}

/* Comments */
.comments {
margin:1.4em 0 2em 0;
}

.comment {
padding:1em 0;
background:#704050;
color:#FFFFFF;
word-wrap:break-word;
}

.comment-separator {border-bottom:1px dotted #FFF;}

.commentinfo h4 {
font-size:1rem;
margin-top:0;
margin-bottom:0.7em;
color:#FFFFFF;
}

.commenttext p {
margin:0.7em 0 0 0 !important;
}

#h2-add-comment {
margin-bottom:1rem;
}

/* Forms */
table {
border-spacing:0;
border-collapse:collapse;
}

td {
padding:0;
}

.form-table {
display:table;
width:100%;
}

.form-tr {
display:table-row;
}

.form-input {
display:table-cell;
width:50%;
vertical-align:middle;
}

.form-label {
display:table-cell;
width:50%;
padding-left:1rem;
vertical-align:middle;
}

.inputbox {
width:100%;
box-sizing:border-box;
padding:4px;
margin:0;
font-size:1rem;
border:0;
background-color:#DDD;
}

#email.inputbox
{
margin:0.7em 0;
}

input {
font-family:'Playfair Display',arial,helvetica,sans-serif;
font-size:1rem;
}

input[type="submit"] {
margin-right:0.8em;
}

textarea {
display:block;
width:100%;
box-sizing:border-box;
padding:4px;
font-family:'Playfair Display',arial,helvetica,sans-serif;
font-size:1rem;
margin:1rem 0;
border:0;
background-color:#DDD;
}

#mailform textarea
{
height:200px;
}

.checkbox {
cursor:pointer;
}

.pushbutton,input[type="submit"] {
cursor:pointer;
color:#704050;
background-color:#FFF;
}

label {
cursor:pointer;
}

.searchbox {
width:72%;
padding:4px;
margin:0;
font-size:1em;
border:0;
background-color:#704050;
color:#FFFFFF;
}

.searchbox-sidebar {
width:100%;
height:1em;
padding:4px;
margin:4px 0 0 -4px;
font-size:1em;
font-style:italic;
border:0;
background-color:transparent;
color:#FFFFFF;
}

/* Icons */
@font-face {
font-family: 'icons';
src: url(data:application/x-font-ttf;base64,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) format('truetype');
}

.social-icons a {color:#DDD;}
.social-buttons a {display:inline-block;background-color:#282828;padding:1rem;border-radius:50%;}

#sidebar a.icon:hover {text-decoration:none;color:#aa1a64;}

.icon {
font-family:'icons';
font-size:1.1em;
font-weight:normal;
line-height:1;
margin:auto 0.1em;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.icon-hive:before {content:"\e900";}
.icon-facebook:before {content:"\ea90";}
.icon-instagram:before {content:"\ea92";}
.icon-twitter:before {content:"\ea96";}
.icon-youtube:before {content:"\ea9d";}

/* Error Messages */
.errorbox {
background-color:#704050;
padding:1rem;
margin-bottom:1em;
color:#FFFFFF;
}

.errorbox h2 {
color:#FFFFFF;
font-size:1rem;
margin:0;
}

ul.errorlist  {
margin:1em 0 0 0;
}

.errorlist li {
padding:0;
}

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* ColorBox User Style */
#cboxOverlay{background-color:#202020;}
#colorbox{font-family:Verdana;font-size:16px;font-weight:normal;outline:0;}
#cboxTopLeft{width:12px; height:12px; background:#202020;}
#cboxTopRight{width:12px; height:12px; background:#202020;}
#cboxBottomLeft{width:12px; height:12px; background:#202020;}
#cboxBottomRight{width:12px; height:12px; background:#202020;}
#cboxMiddleLeft{width:12px; background:#202020;}
#cboxMiddleRight{width:12px; background:#202020;}
#cboxTopCenter{height:12px; background:#202020;}
#cboxBottomCenter{height:12px; background:#202020;}
#cboxContent{background:#202020;color:#FFF;}
#cboxLoadedContent{margin-bottom:0;}
#cboxTitle{position:absolute; bottom:2px; left:0; text-align:center; width:100%; color:#666; font-size:10px; font-weight:bold; text-transform:uppercase;}
#cboxCurrent{position:absolute; bottom:2px; left:98px; color:#FFF; font-size:10px;}
#cboxLoadingGraphic{background:url(images/logo-viki-secrets-3.png) center/48px no-repeat;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:2px; right:70px; color:#666; font-size:10px; font-weight:bold; text-transform:uppercase;}
#cboxPrevious{position:absolute; bottom:0; left:0px ;color:#FFF; border:1px dotted #FFF;padding:12px;}
#cboxNext{position:absolute; bottom:0; left:48px; color:#FFF; border:1px dotted #FFF;padding:12px;}
#cboxClose{position:absolute; bottom:0; right:0; color:#FFF; border:1px dotted #FFF;padding:12px;}

/* Viewport */
/* zoom: 400px */
@media (max-width:479px) {
#main {width:100%;margin:0;}
#left-column {width:100%;}
#card,#footer-card {width:50vw;height:90vw;} /* 200, 360 */
#card-content {font-size:4.25vw;} /* 17 */
#footer-card {top:-6vw;} /* 24 */
#footer-card-content {font-size:4.5vw;} /* 18 */
#header,#footer {height:84vw;border:none;} /* 336 */
#content {padding:12vw 0;} /* 48, 30 */
.p-img iframe[width='550'] {width:100%;height:56.41vw;}
label {font-size:15px;}
textarea {height:5em;}
.newstitle {font-size:13vw;} /* 52 */
.newstitle > a {width:66vw;word-break:normal;}
.newstitle br {display:none;}
#sidebar {display:none;position:absolute;top:0;left:0;width:100%;background-color:#202020;z-index:999;font-size:22px;line-height:34px;padding-top:48px;}
.menu {padding:0 0 48px 58px;width:240px;}
.menu h3 {font-size:24px;}
.searchbox-sidebar {font-size:22px;}
#sidebar-open,#sidebar-close {display:block;}
.g-flex {flex-wrap:wrap;}
.g-cs-2 {margin-top:24px;}
.button {flex-grow:1;}
}

@media (max-width:600px) {
#content > *:not(.newsarticle):not(.narrow):not(.p-img):not(.comments):not(.alignleft):not(.alignright):not(.alignfull),.newsarticle > *:not(.narrow):not(.p-img):not(.alignleft):not(.alignright):not(.alignfull),.comment > * {
width:auto;
margin-left:1.6rem;
margin-right:1.6rem;
}

.narrow > *:not(.p-img):not(.alignleft):not(.alignright):not(.alignfull) {
width:auto;
margin-left:3rem;
margin-right:3rem;
}

.p-img {
width:auto;
margin-left:1.6rem;
margin-right:1.6rem;
}
.alignleft {margin-left:0;}
.alignright {margin-right:0;}
.videostrip {margin:0;}
.videostrip a {width:100%;}
}

/* zoom:650px */
@media (min-width:480px) and (max-width:900px) {
html {font-size:20px;}
#main {width:100%;margin:0;}
#left-column {width:100%;}
#card,#footer-card {width:30.77vw;height:55.38vw;} /* 200, 360 */
#card-content {font-size:2.62vw;} /* 17 */
#footer-card {top:-3.69vw;} /* 24 */
#footer-card-content {font-size:2.77vw;} /* 18 */
#header,#footer {height:51.69vw;border:none;} /* 336 */
#content {padding:7.38vw 0;} /* 48, 30 */
.newstitle {font-size:9.23vw;} /* 52 8vw */
.newsarticlecredit {font-size:18px;line-height:32px;}
.p-img img[width='550'] {width:100%;}
.p-img iframe[width='550'] {width:100%;height:56.41vw;}
#sidebar {display:none;position:absolute;top:0;left:0;width:100%;background-color:#202020;z-index:999;font-size:34px;line-height:52px;padding-top:48px;}
.menu {padding:0 0 48px 100px;width:364px;}
.menu h3 {font-size:36px;letter-spacing:4px;}
.searchbox-sidebar {font-size:34px;padding:8px;
margin:6px 0 0 -12px;border-width:4px;}
#sidebar-open,#sidebar-close {display:block;}
}

/* zoom:1000px */
@media (min-width:1000px) and (max-width:1599px) {
html {font-size:1.7vw;} /* 17 */
#main {width:90vw;margin:3.6vw auto;} /* 36 */
#left-column {width:65vw;} /* 650 */
#card {top:1.2vw;} /* 12 */
#card,#footer-card {width:20.72vw;height:37.3vw;top:-2.4vw;} /* 207.2, 373, -24 */
#card-content {font-size:1.7vw;} /* 17 */
#footer-card-content {font-size:1.8vw;} /* 18 */
#header,#footer {height:32.5vw;} /* 325 */
#sidebar {width:25vw;font-size:1.7vw;} /* 250, 17 */
.p-img img[width='550'] {width:100%;}
.p-img iframe[width='550'] {width:100%;height:36.67vw;max-height:467px;}
.menu h3 {font-size:2vw;} /* 20 */
.newstitle {font-size:6vw;} /* 52 5.2vw */
}
@media (min-width:1300px) and (max-width:1599px)
{
html {font-size:22px;} /* 17 */
.newstitle {font-size:80px;} /* 52 66 */
}

/* zoom:1400px 0.833 */
@media (min-width:1600px) and (max-width:2499px) {
html {font-size:22px;} /* 17 */
#main {width:75vw;margin:3vw auto;} /* 900, 36 */
#left-column {width:54.17vw;} /* 650 */
#card {top:1vw;} /* 12 */
#card,#footer-card {width:17.27vw;height:31.08vw;top:-2vw;} /* 207.2, 373, -24 */
#card-content {font-size:1.42vw;} /* 17 */
#footer-card-content {font-size:1.5vw;} /* 18 */
#header,#footer {height:27.08vw;} /* 325 */
#sidebar {width:20.83vw;font-size:1.42vw;padding-top:5vw;} /* 250, 17, 50 */
#content {padding:5vw 0;} /* 50 */
.p-img img[width='550'] {width:100%;}
.p-img iframe[width='550'] {width:100%;height:467px;}
.menu h3 {font-size:1.67vw;} /* 20 */
.newstitle {font-size:80px;} /* 52 calc(26px + 2.17vw) */
}

/* zoom:2500px */
@media (min-width:2500px) {
html {font-size:22px;} /* 17 */
#main {width:1875px;margin:75px auto;} /* 900, 36 */
#left-column {width:1354px;} /* 650 */
#card {top:25px;} /* 12 */
#card,#footer-card {width:432px;height:777px;;top:-50px;} /* 207.2, 373, -24 */
#card-content {font-size:35px;} /* 17 */
#footer-card-content {font-size:37px;} /* 18 */
#header,#footer {height:677px;} /* 325 */
#sidebar {width:521px;font-size:35px;padding-top:104px;} /* 250, 17, 50 */
#content {padding:104px 0;} /* 50 */
.p-img img[width='550'] {width:100%;}
.p-img iframe[width='550'] {width:100%;height:467px;}
.menu h3 {font-size:42px;} /* 20 */
.newstitle {font-size:80px;} /* 52 */
}

/* full-screen cover */
.cover-top {position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:3;}
.cover-top-title,.cover-top-social {margin:1rem;}
.cover-top-title a {transition:text-shadow 0.3s ease-in-out;}
.cover-top-title a:hover {text-shadow:0.1em 0.1em 0.2em #202020;}
.cover-top-menu {display:flex;}
.cover-top-social {display:flex;list-style:none;}
ul.cover-top-social li {margin-left:0.25em;}
@media (max-width:699px) {
.cover-image,.cover-top-title,.cover-top-social,.cover-bottom {display:none;}
.cover-top {justify-content:flex-end;}
#card {top:0;}
}
@media (max-width:900px) {
.cover-top-social {display:none;}
}
@media (min-width:700px) {
.cover-image {position:absolute;width:100%;height:100vh;background-size:cover;background-position:center;filter:blur(0.5vw) brightness(0.9) contrast(1.7) grayscale(1);transition:background-image 1s ease-in-out;z-index:-1;}
#header-fullscreen {width:100%;height:100vh;display:flex;align-items:center;}
#header {background-size:auto 66%;height:50vh;}
#card,#footer-card {background-color:#282828;}
#card {height:60vh;width:33.33vh;top:-5vh;}
#card-content {font-size:2.83vh;} /* 17 / 360 * height_vh_percent */
#main {margin-top:0;position:relative;}
.cover-bottom {position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:1;}
.cover-bottom-inner {width:100%;text-align:center;margin:1rem 0;}
.cover-arrow svg {width:0.8rem;height:auto;fill:#FFF;}
.cover-arrow svg:hover {fill:#aa1a64;}

#header.header-cover-image {
height:60vh;
width:50%;
background-size:auto 50%;
}
.header-cover-image > #card {
top:0;
left:100%;
}
}
@media (min-width:1600px),(min-width:700px) and (min-height:1000px) {
#header {height:33vh;}
#card {height:39.6vh;width:22vh;top:-3.3vh;}
#card-content {font-size:1.87vh;} /* 17 / 360 * height_vh_percent */

#header.header-cover-image {height:39.6vh;}
}
@media (min-width:1600px) {
#header.header-cover-image {width:calc(12.5vw + 11vh);}
}