@import url("/ui/css/ui.css");

/* ----------------------------- DOCUMENT ----------------------------- */

body { font-family: 'Helvetica Neue', 'pragmatica-web', 'Helvetica', 'Arial', sans-serif; font-weight: 200; color: #666; background: #fff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
blockquote blockquote { font-size: 1em; display: inline; }
blockquote p { margin: 0; display: inline; }

@media only screen and (max-width: 640px) {
	body { font-size: 112.5%; color: #333; }
	h1 { font-size: 2.25em; line-height: 1.3; }
	h2 { font-size: 2em; line-height: 1.2; }
	h3 { font-size: 1.75em; line-height: 1.1; }
	h4 { font-size: 1.5em; }
	h5 { font-size: 1.25em; }
	h6 { font-size: 1em; }
}
.vivoom-gradient {
	background: #ff005c; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ff005c 0%, #ff8100 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff005c), color-stop(100%,#ff8100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #ff005c 0%,#ff8100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #ff005c 0%,#ff8100 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #ff005c 0%,#ff8100 100%); /* IE10+ */
	background: linear-gradient(45deg, #ff005c 0%,#ff8100 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff005c', endColorstr='#ff8100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.vivoom-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

video img { position: absolute !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }

/* ----------------------------- MOBILE ----------------------------- */

.vivoom-mobile { display: none; padding: 7.5%; color: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; }

.vivoom-mobile .vivoom-mobile-logo { font-size: 0; color: transparent; }
.vivoom-mobile .vivoom-mobile-logo a { display: block; width: 50%; min-width: 160px; margin: 0 auto; }
.vivoom-mobile .vivoom-mobile-logo a img { display: block; width: 100%; }

.vivoom-mobile .vivoom-mobile-headline {  }
.vivoom-mobile .vivoom-mobile-headline h2 { color: white; text-align: center; font-size: 1.625em; margin-top: 1em; }

.vivoom-mobile .vivoom-mobile-download { margin: 2em 0; }
.vivoom-mobile .vivoom-mobile-download .vivoom-download { max-width: 140px; }

.vivoom-mobile .vivoom-mobile-iphone { margin: 1em 0; }

.vivoom-mobile .vivoom-mobile-footer { font-size: 0.875em; margin: 1em 0; }
.vivoom-mobile .vivoom-mobile-footer ul { margin: 0; padding: 0; text-align: center; }
.vivoom-mobile .vivoom-mobile-footer ul li { display: inline; list-style-type: none; margin: 0; padding: 0; }
.vivoom-mobile .vivoom-mobile-footer ul li a,
.vivoom-mobile .vivoom-mobile-footer ul li span { display: inline-block; padding: .25em .4em; color: white; white-space: nowrap; }


@media only screen and (max-width: 640px) {
	.vivoom-mobile { display: block; }
}
@media only screen and (max-width: 480px) {
	.vivoom-mobile .vivoom-mobile-headline h2 { font-size: 1.75em; }

}

/* ----------------------------- WORDPRESS ----------------------------- */

#wpadminbar { opacity: .75; filter: alpha(opacity=75); }
.wp-editor img, .wp-editor video, .wp-editor iframe, .wp-editor embed { max-width: 100%; display: block; margin: 2em 0; }
.wp-editor img, .wp-editor video { height: auto; }

.wp-editor .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-editor .alignleft { float: left; }
.wp-editor .alignright { float: right; }

@media only screen and (max-width: 640px) {
	.wp-editor img, .wp-editor video, .wp-editor iframe, .wp-editor embed, .wp-editor .vivoom-video { max-width: none; width: 125% !important; margin-left: -12.5% !important; margin-right: -12.5% !important; }
	.wp-editor video, .wp-editor iframe, .wp-editor embed {  }
	.wp-editor .vivoom-video { padding-bottom: 70.3125% }
}

/* ----------------------------- BACKGROUND ----------------------------- */

.vivoom-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-filter: blur(30px); -moz-transform: translate3d(0, 0, 0); -o-filter: blur(30px); -o-transform: translate3d(0, 0, 0);}
.vivoom-background .vivoom-background-content { width: 1000%; height: 1000%; position: absolute; top: -450%; left: -450%; -webkit-filter: blur(30px); -moz-filter: blur(30px); -ms-filter: blur(30px); -o-filter: blur(30px); filter: blur(30px); }
.vivoom-background .vivoom-background-content img,
.vivoom-background .vivoom-background-content video,
.vivoom-background .vivoom-background-content iframe { min-width: 12%; min-height: 12%; display: block; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
@media only screen and (max-width: 640px) {
	.vivoom-background { display: none; }
}

/* ----------------------------- DOWNLOADS ----------------------------- */

.vivoom-download { margin: 0 auto 2em; max-width: 200px; }
.vivoom-download a { display: block; font-size: 0; color: transparent; }
.vivoom-download a img { display: block; width: 100%; height: auto; }

/* ----------------------------- SOCIAL ----------------------------- */

.vivoom-social { margin: 2em 0; }
.vivoom-social:after { content: ' '; display: table; clear: both; }
.vivoom-social ul { margin: 0; padding: 0; margin: 0 -10px; text-align: center; }
.vivoom-social ul li { list-style-type: none; margin: 0; padding: 0; display: inline-block; }
.vivoom-social ul li a { display: block; font-size: 0; color: transparent; width: 28px; padding: 10px; opacity: .15; filter: alpha(opacity=15); -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-social ul li a:hover { opacity: 1; filter: alpha(opacity=100); }
.vivoom-social ul li a img { display: block; width: 100%; height: auto; }

/* ----------------------------- IPHONE ----------------------------- */

.vivoom-iphone { max-width: 780px; display: block; margin: 0 auto; }
.vivoom-iphone img { width: 100%; height: auto; }
.vivoom-iphone .vivoom-iphone-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 72%; height: 72%; }
html.touch.safari .vivoom-iphone .vivoom-iphone-video { z-index: 2; width: 70%; height: 70%; }
.vivoom-iphone .vivoom-iphone-video-loading:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black url(/ui/img/backgrounds/loading.gif) no-repeat 50% 50%; opacity: .5; filter:alpha(opacity=50); }
html.touch.safari .vivoom-iphone .vivoom-iphone-video-loading:after,
html.ios .vivoom-iphone .vivoom-iphone-video-loading:after { display: none; }
html.touch.safari .vivoom-iphone .vivoom-iphone-video-loading:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black url(/ui/img/backgrounds/loading.gif) no-repeat 50% 50%; opacity: .5; filter:alpha(opacity=50); }

.vivoom-iphone .vivoom-iphone-video img,
.vivoom-iphone .vivoom-iphone-video video,
.vivoom-iphone .vivoom-iphone-video iframe,
.vivoom-iphone .vivoom-iphone-video embed { position: absolute; width: 100%; height: 100%; }
@media only screen and (min-width: 1280px)  {
	.vivoom-iphone { max-width: 75%; }
}
@media only screen and (max-height: 720px)  {
	.vivoom-iphone { max-width: 600px; }
}

/* ----------------------------- VIDEO ----------------------------- */

.vivoom-player { height: 0; padding-bottom: 56.25%; background: #222; }
.vivoom-player img,
.vivoom-player video,
.vivoom-player iframe,
.vivoom-player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.vivoom-player .vivoom-player-credit,
.vivoom-player .vivoom-player-download { padding: 2%; font-size: 0; color: transparent; position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); left: 0; width: 12%; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-player .vivoom-player-credit img,
.vivoom-player .vivoom-player-download img { position: relative; }
.vivoom-player .vivoom-player-download { left: auto; right: 0; }
.vivoom-player:hover .vivoom-player-credit,
.vivoom-player:hover .vivoom-player-download { opacity: 1; filter: alpha(opacity=1000); }
.vivoom-player .vivoom-player-credit:hover,
.vivoom-player .vivoom-player-download:hover { width: 15%; text-decoration: none; }

/* ----------------------------- CONTAINER ----------------------------- */

.vivoom-body { height: 100%; }

/* ----------------------------- MENU ----------------------------- */

.vivoom-menu { position: fixed; top: 0; left: 0; height: 100%; width: 180px; font-size: 0.9375em; overflow: auto; }
.vivoom-menu .vivoom-fill { display: none; }
.vivoom-menu .vivoom-background:after { content: '';  display: block; position: absolute; width: 100%; height: 100%; background: transparent url(/ui/img/backgrounds/black-30.png) repeat 0 0; }
.vivoom-menu .vivoom-background .vivoom-background-content { z-index: -1; }
.vivoom-menu .vivoom-menu-content { padding: 40px 0; width: 96px; margin: 0 auto; color: white; }
.vivoom-menu .vivoom-menu-content:after { content: ' '; display: table; clear: both; }

.vivoom-menu .vivoom-menu-content .vivoom-menu-logo { margin-bottom: 2em; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-logo-mobile { display: none; margin: 0; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-logo a { display: block; font-size: 0; color: transparent; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-logo img { display: block; width: 100%; height: auto; }

.vivoom-menu .vivoom-menu-content .vivoom-menu-toggle { display: none; float: right; width: 64px; height: 64px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-toggle img { display: block; width: 100%; }

.vivoom-menu .vivoom-menu-content .vivoom-menu-links { clear: both; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul { margin: 1.25em 0; padding: 0; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li { list-style-type: none; white-space: nowrap; margin: 0; padding: 0; opacity: .67; filter: alpha(opacity=67);  -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }
.vivoom-menu:hover .vivoom-menu-content .vivoom-menu-links ul li { opacity: 1; filter: alpha(opacity=100); }
.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li a { display: block; color: white; padding: .35em 0; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li a:hover { text-decoration: none; }
.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li.selected { font-weight: bold; opacity: 1; filter: alpha(opacity=100); }
.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li.selected a {  }

.vivoom-menu .vivoom-menu-download {  }
.vivoom-menu .vivoom-menu-download .vivoom-download { margin: 2em 0; }

@media only screen and (max-width: 640px) {
	.vivoom-menu { position: relative !important; width: auto; height: auto; }
	.vivoom-menu .vivoom-fill { display: block; }
	.vivoom-menu .vivoom-background { display: none; }
	.vivoom-menu .vivoom-menu-content { width: auto; padding: 20px 4% 20px 8%; }
	.vivoom-menu .vivoom-menu-content .vivoom-menu-logo { display: none; }
	.vivoom-menu .vivoom-menu-content .vivoom-menu-logo-mobile { display: block; width: 180px; float: left; }
	.vivoom-menu .vivoom-menu-content .vivoom-menu-toggle { display: block; }
	.vivoom-menu .vivoom-menu-content .vivoom-menu-links { display: none; padding: 2em 0 0; }
	.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul { margin: 0 -.625em; }
	.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li { display: inline-block; opacity: 1; filter: alpha(opacity=100);}
	.vivoom-menu .vivoom-menu-content .vivoom-menu-links ul li a { padding: .325em .625em; font-weight: 200; }
	.vivoom-menu .vivoom-menu-download { display: none; }
}

/* ----------------------------- HEADER ----------------------------- */

.vivoom-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 2; }
html.touch.safari .vivoom-header { position: absolute; }
@media only screen and (max-width: 640px) {
	.vivoom-header { display: none; }
}
.vivoom-header .vivoom-header-content { padding: 3%; }
.vivoom-header .vivoom-header-content:after { content: ' '; display: table; clear: both; }

.vivoom-header .vivoom-header-content .vivoom-header-logo { width: 19%; float: left; min-width: 240px; }
.vivoom-header .vivoom-header-content .vivoom-header-logo a { display: block; font-size: 0; color: transparent; }
.vivoom-header .vivoom-header-content .vivoom-header-logo a img { display: block; width: 100%; height: auto; }

.vivoom-header .vivoom-header-content .vivoom-header-download { width: 13%; float: right; min-width: 180px; }
.vivoom-header .vivoom-header-content .vivoom-header-download .vivoom-download { margin: 0; padding: 5% 0; }

/* ----------------------------- FOOTER ----------------------------- */

.vivoom-footer { position: fixed; bottom: 0; width: 100%; left: 0; font-size: 0.9375em; background: transparent url(/ui/img/backgrounds/footer.png) repeat-x 0 100%; z-index: 2; }
.vivoom-footer:after { content: ''; display: block; position: absolute; top: -2px; height: 2px; width: 100%; background: transparent url(/ui/img/backgrounds/shadow.png) repeat-x 0 0; }
@media only screen and (max-width: 640px) {
	.vivoom-footer { display: none; }
}

.vivoom-footer .vivoom-footer-content { padding: 12px 2.2% 18px; }
.vivoom-footer .vivoom-footer-content:after { content: ' '; display: table; clear: both; }
.vivoom-footer .vivoom-footer-section { float: right; text-shadow: 0 1px 0 white; }
.vivoom-footer .vivoom-footer-section:first-child { float: left; }
.vivoom-footer .vivoom-footer-section ul { margin: 0; padding: 0; white-space: nowrap; }
.vivoom-footer .vivoom-footer-section ul li { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; display: inline-block; }
.vivoom-footer .vivoom-footer-section ul li span,
.vivoom-footer .vivoom-footer-section ul li a { display: block; padding: .5em .75em; color: #555; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-footer .vivoom-footer-section ul li a:hover { color: #ff431e; text-decoration: none; }

/* ----------------------------- BILLBOARDS ----------------------------- */

.vivoom-billboard { display: block; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 100px 10% 0; }
html.touch.safari .vivoom-billboard { position: relative; height: auto; }
@media only screen and (max-width: 640px) {
	.vivoom-billboard { display: none; }
}

.vivoom-billboard .vivoom-billboard-background { position: fixed; top: -450%; left: -450%; width: 1000%; height: 1000%; }
.vivoom-billboard .vivoom-billboard-background div[data-image] { width: 100%; height: 100%; position: absolute; }
.vivoom-billboard .vivoom-billboard-background img,
.vivoom-billboard .vivoom-billboard-background video,
.vivoom-billboard .vivoom-billboard-background iframe,
.vivoom-billboard .vivoom-billboard-background embed { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-height: 12%; min-width: 12%; }
.vivoom-billboard .vivoom-billboard-content:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
html.touch .vivoom-billboard .vivoom-billboard-background video,
html.touch .vivoom-billboard .vivoom-billboard-background iframe,
html.touch .vivoom-billboard .vivoom-billboard-background embed { display: none; }
.vivoom-billboard .vivoom-billboard-content { display: table; text-align: center; vertical-align: middle; min-height: 100%; width: 100%; }
.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-display { display: table-row; }
.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-display .vivoom-billboard-display-graphic { display: table-cell; vertical-align: bottom; text-align: center; }
.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-display .vivoom-iphone { margin-bottom: -2%; }

.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline { display: table-row; }
.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text { display: table-cell; color: white; vertical-align: top; padding-bottom: 72px; }
.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 { color: white; text-align: center; font-weight: 100; }
html.safari .vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 { font-weight: 200; }
html.touch.ios .vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 { font-weight: 300; }

@media only screen and (max-height: 720px)  {
	.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 { font-size: 2.5em; }
	.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 br { display: none; }
}
@media only screen and (max-width: 800px)  {
	.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 { font-size: 2.5em; white-space: normal; }
	.vivoom-billboard .vivoom-billboard-content .vivoom-billboard-headline .vivoom-billboard-headline-text h1 br { display: none; }
}

/* ----------------------------- POSTER ----------------------------- */

.vivoom-poster { padding: 0; }
.vivoom-poster .vivoom-poster-video {  }
.vivoom-poster .vivoom-poster-video .vivoom-player { background: transparent; }
.vivoom-poster .vivoom-poster-video .vivoom-player video,
.vivoom-poster .vivoom-poster-video .vivoom-player iframe
.vivoom-poster .vivoom-poster-video .vivoom-player embed,
.vivoom-poster .vivoom-poster-video .vivoom-player img { box-shadow: 0 3px 10px black; }

.vivoom-poster .vivoom-poster-content { display: table; width: 100%; margin: 3em 0; }
.vivoom-poster .vivoom-poster-content > * { display: table-cell; vertical-align: top; padding: 0 30px; border-left: 1px solid transparent; border-color: rgba(255,255,255,.1) }
.vivoom-poster .vivoom-poster-content > *:first-child { padding-left: 0; border-left-width: 0; }
.vivoom-poster .vivoom-poster-content > *:last-child { padding-right: 0; }
.vivoom-poster .vivoom-poster-content * { margin: 0; }
.vivoom-poster .vivoom-poster-content .vivoom-author-avatar { float: left; width: 80px; display: block; border-radius: 50%; background: transparent url(/ui/img/backgrounds/gradient.png) no-repeat 50% 50%; background-size: cover; }
.vivoom-poster .vivoom-poster-content .vivoom-author-avatar img { width: 100%; display: block; border-radius: 50%; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-poster .vivoom-poster-content .vivoom-author-avatar:hover img { opacity: .5; filter: alpha(opacity=50); }
.vivoom-poster .vivoom-poster-content .vivoom-author-name { margin-left: 100px; }

.vivoom-poster h1, .vivoom-poster h2, .vivoom-poster h3, .vivoom-poster h4, .vivoom-poster h5, .vivoom-poster h6, .vivoom-poster bold, .vivoom-poster strong, .vivoom-poster dt, .vivoom-poster legend, .vivoom-poster blockquote { color: white; }
.vivoom-poster h1 { font-size: 2em; font-weight: 100; line-height: 1.2; letter-spacing: 1px; }
html.safari .vivoom-poster h1 { font-weight: 200; }

@media only screen and (max-width: 800px) {
	.vivoom-poster .vivoom-poster-content { display: block; }
	.vivoom-poster .vivoom-poster-content > * { display: block; padding: 0; margin: 2em 0; border-width: 0; }	
}


@media only screen and (max-width: 640px) {
	.vivoom-poster .vivoom-poster-video { width: 125%; margin-left: -12.5% !important; margin-right: -12.5% !important; }
}

/* ----------------------------- PAGE ----------------------------- */

.vivoom-page { overflow: hidden; min-height: 100%; margin-left: 180px; background: white; padding: 40px 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vivoom-page-video { background: transparent; padding: 40px 5%; color: #777; }
.vivoom-page-video a { color: white;  }
.vivoom-page .vivoom-page-stripe { display: block; position: fixed; width: 5px; height: 100%; top: 0; right: 0; }
@media only screen and (max-width: 640px) {
	.vivoom-page { margin-left: 0; padding: 25px 10%; }
	.vivoom-page .vivoom-page-stripe { display: none; }
	.vivoom-page-video { padding-top: 0; }
}

/* ----------------------------- POSTS ----------------------------- */

.vivoom-posts { width: 75%; max-width: 720px; }
@media only screen and (max-width: 800px) {
	.vivoom-posts { width: auto; }
}

.vivoom-posts .vivoom-post { margin-bottom: 5em; padding-bottom: 6em; border-bottom: 1px solid #e6e6e6; }
.vivoom-posts .vivoom-post:last-child { border-width: 0; }
.vivoom-posts .vivoom-post:after { content: ' '; display: table; clear: both; }
@media only screen and (max-width: 1080px) {
	.vivoom-posts .vivoom-post { display: block; }
}

.vivoom-posts .vivoom-post .vivoom-post-body { max-width: 520px; vertical-align: top; float: left; width: 75%; }
@media only screen and (max-width: 1080px) {
	.vivoom-posts .vivoom-post .vivoom-post-body { float: none; max-width: none; width: auto; }
}

.vivoom-posts .vivoom-post .vivoom-post-body .vivoom-post-title { margin-bottom: 3em; }
.vivoom-posts .vivoom-post .vivoom-post-body .vivoom-post-content {  }
.vivoom-posts .vivoom-post .vivoom-post-body .vivoom-post-taxonomy { font-size: .8125em; color: #aaa; margin: 4em 0 -2em; }
@media only screen and (max-width: 1080px) {
	.vivoom-posts .vivoom-post .vivoom-post-body .vivoom-post-taxonomy { margin: 3em 0; }
}

.vivoom-posts .vivoom-post .vivoom-post-colophon { float: left; width: 15%; left: 10%; max-width: 108px; vertical-align: top; font-size: .8125em; color: #aaa; }
.vivoom-posts .vivoom-post .vivoom-post-colophon:after { content: ' '; display: table; clear: both; }
.vivoom-posts section.vivoom-post .vivoom-post-colophon { display: none; }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-author {  }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-author a { display: block; border-radius: 50%; background: transparent url(/ui/img/backgrounds/gradient.png) no-repeat 50% 50%; background-size: cover; }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-author img { display: block; margin: 2em auto 0; width: 100%; border-radius: 50%; height: auto; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-author a:hover img { opacity: .5; filter: alpha(opacity=50); }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-info {  }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-info h4,
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-info h5,
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-info h6,
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-info p { margin: .25em 0; }
.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-extra { display: none; }


@media only screen and (max-width: 1080px) {
	.vivoom-posts .vivoom-post .vivoom-post-colophon { float: none; left: 0; width: auto; max-width: none; margin: 4em 0 0; }
	.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-author { width: 52px; float: left; }
	.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-author img { margin: 0; }
	.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-info,
	.vivoom-posts .vivoom-post .vivoom-post-colophon .vivoom-post-extra { margin-left: 72px; }
	.vivoom-posts .vivoom-post-video:first-child { margin-top: -25px; }
}

/* ----------------------------- VIDEOS ----------------------------- */

.vivoom-videos {  }
@media only screen and (max-width: 800px) {
	.vivoom-videos {  }
}

.vivoom-videos .vivoom-video { margin-bottom: 5em; padding-bottom: 6em; border-bottom: 1px solid #e6e6e6; }
.vivoom-videos .vivoom-video:last-child { border-width: 0; }
.vivoom-videos .vivoom-video:after { content: ' '; display: table; clear: both; }

.vivoom-videos .vivoom-video .vivoom-video-body {  }
.vivoom-videos .vivoom-video .vivoom-video-body .vivoom-video-title { margin-bottom: 3em; }
.vivoom-videos .vivoom-video .vivoom-video-body .vivoom-video-content {  }
.vivoom-videos .vivoom-video .vivoom-video-body .vivoom-video-taxonomy { font-size: .8125em; color: #aaa; margin: 4em 0 -2em; }
@media only screen and (max-width: 1080px) {
	.vivoom-videos .vivoom-video .vivoom-video-body .vivoom-video-taxonomy { margin: 3em 0; }
}

.vivoom-videos .vivoom-video .vivoom-video-colophon { font-size: .8125em; color: #aaa;margin: 4em 0 0; }
.vivoom-videos .vivoom-video .vivoom-video-colophon:after { content: ' '; display: table; clear: both; }
.vivoom-videos section.vivoom-video .vivoom-video-colophon { display: none; }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-author { width: 52px; float: left; }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-author a { display: block; border-radius: 50%; background: transparent url(/ui/img/backgrounds/gradient.png) no-repeat 50% 50%; background-size: cover; }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-author img { display: block; margin: 0; width: 100%; border-radius: 50%; height: auto; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-author a:hover img { opacity: .5; filter: alpha(opacity=50); }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-info { margin-left: 72px; }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-info h4,
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-info h5,
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-info h6,
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-info p { margin: .25em 0; }
.vivoom-videos .vivoom-video .vivoom-video-colophon .vivoom-video-extra { margin-left: 72px; }




/* ----------------------------- ASIDE ----------------------------- */

.vivoom-sidebar { position: fixed; width: 25%; height: 100%; right: 0; top: 0; }
.vivoom-sidebar .vivoom-sidebar-content { padding: 40px 25px; max-width: 180px; margin: 0 auto; }
.vivoom-sidebar .vivoom-sidebar-content:after { content: ' '; display: table; clear: both; }

.vivoom-sidebar .vivoom-sidebar-content .vivoom-sidebar-download {  }

.vivoom-sidebar .vivoom-sidebar-content .vivoom-sidebar-social {  }

@media only screen and (max-width: 800px) {
	.vivoom-sidebar { position: relative; width: auto; height: auto; }
	.vivoom-sidebar .vivoom-sidebar-content { padding: 1em 0 3em; max-width: none; margin: 0 auto; }
	.vivoom-sidebar .vivoom-sidebar-content .vivoom-downloads { width: 50%; float: left; }
}

/* ----------------------------- PAGES ----------------------------- */

.vivoom-pagination { margin: 3em 0; text-align: center; }
.vivoom-pagination .page-numbers { display: inline-block; padding: 7px; font-size: 0; color: transparent; width: 10px; height: 10px; }
.vivoom-pagination .page-numbers:after { content: ''; display: block; position: relative; width: 10px; height: 10px; border-radius: 50%; background: #ddd; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.vivoom-pagination .page-numbers.prev:after,
.vivoom-pagination .page-numbers.next:after { border-radius: 0; width: 0; height: 0; border: 7px solid transparent; border-width: 5px 9px; background: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
.vivoom-pagination .page-numbers.prev { left: -9px; }
.vivoom-pagination .page-numbers.next { left: 1px; }
.vivoom-pagination .page-numbers.prev:after { border-right-color: #ddd; border-left-color: transparent !important; }
.vivoom-pagination .page-numbers.next:after { border-left-color: #ddd; border-right-color: transparent !important; }
.vivoom-pagination .page-numbers.current:after,
.vivoom-pagination .page-numbers:hover:after { background: #ff431e; border-color: #ff431e; }

/* ----------------------------- CYCLE ----------------------------- */

.vivoom-cycle { overflow: hidden; }
.vivoom-cycle > * { display: none; }
.vivoom-cycle > *:first-child { display: block; }
.vivoom-cycle .vivoom-cycle-content { display: table; table-layout: fixed; }
.vivoom-cycle .vivoom-cycle-content-clone { position: absolute; }
.vivoom-cycle .vivoom-cycle-content .vivoom-cycle-item { display: table-cell; vertical-align: middle; }

.mejs-inner, .mejs-layers, .mejs-overlay-loading { width: 100%; height: 100%; }
.mejs-overlay-loading { top: 0; left: 0; margin: 0; }
.mejs-overlay-loading span { left: 50%; top: 50%; margin: -40px; }

/* ----------------------------- VIDEO PAGE ----------------------------- */

body.body-video { background: #222; }
body.body-video .vivoom-menu .vivoom-background { opacity: .25; filter: alpha(opacity=25); }

/* ----------------------------- MEDIA ELEMENTS ----------------------------- */

.vivoom-player .mejs-inner,
.vivoom-player .mejs-mediaelement,
.vivoom-player .mejs-layer { width: 100% !important; height: 100% !important; position: absolute !important; }
.vivoom-player .mejs-overlay-button { margin: -50px; }
.vivoom-player .mejs-controls { white-space: nowrap; }
.vivoom-player .mejs-controls > * { display: inline-block !important; margin-right: -4px !important; float: none !important; vertical-align: top; }