/* Theme: Shib Sibs 2017
 * Author: AYU
 * Page: Stylesheet
 */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - mobile - base - - - - - - - - - - - - - - - - - - - - - - - */
body, html {
	height : 100%;  width: 100%;  
	margin: 0;  padding: 0; 
  font-family: 'Arimo', sans-serif;
  /* font-family: 'Raleway', sans-serif; */
  font-size: 52.5%; 
	background-color: #FFF; color: #242424;}
	

/* ---- MBase start: header > Conditional Top Nav - don't show on mobile ---- */
header {display: none;}
.hide {display: none;}
.show {display: none;}


/* ---- MBase start: Main > nav - don't show on mobile ---- */
main nav {display: none;}


/* ---- MBase start: Main (parallax) > background image ---- */
main {display: block;
	position: relative; 
	width: 100%; height: 100vh;
	margin: 0; padding: 0;
	text-align: center;
	background-attachment: scroll, scroll; 
	background-size: cover, cover; 
	background-position: center top; 
	background-repeat: no-repeat, no-repeat;
	background-image: url("/img/shibsibs-2500.jpg");}


/* ---- MBase start: header > big text logo image ---- */
main .logo {position: absolute; 	
	top: 10vh; 
	left: 10%; 
	margin: 0;
  background-image: url("/img/maia-alex-logo-2020.svg"); 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 80%;
  min-height: 50vh;
}
  
main .kudo-kids-book {
  position: absolute;
  bottom: -4vh;
  left: 49%;
  margin: 0;
  background-image: url("/img/Kudo-Kids-3D-small.png"); 
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 63%;
  transform: translateY(100%) translateX(-50%);;
}


/* ---- MBase start: header > social bar ---- */
main ul.social {display: none;}


/* ---- MBase start: header > Mobile accessibility ---- */
main .look-down {
	display: block; 
	position: absolute; 
	bottom: .5em; 
	color: #FFF; 
	text-align: center; 
	width: 100%; 
	font-size: 1.5rem; 
	font-weight: 300; 
	text-transform: uppercase; 
	opacity: .5; filter:Alpha(opacity=50);}


/* ---- MBase start: section > Mobile social bar ---- */
.social-bar-mobile {
	display: block; padding: 2rem 0 4rem;}
.social-bar-mobile ul.social {
	margin: 0; padding: 0; list-style-type: none; text-align: center;}
.social-bar-mobile ul.social li {
	margin: 0; padding: 0; display: inline; list-style-type: none; text-transform: uppercase;}
.social-bar-mobile ul.social li a:visited {
	color: #000 !important;}
.social-bar-mobile ul.social-follow li {color: #000;}
.social-bar-mobile ul.social li.name {
	color: #000; padding: 0 .5em 0 0;  line-height: 3.75rem; font-size: 1.2rem; font-weight: 300;}
.social-bar-mobile ul.social li a i {
	display: inline-block; width: 3rem; height: 3rem;  
	text-align: center; vertical-align: middle; 
	font-size: 2.15rem; line-height: 2.25rem; 
	color: #000; 
	opacity: 1; filter:Alpha(opacity=100);}
.social-bar-mobile ul.social li a i {
	transition: all 0.2s ease-in-out;}
.social-bar-mobile ul.social li.alex a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #799db3;}
.social-bar-mobile ul.social li.maia a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #3668b4;}
.social-bar-mobile ul.social li.sibs a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #9e061d;}


/* ---- MBase start: Section structure ---- */
section {
	text-align: center; 
	/*border-top: 1px #e7e7e7 solid; */
	margin: 0 3rem 0;
	padding: 2rem 0 4rem;}
	
	
/* ---- MBase start: Section text styles ---- */
section p {
	padding: 0; 
  /* font-family: 'Raleway', sans-serif;  */
  font-family: 'Arimo', sans-serif;
	font-weight: 300; color: #373737;
	font-size: 1.5rem; 
	line-height: 1.75em; 
	}

h2 {
  margin: 2em 0 1em;
  /* font-family: 'Raleway';  */
  font-family: 'Arimo', sans-serif;
	font-weight: 600; 
	font-size: 1.75rem; letter-spacing: .25em; 
	text-transform: uppercase; color: #000;}
	
h3 {
  margin: 0; padding: 0;
  font-family: 'Arimo', sans-serif;
  /* font-family: 'Raleway', sans-serif;  */
	font-size: 1.75rem; 
	font-weight: 600; 
	text-transform: uppercase; 
	color: #000;}
	

/* ---- Mbase start: Section > About Us ---- */

.about-us {}
.about-us h2 {text-align: center;}
.about-us p {text-align: left;}


/* ---- start: Section > Video ---- */

.video {background: #000; color: #FFF !important; text-align: center;
	margin: 0 !important;
	padding: 2rem 3rem 4rem;
}
	.video h2 {margin-bottom: 5rem !important; line-height: 3rem;}
	.video h2, .video p, .video .tout {color: #FFF !important;}
	.video h2 {font-weight: 300 !important;}
	.video h2 strong {font-weight: 700;} 
	.video p {color: #FFF !important;}
	.video p strong {font-weight: 600;}

	.video a, .video a:visited {color: #FFF; text-decoration: none; font-weight: 600; transition: opacity .2s ease-in-out; BORDER-BOTTOM: 1PX #000 SOLID}

.video a:active, .video a:hover {opacity: .90; filter:Alpha(opacity=90); BORDER-BOTTOM: 1PX #FFF SOLID;}
.epyt-pagination {padding: 2rem 0 !important; font-size: 1.25rem; text-transform: uppercase; letter-spacing: .25em;}
/*.epyt-gallery-list .epyt-gallery-img-box {width: 80%; margin-left: auto; margin-right: auto;}*/

div.tout {margin: 1.5rem auto .25rem; line-height: 3rem; height: 3rem;}
div.tout .tout-icon {font-size: 3rem !important; vertical-align: -20% !important; padding: 0 .2em 0 0; line-height: 3rem !important;}
div.tout .tout-icon a, div.tout .tout-icon a:visited, div.tout .tout-icon a:active, div.tout .tout-icon a:hover {border-width: 0px !important;}
div.tout .tout-icon a:active, div.tout .tout-icon a:hover {color: #9e061d !important; BORDER-BOTTOM: 1PX #9e061d SOLID !important;}
div.tout .tout-text {color: #FFF !important; font-size: 1.25rem; line-height: 3rem !important;}


	
/* ---- MBase start: Section > Support Us ---- 
.button-support-us {
	position: relative; 
	margin: 3em 0 0; padding: 0 0 2rem; 
	transition: all 0.2s ease-in-out;}
.button-donate {opacity: 1; filter:Alpha(opacity=80);}
.button-donate:hover {opacity: .80; filter:Alpha(opacity=80);}
*/

/* ---- MBase start: Section > Sponsors ---- */
.sponsors {
	background-color: #f2f3f3;
	text-align: center;}
.sponsors a img, .sponsors a:visited img {
	display: block !important;
	height: 4rem; 
	margin: 4rem auto 0; 
	opacity: .80; filter:Alpha(opacity=80); border-width: 0px; transition: opacity .2s ease-in-out;
}
.sponsors a:hover img {opacity: 1; filter:Alpha(opacity=100);}



/* ---- MBase start: Section > Footer ---- */
footer {
	text-align: center;
	margin: 0; 
	padding: 2em 5em; 
	background-color: #FFF;
	font-size: 1.5rem;}
	
	footer a, footer a i {transition: all 0.2s ease-in-out;}
	footer a, footer a:visited {
		color: #444;
	}
	footer a:hover {
		color: #799db3;	
	}
	
	.footer-copyright {
    /* font-family: 'Raleway', sans-serif;  */
    font-family: 'Arimo', sans-serif;
		font-weight: 300;
		text-align: left;
		letter-spacing: .025em;}
	
	footer .logo-mini { 
  /* font-family: 'Raleway', sans-serif;  */
  font-family: 'Arimo', sans-serif;
	font-weight: 500;
	text-transform: none;}
	
	footer .logo-mini a, footer .logo-mini a:visited {
		text-decoration: none;
		color: #000;
		letter-spacing: .025em;}
	
	.footer-nav {
		margin: 2rem 0 0; padding: 0; 
		display: block;
		text-transform: uppercase;
		}
	.footer-nav a, .footer-nav a:visited {
    /* font-family: 'Raleway', sans-serif;  */
    font-family: 'Arimo', sans-serif;
		font-weight: 300;
		color: #444;
		text-decoration: none;}
	.footer-nav  a:hover {
		color: #444;  
		text-decoration: none;
		border-bottom: 1px #799db3 solid;} 
	
	footer ul.social {
		margin: 2rem 0 0; padding: 0; 
		display: block; 
		text-align: center;}
	footer ul.social li {
		padding: 0 .5em 0; 
		display: inline; 
		text-align: center;}
	footer ul.social li a:visited {color: #000 !important;}
	footer ul.social li a i {color: #000 !important; font-size: 2rem;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - mobile - taller than an iphone4 - - - - - - - - - - - - - - */

/* blank */




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - mobile - iphone 6 landscape - - - - - - - - - - - - - - - - */


@media only screen 
	and (min-height : 320px) 
	and (max-height : 600px) 
	and (min-width : 500px) 
	and (max-width : 768px)
	and (orientation : landscape)  {
		
body, html {font-size: 42.5%;}
	

/* ---- MI6 start: header > Nav  ---- */


/* ---- MI6 start: Main (parallax) > background image ---- */
main {
	position: relative; 
	width: 100%; height: 100vh;
	margin: 0; padding: 0;
	text-align: center;
	background-attachment: scroll, scroll; 
	background-size: cover, cover; 
	background-position: center top; 
	background-repeat: no-repeat, no-repeat;
	background-image: url("/img/shib-sibs.jpg");}


/* ---- MI6 start: header > big text logo image ---- */
main .logo {position: absolute; 	bottom: 23vh; left: 49%; margin: 0;
  /* background-image: url("/img/logo-2@2x.svg");  */
  background-image: url("/img/maia-alex-logo-2020.svg"); 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50%;
	min-height: 40vh;}


/* ---- MI6 start: header > social bar ---- */
main ul.social {display: none;}


/* ---- MI6 start: header > Mobile accessibility ---- */
main .look-down {
	display: block; 
	position: absolute; 
	bottom: 0; 
	color: #FFF; 
	text-align: center; 
	width: 100%; 
	font-size: 2rem; 
	font-weight: 300; 
	text-transform: uppercase; 
	opacity: .5; filter:Alpha(opacity=50);}


/* ---- MI6 start: section > Mobile social bar ---- */
.social-bar-mobile {
	display: block; padding: 2rem 0 4rem;}
.social-bar-mobile ul.social {
	margin: 0; padding: 0; list-style-type: none; text-align: center;}
.social-bar-mobile ul.social li {
	margin: 0; padding: 0; display: inline; list-style-type: none; text-transform: uppercase;}
.social-bar-mobile ul.social li a:visited {
	color: #000 !important;}
.social-bar-mobile ul.social-follow li {color: #000;}
.social-bar-mobile ul.social li.name {
	color: #000; padding: 0 .5em 0 0;  line-height: 3.75rem; font-size: 1.2rem; font-weight: 300;}
.social-bar-mobile ul.social li a i {
	display: inline-block; width: 3rem; height: 3rem;  
	text-align: center; vertical-align: middle; 
	font-size: 2.15rem; line-height: 2.25rem; 
	color: #000; 
	opacity: 1; filter:Alpha(opacity=100);}
.social-bar-mobile ul.social li a i {
	transition: all 0.2s ease-in-out;}
.social-bar-mobile ul.social li.alex a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #799db3;}
.social-bar-mobile ul.social li.maia a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #3668b4;}
.social-bar-mobile ul.social li.sibs a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #9e061d;}


/* ---- MI6 start: Section structure ---- */
section {
	text-align: center; 
	/*border-top: 1px #e7e7e7 solid; */
	margin: 0 3rem 0;
	padding: 2rem 0 4rem;}
	
	
/* ---- MI6 start: Section text styles ---- */

section p {
	padding: 0; 
  /* font-family: 'Raleway', sans-serif;  */
  font-family: 'Arimo', sans-serif;
	font-weight: 300; color: #373737;
	font-size: 1.5rem; 
	line-height: 1.75em; 
	}

h2 {
  margin: 2em 0 1em;
  /* font-family: 'Raleway';  */
  font-family: 'Arimo', sans-serif;
	font-weight: 600; 
	font-size: 1.75rem; letter-spacing: .25em; 
	text-transform: uppercase; color: #000;}
	
h3 {
  margin: 0; padding: 0;
  /* font-family: 'Raleway', sans-serif;  */
  font-family: 'Arimo', sans-serif;
	font-size: 1.75rem; 
	font-weight: 600; 
	text-transform: uppercase; 
	color: #000;}
	
	
/* ---- MI6 start: Section > Support Us ---- */
.button-support-us {
	position: relative; 
	margin: 3em 0 0; padding: 0 0 2rem; 
	transition: all 0.2s ease-in-out;}
.button-donate {opacity: 1; filter:Alpha(opacity=80);}
.button-donate:hover {opacity: .80; filter:Alpha(opacity=80);}

/* ---- MBase start: Section > Sponsors ---- */
.sponsors {
	background-color: #f2f3f3;}
.sponsors a img, .sponsors a:visited img {
	display: inline !important;
	height: 4rem; 
	margin: 4rem 4rem 0; 
	opacity: .90; filter:Alpha(opacity=90); border-width: 0px;
}
.sponsors a:hover img {opacity: 1; filter:Alpha(opacity=100);}
.group:after {content: ""; display: table; clear: both; height: 6em;}

.epyt-gallery-list .epyt-gallery-img-box {width: 100%; margin-left: 0; margin-right: 0;}

} /* end mobile iphone 6 landscape */




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - computers - landscape - - - - - - - - - - - - - - - */

@media only screen 
	and (min-height: 320px)
	and (min-width : 768px) {


body, html {font-size: 62.5%;}

/* ---- computers: show/hide functions  ---- */
.hide {display: none;}
.show {display: block;}


/* ---- computers: header > Conditional Top Nav - don't show on mobile ---- */
header {width: 100%; position: fixed; z-index: 10; margin: 0; padding: 0; height: 4.2rem; background: #FFF; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);}
header nav ul li {
	line-height: 4rem;}
	
/* ---- start: header > Nav > MINI LOGO ---- */
nav .logo-mini {
	float: left; 
	display: block; 
	margin: 0; 
	padding: 0 0 0 2rem; 
	font-size: 2rem; 
  /* font-family: 'Playfair Display', serif;  */
  font-family: 'Arimo', sans-serif;
	font-weight: 300;
	line-height: 4rem;}
	.logo-mini .heavy {font-weight: 700;}

nav .logo-mini a, nav .logo-mini a:visited {
		color: #FFF; opacity: .95; filter:Alpha(opacity=95); 
		text-decoration: none; text-transform: none; 
		transition: all 0.2s ease-in-out;}
nav .logo-mini a:active, nav .logo-mini a:hover {
	color: #FFF; opacity: 1; filter:Alpha(opacity=100);}


/* ---- start: header and main > Nav > HERO NAV ---- */
/* ---- computers: main > nav ---- */
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav .logo {
  padding: 0 0 0 2rem;
}

nav ul {
	float: right; list-style-type: none; 
	padding: .3rem 0 0; margin: 0;}

nav ul li {
	float: left; list-style-type: none; 
  margin: 0 2rem; padding: 0 .5rem 0 0; 
  font-family: 'Arimo', sans-serif;
	/* font-family: 'Raleway', sans-serif;  */
	font-weight: 300; 
	font-size: 1.15rem; 
	line-height: 4rem;}

nav ul a, ul a:visited {
	margin: 0; padding: 0; color: #FFF; 
	text-decoration: none; text-transform: uppercase; 
	transition: all 0.2s ease-in-out; opacity: .95; filter:Alpha(opacity=95);}

nav ul a:active, ul a:hover {
	font-weight: 500; opacity: 1; 
	filter:Alpha(opacity=100);}
	
header nav .logo-mini a
, header nav .logo-mini a:visited
, header nav .logo-mini a:active
, header nav .logo-mini a:hover
, header nav ul a, header ul a:visited
, header nav ul a:active, header ul a:hover {color: #000 !important;}
	
main nav .logo-mini a
, main nav .logo-mini a:visited
, main nav .logo-mini a:active
, main nav .logo-mini a:hover
, main nav ul a, main ul a:visited
, main nav ul a:active, main ul a:hover {color: #FFF !important;}
	
main nav {display: block;}


/* ---- start: Main (parallax) > background image ---- */
main {
	position: relative; 
	width: 100%; height: 100vh; 
	margin: 0; padding: 0; 
	background-attachment: fixed; 
	background-size: cover, cover; 
	background-position: center top; 
	background-repeat: no-repeat, no-repeat;
	background-image: url("/img/shib-sibs.jpg");
	text-align: center;}

main, main a, main img, main li{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */}


/* ---- start: header > big text logo image ---- */

main .logo {
  position: absolute;
  top: 13vh;
  left: 49%;
  margin: 0;
  background-image: url("/img/maia-alex-logo-2020.svg"); 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50%;
	min-height: 35vh;
}

main .kudo-kids-book {
  position: absolute;
  bottom: -4vh;
  left: 49%;
  margin: 0;
  background-image: url("/img/Kudo-Kids-3D-small.png"); 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
  width: 100%;
  height: 100%;
  transform: translateY(100%) translateX(-50%);;
}

/* ---- start: header > social bar ---- */
main .social-bar {
	position: absolute; 
	width: 100%; 
	bottom: 1rem; 
	margin: 0; padding: 0; 
	text-align: center; 
	text-transform: uppercase;}

main ul.social {
	position: relative; 
	display: inline !important; 
	margin: 0 auto; padding: 0; 
	overflow: display; text-align: center;}

ul.social li {
	display: inline; list-style-type: none; 
	margin: 0; padding: 0; 
	line-height: 3rem; 
	text-align: center; 
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'Arimo', sans-serif;
  font-weight: 300;
}

ul.social li strong {
	font-weight: 500;}

ul.social-follow li {
	display: inline; color: #FFF;  padding: 0; text-transform: uppercase; font-size: 1.25rem;}
ul.social li.first .fa-angle-double-right {
	display: none;}
ul.social li.name {
	color: #FFF; padding: 0 .5em 0 2rem;  line-height: 4rem; font-size: 1.25rem;font-weight: 300;}
ul.social li a i {
	display: inline-block; 
	color: #FFF; 
	width: 3rem; height: 3rem; line-height: 2.5rem; 
	text-align: center; 
	opacity: 1;  filter:Alpha(opacity=100); vertical-align: middle; font-size: 2rem;}
ul.social li a i {transition: all 0.2s ease-in-out;}

ul.social li.name-alex::before {content: "@"; color: #FFF;}
ul.social li.name-maia::before {content: "@"; color: #FFF;}
ul.social li.name-sibs::before {content: "@"; color: #FFF;}

ul.social li.alex a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #799db3;}
ul.social li.maia a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #3668b4;}
ul.social li.sibs a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #9e061d;}


/* ---- start: header > Mobile accessibility ---- */

main .look-down {
	display: none;}


/* ---- start: section > Mobile social bar ---- */

.social-bar-mobile {display: none;}


/* ---- start: Section text styles ---- */

	section p {
		padding: 0; 
    /* font-family: 'Raleway', sans-serif;  */
    font-family: 'Arimo', sans-serif;
		font-weight: 300; color: #373737;
		font-size: 1.5rem; 
		line-height: 1.75em; 
		}
	
	h2 {
    margin: 2em 0 1.75em;
    /* font-family: 'Raleway';  */
    font-family: 'Arimo', sans-serif;
		font-weight: 600; 
		font-size: 1.75rem; letter-spacing: .25em; 
		text-transform: uppercase; color: #000;}
		
	h3 {
    margin: 0; padding: 0;
    /* font-family: 'Raleway', sans-serif;  */
    font-family: 'Arimo', sans-serif;
		font-size: 1.75rem; 
		font-weight: 600; 
		text-transform: uppercase; 
		color: #000;}


/* ---- start: Section structure ---- */
section {
	margin: 5em 5rem 0; padding: 5em 0; 
	/*border-top: 1px #e7e7e7 solid; */
	text-align: center;}
section.first {border-width: 0px !important;}



/* ---- start: Section > About Us ---- */
.about-us {margin: 5em 18rem 0; text-align: left;}
.about-us h2 {text-align: center !important;}

/* ---- start: Section > Support Us ---- */

.support-us {}
	.button-support-us {position: relative; margin: 3em 0 0; padding: 0 0 2rem; transition: all 0.2s ease-in-out;}
	.button-donate {opacity: 1; filter:Alpha(opacity=80);}
	.button-donate:hover {opacity: .80; filter:Alpha(opacity=80); cursor: pointer;}


/* ---- start: Section > Our Sponsors ---- background-color: #f7f7f7; */

.sponsors {background-color: #f2f3f3; border-top: 1px #e7e7e7 solid;}
	.sponsors h2 {color: #31333b;}
	.sponsors a img, .sponsors a:visited img {
		display: inline !important; height: 4rem; margin: 4rem 4rem 0; 
		opacity: .80; filter:Alpha(opacity=80); border-width: 0px;}
	.sponsors a:hover img {opacity: 1; filter:Alpha(opacity=100);}
	.group:after {content: ""; display: table; clear: both; height: 6em;}


/* ---- start: Section > Video ---- */

.video {
  margin: 0 0 5rem !important;
  padding: 4rem 15em 3rem;
  border-width: 0px !important;
  background: #000;
  line-height: 1.5em; 
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'Arimo', sans-serif;
  color: #FFF; text-align: center;
}

.video strong {
  text-transform: uppercase;
  font-weight: 600;
  color: #FFF;
}
	
/* ---- start: Footer ---- */

footer {
	margin: 0; 
	padding: 2em 5em; 
	text-align: left; 
	background-color: #FFF;
	font-size: 1.25rem;}

	footer a, footer a i {transition: all 0.2s ease-in-out;}
		
	footer .logo-mini a, footer .logo-mini a:visited {
		text-decoration: none;}
	footer .logo-mini::after {
		content: " • ";	
	}
	
	.footer-nav {display: inline;}
	
	footer ul.social {
		position: relative; display: block; float: right; margin: 0; padding: 0; text-align: center;}
	
	footer ul.social li a:visited {}
	footer ul.social li a i {font-size: 2rem;}



} /* computers - landscape */






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - computers - taller  - - - - - - - - - - - - - - - */

@media only screen 
	and (min-height: 600px)
	and (min-width : 820px) {

body, html {font-size: 62.5%;}

/* ---- start: header > social bar ---- */
main .social-bar {
	position: absolute; 
	width: 100%; 
	bottom: 1rem; 
	margin: 0; padding: 0; 
	text-align: center; 
	text-transform: uppercase;}

main ul.social {
	position: relative; 
	display: inline !important; 
	margin: 0 auto; padding: 0; 
	overflow: display; text-align: center;}

ul.social li {
	display: inline; list-style-type: none; 
	margin: 0; padding: 0; 
	line-height: 3rem; 
	text-align: center; 
  font-family: 'Arimo', sans-serif;
  /* font-family: 'Raleway', sans-serif; */
  font-weight: 300;
}
ul.social li strong {
	font-weight: 500;}

ul.social-follow li {
	display: inline; color: #FFF;  padding: 0; text-transform: uppercase; font-size: 1.5rem;}
ul.social li.first .fa-angle-double-right {
	display: none;}
ul.social li.name {
	color: #FFF; padding: 0 .5em 0 2rem;  line-height: 4rem; font-size: 1.5rem; font-weight: 300;}
ul.social li a i {
	display: inline-block; 
	color: #FFF; 
	width: 3rem; height: 3rem; line-height: 2.25rem; 
	text-align: center; 
	opacity: 1;  filter:Alpha(opacity=100); vertical-align: middle; font-size: 2.25rem;}
ul.social li a i {transition: all 0.2s ease-in-out;}

ul.social li.name-alex::before {content: "@"; color: #FFF;}
ul.social li.name-maia::before {content: "@"; color: #FFF;}
ul.social li.name-sibs::before {content: "@"; color: #FFF;}

ul.social li.alex a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #799db3;}
ul.social li.maia a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #3668b4;}
ul.social li.sibs a i:hover {opacity: .75; filter:Alpha(opacity=75); color: #9e061d;}


		
		
/* ---- Computers Taller start: Section > Video ---- */
.video {margin: 0 0 5rem !important; padding: 4rem 25em 3rem; }
		
		

/* ---- Computers Taller start: Section > Sponsors ---- */
.sponsors {border-top: 1px #e7e7e7 solid;
	background-color: #f2f3f3;}
.sponsors a img, .sponsors a:visited img {
	display: inline !important;
	height: 4rem; 
	margin: 4rem 4rem 0; 
	opacity: .90; filter:Alpha(opacity=90); border-width: 0px;
}
.sponsors a:hover img {opacity: 1; filter:Alpha(opacity=100);}
.group:after {content: ""; display: table; clear: both; height: 6em;}

.epyt-gallery-list .epyt-gallery-img-box {width: 100%; margin-left: 0; margin-right: 0;}


} /* end computers - taller */

/*------ Start Press Section ------*/
.press-grid .press-item {
  text-align: left;
  text-decoration: none;
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.press-grid .press-item:not(:last-child) {
  border-bottom: 1px solid gray;
}
.press-grid .press-item:hover h3 {
  text-decoration: underline;
}
.press-grid .press-item .press-item__image {
  width: calc((1 / 3) * 100%);
  margin-right: 30px;
}
.press-grid .press-item .press-item__image-inner {
  padding-bottom: 74%;
  position: relative;
}
.press-grid .press-item .press-item__image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.press-grid .press-item .press-item__copy {
  width: calc((2 / 3) * 100%);
  margin: 20px 0;
}
.press-item__read-more {
  color: #000;
  font-weight: 600;
  border-bottom: 1px solid black;
  font-size: 16px;
  margin-top: 20px;
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  .press-grid .press-item {
    flex-direction: column;
  }
  .press-grid .press-item .press-item__image,
  .press-grid .press-item .press-item__copy {
    width: 100%;
    margin-right: 0;
  }
}
/*------ End Press Section ------*/