/*
Theme Name: Atipus 2014
Theme URI: http://www.atipus.com/
Author: the Atipus team
Author URI: http://www.atipus.com/
Description: 
Version: 1.0
Text Domain: atipustwothousandfourteen
*/

/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* CSS Document */

::selection { background:#000000; color:#ffffff; }
::-moz-selection { background:#000000; color:#ffffff; }

@font-face {
	font-family: 'UniversLTStd-Light';
	src: url('https://www.atipus.com/wp-content/themes/atipus/font/UniversLTStd-Light.eot');
}

@font-face {
	font-family: 'UniversLTStd-Light';
	src: url('https://www.atipus.com/wp-content/themes/atipus/font/UniversLTStd-Light.woff') format('woff'),
		 url('https://www.atipus.com/wp-content/themes/atipus/font/UniversLTStd-Light.svg#UniversLTStd-Light') format('svg');
}

* { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html,
body { background-color:#ffffff; height:100%; }

body {
	padding:0 8.333333333333333%;
	/*width:83.33333333333333%;*/
	width:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: none;
}
/*img { opacity:0; }*/

a { color:#000000; text-decoration:none; }
a:hover { color:#000000 !important; text-decoration:none; }
strong { color:#000000; }

#sb-site { margin:0 auto; width:100%; }

.site-header { color:#989898; font-family:"UniversLTStd-Light", serif; width:100%; }
.navigation { font-size:22px; z-index:8010; }
.navigation li { display:inline-block; letter-spacing:-0.01em; line-height:40px; }
.navigation a { color:#989898; display:inline-block; }
.navigation li.current-menu-item a,
.languages a.active { color:#000000; }
.languages { position:absolute; right:0; top:0; }
.languages li { text-transform:capitalize; white-space:pre; }
.languages a { margin-right:4px; }
.atipus-menu { width:100%; }
.atipus-menu li { padding:0 13px; }

.mm-list a,
.mm-list a:hover { color: #ffffff !important; }
.sb-slidebar { display:none; background-color:#221E1F; }
.sb-slidebar ul { margin-top:25px; }
.sb-slidebar li { font-family:"UniversLTStd-Light", serif; font-size:18px; margin-bottom:9px; text-align:center; }
.sb-slidebar .cat-item { margin-bottom:5px; }
.sb-slidebar a { color:#fff; }
.sb-slidebar .cat-item a { color:#989898 !important; }

#masthead a.mmenu-trigger {
	background:center center no-repeat;
	background-color:transparent;
	background-image:url(images/menu-icon.png);
	display:none;
	height:40px;
	position:absolute;
	right:0;
	top:0;
	width:40px;
}

#masthead a.sb-open-right { width:40px; height:40px; position:absolute; right:0; top:0; display:none; }

h1,
h2,
p { font-family:"UniversLTStd-Light", serif; margin:0 auto 9px auto; text-align:center; }

h1,
h2 { color:#000000; letter-spacing:-0.01em; }

p { color:#929396; }
.site-footer { clear:both; padding-bottom:30px; margin-top:100px; }
.site-footer p { width:auto; }

/*.item { float:left; margin-bottom:19px; margin-top:19px; overflow:hidden; padding:0; width:53px;}
.item.width-x2  { width:144px; }
.item.width-x3  { width:235px; }
.item.width-x4  { width:326px; }
.item.width-x5  { width:417px; }
.item.width-x6  { width:508px; }
.item.width-x7  { width:599px; }
.item.width-x8  { width:690px; }
.item.width-x9  { width:781px; }
.item.width-x10 { width:872px; }
.item img { display:block; height:auto; width:100%; }*/

.item { float:left; width:280px; height:320px; overflow:hidden; text-align:center; }
.item.w2 { width:585px; height:320px; }
.item.h2 { width:280px; height:665px; }
.item.w2h2 { width:585px; height:665px; }
.item img { height:100%; width:100%; vertical-align:middle; display:none; }

.single #content { margin:0 auto; max-width:1600px; }
.single #content img { display:block; height:auto; margin:0 auto 25px auto; width:100%; }
.single #content .rve,
.wp-video { margin:0 auto 25px auto; }
.single #content img.percent_60 { width:61.25%; }
.single #content p + img,
.single #content p + .rve,
.single #content p + .wp-video { margin-top:96px; }
.single #content img:last-child { margin-bottom:20px; }

.entry-content { margin-top:10px; }

.reveal-modal {
  text-align: center;
  font-family:"UniversLTStd-Light", serif;
  font-size: 44px;
}
.reveal-modal li {
	line-height: 54px;
	list-style:none;
}
.reveal-modal a {
	color:#000000;
}


#lean_overlay {
    position: fixed;
    z-index:9100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background:url(https://www.atipus.com/bg-modal.png);
    display: none;
}


.nav-links a[rel~="prev"] { float:left; }
.nav-links a[rel~="next"] { float:right; }
.nav-links a[rel~="prev"],
.nav-links a[rel~="next"] {
	color: #231F20;
	font-family:"UniversLTStd-Light", serif;
	margin-top: 20px;
}

video { object-fit: cover; }
.video-js { background-color:#FFFFFF !important; }
.entry-media { padding-top: 87px; }
.embed-responsive.embed-responsive-16by11 { padding-bottom: 73.25%; }
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Giant desktop */
@media all and (min-width: 1921px) {

	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:none; }
	.site-header { height:159px; padding:31px 0 0 0; }
	.navigation { position:relative; }
	.atipus-menu li:not(.menu-item-home) { display:inline-block; }
	.languages { display:block; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:hidden; }
	
	h1,
	h2 { font-size:44px; line-height:54px; width:1054px; }
	h2 { margin-bottom:5px; margin-top:60px; }
	p { font-size:22px; line-height:30px; width:690px; }
	
	.page #content iframe { height:750px !important; }
	/*.single #content img { margin:0 auto 100px auto; }*/

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 54px;
	}

	.wp-video,
	.wp-video-shortcode { background-color:ffffff !important; max-width: 100% !important; width: 100% !important; }
	.mejs-controls,
	.mejs-overlay-button { display:none !important; visibility:hidden !important; }
	
	.mejs-overlay, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster, .mejs-layer { background: #ffffff !important; }
	.mejs-container { background: #ffffff !important; }
	.mejs-overlay-loading { background: #ffffff !important; display:none !important; visibility:hidden !important; }
	.mejs-container .mejs-controls { background-color:ffffff !important; }
}

/*
DESKTOP ABOVE 1920
Giant desktop */
@media all and (max-width: 1920px) and (min-width: 1721px) {
	
	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:none; }
	.site-header { height:159px; padding:31px 0 0 0; }
	.navigation { position:relative; }
	.atipus-menu li:not(.menu-item-home) { display:inline-block; }
	.languages { display:block; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:hidden; }
	
	h1,
	h2 { font-size:44px; line-height:54px; width:1054px; }
	h2 { margin-bottom:5px; margin-top:60px; }
	p { font-size:22px; line-height:30px; width:690px; }

	.page #content iframe { height:750px !important; }
	/*.single #content img { margin:0 auto 100px auto; }*/

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 54px;
	}
	
.wp-video,
.wp-video-shortcode { background-color:ffffff !important; max-width: 100% !important; width: 100% !important; }
.mejs-controls,
.mejs-overlay-button { display:none !important; visibility:hidden !important; }

.mejs-overlay, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster, .mejs-layer { background: #ffffff !important; }
.mejs-container { background: #ffffff !important; }
.mejs-overlay-loading { background: #ffffff !important; display:none !important; visibility:hidden !important; }
.mejs-container .mejs-controls { background-color:ffffff !important; }
}

/*
DESKTOP ABOVE 1400
XLarge desktop */
@media all and (max-width: 1720px) and (min-width: 1421px) {
	
	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:none; }
	.site-header { height:159px; padding:31px 0 0 0; }
	.navigation { position:relative; }
	.atipus-menu li:not(.menu-item-home) { display:inline-block; }
	.languages { display:block; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:hidden; }
	
	h1,
	h2 { font-size:44px; line-height:54px; width:1054px; }
	h2 { margin-bottom:5px; margin-top:60px; }
	p { font-size:22px; line-height:30px; width:690px; }
	
	.page #content iframe { height:750px !important; }
	/*.single #content img { margin:0 auto 100px auto; }*/

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 54px;
	}
	
.wp-video,
.wp-video-shortcode { background-color:ffffff !important; max-width: 100% !important; width: 100% !important; }
.mejs-controls,
.mejs-overlay-button { display:none !important; visibility:hidden !important; }

.mejs-overlay, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster, .mejs-layer { background: #ffffff !important; }
.mejs-container { background: #ffffff !important; }
.mejs-overlay-loading { background: #ffffff !important; display:none !important; visibility:hidden !important; }
.mejs-container .mejs-controls { background-color:ffffff !important; }
}

/*
NORMAL SIZE BY DEFAULT = 1200-1400
Larger desktop */
@media all and (max-width: 1420px) and (min-width: 1200px) {

	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:none; }
	.site-header { height:159px; padding:31px 0 0 0; }
	.navigation { position:relative; }
	.atipus-menu li:not(.menu-item-home) { display:inline-block; }
	.languages { display:block; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:hidden; }
	
	h1,
	h2 { font-size:44px; line-height:54px; width:1054px; }
	h2 { margin-bottom:5px; margin-top:60px; }
	p { font-size:22px; line-height:30px; width:690px; }

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 44px;
	}

	.page #content iframe { height:750px !important; }
	/*.single #content img { margin:0 auto 75px auto; }*/

	/*.item.width-x2  { width:144px; }
	.item.width-x3  { width:144px; }
	.item.width-x4  { width:235px; }
	.item.width-x5  { width:326px; }
	.item.width-x6  { width:417px; }
	.item.width-x7  { width:508px; }
	.item.width-x8  { width:599px; }
	.item.width-x9  { width:690px; }
	.item.width-x10 { width:781px; }*/
	
	
.wp-video,
.wp-video-shortcode { background-color:ffffff !important; max-width: 100% !important; width: 100% !important; }
.mejs-controls,
.mejs-overlay-button { display:none !important; visibility:hidden !important; }

.mejs-overlay, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster, .mejs-layer { background: #ffffff !important; }
.mejs-container { background: #ffffff !important; }
.mejs-overlay-loading { background: #ffffff !important; display:none !important; visibility:hidden !important; }
.mejs-container .mejs-controls { background-color:ffffff !important; }
}

/*
NORMAL SIZE BY DEFAULT = 980-1200
Larger desktop */
@media all and (max-width: 1199px) and (min-width: 980px) {

	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:none; }
	.site-header { height:149px; padding:31px 0 0 0; }
	.navigation { position:relative; }
	.atipus-menu li:not(.menu-item-home) { display:inline-block; }
	.languages { display:block; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:hidden; }
	
	h1,
	h2 { font-size:35px; line-height:43px; width:auto; }
	h2 { margin-bottom:5px; margin-top:50px; }
	p { font-size:20px; line-height:28px; width:690px; }

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 35px;
	}
	.page #content iframe { height:550px !important; }
	/*.single #content img { margin:0 auto 75px auto; }*/
	
	/*.item.width-x2  { width:144px; }
	.item.width-x3  { width:144px; }
	.item.width-x4  { width:235px; }
	.item.width-x5  { width:326px; }
	.item.width-x6  { width:417px; }
	.item.width-x7  { width:508px; }
	.item.width-x8  { width:599px; }
	.item.width-x9  { width:690px; }
	.item.width-x10 { width:781px; }*/
	
	
.wp-video,
.wp-video-shortcode { background-color:ffffff !important; max-width: 100% !important; width: 100% !important; }
.mejs-controls,
.mejs-overlay-button { display:none !important; visibility:hidden !important; }

.mejs-overlay, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster, .mejs-layer { background: #ffffff !important; }
.mejs-container { background: #ffffff !important; }
.mejs-overlay-loading { background: #ffffff !important; display:none !important; visibility:hidden !important; }
.mejs-container .mejs-controls { background-color:ffffff !important; }
}


/*
TABLET BELOW 980
Portrait tablet to landscape and desktop */
@media all and (min-width: 768px) and (max-width: 979px) {

	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:none; }
	.site-header { height:139px; padding:31px 0 0 0; }
	.navigation { position:relative; }
	.atipus-menu li:not(.menu-item-home) { display:inline-block; }
	.languages { display:block; }	
	.atipus-menu { text-align:left; }
	.atipus-menu li:first-child { padding-left:0; }
	#mobile-site-navigation { visibility:hidden; }
	.single #content img.percent_60 { width:100%; }
	
	h1,
	h2 { font-size:35px; line-height:43px; width:auto; }
	h2 { margin-bottom:5px; margin-top:50px; }
	p { font-size:20px; line-height:28px; width:650px; }

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 35px;
	}
	.page #content iframe { height:450px !important; }
	/*.single #content img { margin:0 auto 50px auto; }*/
	
	/*.item.width-x2  { width:144px; }
	.item.width-x3  { width:144px; }
	.item.width-x4  { width:235px; }
	.item.width-x5  { width:326px; }
	.item.width-x6  { width:417px; }
	.item.width-x7  { width:508px; }
	.item.width-x8  { width:599px; }
	.item.width-x9  { width:690px; }
	.item.width-x10 { width:781px; }*/
	
.wp-video,
.wp-video-shortcode { background-color:ffffff !important; max-width: 100% !important; width: 100% !important; }
.mejs-controls,
.mejs-overlay-button { display:none !important; visibility:hidden !important; }

.mejs-overlay, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-poster, .mejs-layer { background: #ffffff !important; }
.mejs-container { background: #ffffff !important; }
.mejs-overlay-loading { background: #ffffff !important; display:none !important; visibility:hidden !important; }
.mejs-container .mejs-controls { background-color:ffffff !important; }
}

/*
MOBILE BELOW 768
Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {

	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:block; }
	.site-header { height:129px; padding:31px 0 0 0; }
	.navigation { position:fixed; }
	.navigation a { color:#000000; }
	.atipus-menu li:not(.menu-item-home),
	.languages { display:none; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:visible; }
	.single #content img.percent_60 { width:100%; }
	
	h1,
	h2 { font-size:30px; line-height:36px; width:auto; }
	h2 { margin-bottom:5px; margin-top:40px; }
	p { font-size:20px; line-height:28px; width:auto; }

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 30px;
	}
	.page #content iframe { height:350px !important; }
	/*.single #content img { margin:0 auto 50px auto; }*/

	/*.item.width-x2  { width:144px; }
	.item.width-x3  { width:144px; }
	.item.width-x4  { width:235px; }
	.item.width-x5  { width:326px; }
	.item.width-x6  { width:417px; }
	.item.width-x7  { width:508px; }
	.item.width-x8  { width:599px; }
	.item.width-x9  { width:690px; }
	.item.width-x10 { width:781px; }*/

.wp-video,
.wp-video-shortcode { /*background-color:ffffff !important;*/ max-width: 100% !important; width: 100% !important; }


/*.mejs-container { background: #ffffff !important; }*/
}

/*
MOBILE BELOW 480
Landscape phones and down */
@media only screen and (max-width: 480px) {

	/*html, body { overflow-x:hidden; }*/

	#masthead a.mmenu-trigger,
	#masthead a.sb-open-right { display:block; }
	.site-header { position:static; height:89px; padding:21px 0 0 0; }
	.navigation { position:fixed; }
	.navigation a { color:#000000; }
	.atipus-menu li:not(.menu-item-home),
	.languages { display:none; }
	.atipus-menu { text-align:center; }
	#mobile-site-navigation { visibility:visible; }
	.single #content img.percent_60 { width:100%; }
	
	h1,
	h2 { font-size:25px; line-height:29px; width:auto; }
	h2 { margin-bottom:5px; margin-top:30px; }
	p { font-size:17px; line-height:23px; width:auto; }

	.nav-links a[rel~="prev"],
	.nav-links a[rel~="next"] {
		font-size: 25px;
	}
	.page #content iframe { height:250px !important; }
	/*.single #content img { margin:0 auto 25px auto; }*/
	
	.site-footer p { font-size:14px; }

	.wp-video,
	.wp-video-shortcode { max-width: 100% !important; width: 100% !important; }
	
	.single #content p + img,
	.single #content p + .rve,
	.single #content p + .wp-video { margin-top:50px; }
	
	.site-footer { margin-top:50px; }
}