@charset utf-8;
/*
Theme Name: Western Edge
Theme URI: http://www.westernedge.unitedpartners.net.au/
Author: Hody Hong
Author URI: http://hodyhong.com/
Description: 
Version: 1.2
License: COPYRIGHT BY Western Edge
License URI: http://www.westernedge.unitedpartners.net.au/
Last Update: 10 SEPT 2015
*/

/* Wordpress Standard CSS */
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}

.galleries li.vid a.hide,
a span,
.hide,
.sub-menu,
#searchsubmit,
.mobile,
.term-free-workshops h2.long:last-child,
.term-school-residencies ul.programs:nth-of-type(2) h3{
	display: none;
}

/*cycle ready */
/*.slides .cycle-slide,
.smal_gallery .show .cycle-slide,
.smal_gallery .cycle-pager {
  display:none;
}*/
.smal_gallery .cycle-pager {
  display:none;
}
.cycle-pager li.cycle-pager-active{
	display: none !important;
}
.slides .cycle-slide-active,
.smal_gallery .show .cycle-slide-active{
  display:block;
}

body,
html,
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}

*{
	-moz-transition: opacity 0.5 linear;
	-webkit-transition: opacity 0.5 linear;
	transition: opacity 0.5 linear;
}

/********* BACKGROUND *****/

/********* FONTS **********/

/* Icons */
*, body, h1, h2, h3, h4, h5, h6, p, p a, a, ul, ol,
.menu-main-container ul.sub-menu a,
.galleries h3,
.galleries li h5,
.profile h5{
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

h1, h4, h5, h6, strong{
	font-weight: 700;

}
a img{
	border: none;
	display: block;
}

p a img {
	display: inl;
}

h1 a,
a.mobile,
h2 a, h3 a, h4 a, h5 a, h6 a,
.menu-main-container ul a,
.extra-menu a,
.banners a,
.secondary li a,
footer.main a,
ul.sub li a,
.files a,
.galleries li.vid h4 a {
	text-decoration: none;
}

header.main ul,
.secondary ul li,
.files li,
.galleries,
.galleries ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

/* font weight */


.menu-main-container ul a,
.banners h4,
.galleries li.vid h4,
.galleries li.vid h4 a,
li.video h4,
li.video h4 a{
	font-weight: 700;
}
.extra-menu a,
h3,
.programs h3,
.programs h3 a,
h2{
	font-weight: 900;
}


/* 14 pt */
.menu-main-container ul li,
.menu-main-container ul li a,
nav ul li, 
nav ul li a{
	font-size: 14px;
}

/* 16px */
body, a, ul, ol, li,
.banners .pager span,
.secondary ul li h4,
h6{
	font-size: 16px;
}

/* 18 pt */
.banners ul li h4{
	font-size: 18px;
}

/* 20 pt */
.social a i,
.galleries li h5,
.lightbox .fancybox-nav:before{
	font-size: 20px;
}

/* 25 pt */
.content h2,
.programs h3,
.programs h3 a,
.info h2,
h2.long,
.galleries h3,
.galleries li.vid h4,
.galleries li.vid h4 a,
li.video h4,
li.video h4 a,
.profile h4,
.profile h5{
	font-size: 25px;
}

/* 22px */
time{
	font-size: 22px;
}

/* 32 px */
.secondary ul li h3,
ul.sub li h3{
	font-size: 32px;
}

/* 40 pt */

.cycle-pager li.vid::before {
	font-size: 40px;
}

/* 80 pt */
.banners h3,
.galleries li.vid i,
li.video i{
	font-size: 80px;
}

.menu-main-container ul a, h3,
.content h2/*,
h4.files,
.galleries li.vid h4 a,
.galleries li.vid h4,
li.video h4 a,
li.video h4*/{
	text-transform: uppercase;
}

.menu-main-container ul.sub-menu a{
 	text-transform: none;
 	padding: 0em 0.5em 0em 2.4em;
 	line-height: 1.5em;
}

.banners h3{
	letter-spacing: 10px;
}
.galleries h3{
	margin: 1em 0 0;
}
h4.files{
	margin: 2em 0 1em;
}


/********* COLOR **********/

/* Black */
*, 
body,
.menu-main-container ul a:hover,
.menu-main-container ul .current-menu-item a,
.menu-main-container ul .current-menu-item .sub-menu a:hover,
.galleries h3,
.menu-main-container ul .current-menu-parent a,
.menu-main-container ul .current-menu-parent a:hover,
.menu-main-container ul .current-menu-parent li a:hover,
.menu-main-container ul li.current-menu-parent .current-menu-item a
{
	color: black;
}

/* light grey */
.menu-main-container ul a,
.menu-main-container ul .current-menu-item .sub-menu a,
.menu-main-container ul .current-menu-parent li a{
	color: #949494;
}

/* White */
.extra-menu a,
.banners ul li h4,
h3,
.banners .pager span,
.secondary ul li h4,
.cycle-pager li.vid::before,
.galleries li.vid i,
li.video i,
.profile *,
.profile h4, 
.profile h5,
.profile p,
.profile a {
	color: white;
}

/* Light blue */

article.main{
	background: #F3F3F3;
}

/* Over all */
*, *:before, *:after{ 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
} 

header.main,
article.main .banners ul,
article.main .banners ul li,
article.main .banners,
ul.programs{
	width: 100%;
	min-width: 1300px;
}
footer.main{
	min-width: 1180px;
	margin: auto;
	padding: 40px 60px;
}
/* Header */

header.main{

	background: url(images/home_back.png) no-repeat transparent left -1px;
	
}

header.main h1{
	width: 150px;
	height: 150px;
	padding: 20px 27px;
	margin: 0;
}

section.social {
	width: 365px;
	  position: absolute;
	  top: 20px;
	  right: 0px;
}
section.social a,
section.social form{
	float: left;
	padding: 0 0.5em;
}
section.social form {
	border-left: 1px solid rgba(0,0,0,0.2);
	margin-left: 0.5rem;
	padding:0 1em 0.5em;
}
section.social input{
	border: none;
}

header.main{
	height: 270px;
	z-index: 2;
	position: relative;
}
.normal header.main{
	background-color: #F3F3F3;
}

article.main{
	margin-top: -270px;
	z-index: 1;
	position: relative;
	overflow: hidden;
}

section.content {
	margin: 0 60px;
}
.normal article.main{
	margin-top: 0px;
}

/* Menu */
.menu-main-container ul{
	position: absolute;
	top: 25px;
	left: 185px;
}
.sfHover .sub-menu{
	z-index: 10000;
	width: 100%;
}
.menu-main-container ul li{
	float: left;
}
.menu-main-container ul li a{
		padding: 1.5em;
}
.extra-menu {
	position: absolute;
	top: 160px;
	right: 0;
}
.extra-menu li{
	position: relative;
}
.extra-menu a {
	display: block;
	height: 73px;
	width: 128px;
	position: relative;
	padding-top: 25px;
	padding-left: 15px;
	font-size: 17px;
}
.extra-menu a::after{
	content: " >";
	display: block;
}


.box{ 
	/* Shapeing */
	height: 128px;
	width: 60px;
	background-color: rgba(0,0,0,0.9);
	-webkit-transform: rotate(90deg) skew(4deg);
	transform: rotate(90deg) skew(4deg);
	position: absolute;
	left: 34px;
	top: -24px;
	z-index: 0;
}

.menu{
	position: relative;
}

.main .current-menu-parent .sub-menu,
.main .menu-main-container ul.sub-menu{
	position: absolute;
	left: 0;
	top: 2em;
	min-height: 3em;
}


.main .sub-menu .current-menu-item a:before,
.main .sub-menu  a:hover:before{
	content: "> ";
}

.main .sub-menu .current-menu-item a,
.main .sub-menu  a:hover{
	padding-left: 1.5em;
}


.main .current-menu-parent .sub-menu{
	/*display: block !important;*/
}

.sub-menu{
 	background: white;
}

/* Main */

article.main {
	padding-bottom:40px;
}
article.main .banners ul,
article.main .banners ul li,
article.main .banners
{
	margin: 0;
	padding: 0;
	height: 680px !important ;
}

.large article.main .banners ul,
.large article.main .banners ul li,
.large article.main .banners{
	height: 540px  !important;
	margin-bottom: 4em;
}

.banners img {
	width: 100%;
	height: auto;
}


.banners h3{
	padding: 330px 10% 0;
	text-align: center;
	position: absolute;
	z-index: 1000;
	top: 0;
}
.banners h4,
.secondary ul li h4{
	text-align: center;
	z-index: 1000;
	position: relative;
	border: 2px solid white;
	width: auto;
	display: table;
	margin: 2em auto;
	padding: 0.8em 1em;
}
.banners h4{
	position: absolute;
	text-align: center;
	display: block;
	bottom: 2em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
}

.banners .pager{
	position: relative;
	bottom: 50px;
	z-index: 1000;
	text-align: center;
}
.banners .pager span{
	visibility: hidden;
}
.banners .pager span:before{
	visibility: visible;
}

.secondary {
	padding: 0px 60px;
	margin-right: -60px;
	max-width: 1600px;
}

.secondary ul,
ul.sub{
	display: table;
	text-align: left;
	padding: 0;
	margin: 0 -60px 0 -35px;
}
.secondary ul li a,
 ul.sub li a,
 .galleries li.vid a {
		width: 365px;
	display: table-cell;
	height: 235px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.secondary ul li,
ul.sub li,
.galleries li.vid{
	display: inline-block;
	position: relative;
	padding: 40px 35px 0px;
	width: 435px;
	vertical-align: top;
	
}
.secondary ul li img,
ul.sub  li a img{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
}

.secondary ul li h3, 
.secondary ul li h4{
	position: relative;
	text-align: center;
	z-index: 10;
}
.secondary ul li .subtitle,
ul.sub li a .subtitle{
	margin: auto;
	text-align: center;
	width: 250px;
	position: relative;
}
.secondary ul li h3,
ul.sub li a h3 {
	line-height: 1.2em;
	letter-spacing: 1px;
	 position: relative;
	 text-align: center;
	 margin: auto;
}
.secondary ul li h4{
	padding: 0.5em 1em;
  position: relative;
  margin-bottom: -4em;
}


section.content,
.page-template-template-people .galleries li {
	overflow: hidden;
}

/* Footer */
footer.main p{
	width: 880px;
}

/* PAGE */
article.main_content{
	width: 900px;
}
article.main_content iframe{
	width: 100%;
}

 article.main .content .banners{
	margin-bottom: 110px;
}
.content h2 {
  margin: 1em 0;
}


/* PROGRAM */


article.info h2{
	margin-left: 0;
	padding-bottom: 0;
}

ul.programs{
	padding: 0;
	list-style: none;
	min-width: 1200px;
}
ul.programs li.program{
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	overflow: hidden;
	margin-bottom: 40px;
}

.programs h3{
	letter-spacing: 1px;
}

.programs article{
	width: 50%;
	max-width: 620px;
	float: left;
	margin-right: 30px;
}

aside.smal_gallery{
	width: 560px;
	float: right;
}
aside.smal_gallery ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.cycle-slideshow li.vid{
	background: black;
	height: 380px;
}
aside.smal_gallery ul.cycle-pager{
	margin-left: -25px;
}
.cycle-pager img,
.galleries li a img{
	display: block;
	position: absolute;
	left: 0;
	top: 0%;
	
}


.cycle-pager li {
		margin: 13px 0 13px 25px;
		margin: calc(25px / 2) 0 calc(25px / 2) 25px;
	  float: left;
	  height: 115px;
	  width: 170px;
	  position: relative;
	  text-align: center;
}
.cycle-pager li.vid{
}
.cycle-pager li.vid::before{
		position: relative;		
		z-index: 10;
		line-height: 115px;
		opacity: 0.5;
}
.cycle-pager li.vid:hover::before{
		opacity: 1;
}

.info{
	width: 900px;
	margin-bottom: 4em;
}
h2.long{
		text-align: center;
	  border-top: 1px solid;
	  border-bottom: 1px solid;
	  padding-top: 0.5em;
	  padding-bottom: 0.5em;
	  letter-spacing: 1px;
	  margin: 2em 0px;
}

/* File */

ul.files{
	padding: 0;
	margin: 0 0 2em;
	overflow: hidden;
}
ul.files li {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
ul.files li a {
	display: block;
	padding: 0.3em 0.5em 0.3em 0.3em;
	border: 1px solid black;
}

section.extra>ul {
  list-style: none;
  padding: 0;
  margin: 0;
 }
 
 
/* Gallery */


.galleries{
	margin-right: -60px;
}
.galleries ul{
	margin: 0px -60px 0 -35px;
	overflow: hidden;
} 
.galleries>li{
	padding-bottom: 4em;
	border-bottom: 1px solid black;
	margin-bottom: 2em;
	margin-right: 60px;
	
}

.galleries li.vid a,
li.video a {
	height: 235px;
	position: relative;
	overflow: hidden;
}

.youtube_thumb {
	width: 365px;
	height: auto;
}
.galleries li.vid i, 
li.video i{
	position: relative;
	z-index: 10;
	opacity: 0.5;
}
.galleries li.vid i:hover,
li.video i:hover{
	opacity: 1;
}
.galleries li.vid h4,
li.video h4 {
	margin: 0.5em 0 0;
	height: 65px;
}
.page-template-template-people .galleries li.vid h4{
	height: auto;
	max-height: 65px;
}
.galleries li.vid h4 a,
li.video h4 a{
	height: auto;
	text-align: left;
}
 .galleries li.vid h5,
li.video h5
{
	width: 365px;
}

.five ul.sub{
	margin: 0 -30px 0 -20px;
}
.five ul.sub li{
	padding: 20px;
}
.five ul.sub li a{
	width: 210px;
	height: 135px;
	text-align: center;
}
.five ul.sub li a img{
	position: static;
	margin: auto;
}


/* Fancybox */
.lightbox .fancybox-nav{
	width: 100%;
	position: fixed;
	height: 60%;
	top: calc(20% + 40px);
}
.lightbox .fancybox-nav:before{
	padding: 0.5em 1.5em 0.8em 0.5em;
  background: rgba(0,0,0,0.5);
  color: white;
  display: block;
  line-height: 100%;
  vertical-align: middle;
  top: calc(50% - 40px);
  position: absolute;
  margin: 0;
}

.lightbox .fancybox-next:before{
	right: 0;
}

.lightbox  .fancybox-close{
	background: none;
	color: white;
	font-size: 20px;
	text-decoration: none;
	top: 10px;
	right: 0px;
}

/* People */
.profile {
	background: black;
	width: 990px;
	padding: 40px;
	overflow: hidden;
}


.profile section{
	width: 500px;
	float: left;
}
.profile img{
	float: left;
	width: 365px;
	height: auto;
	margin-right: 40px;
}

.page-template-template-people li.vid {
	vertical-align: top;
}


/* SOCIAL SHARE */
.social-share {
	padding-top: 1em;
	overflow: hidden;
}

.social-share .fb_iframe_widget{
	float: left;
	  margin-right: 1em;
}

.image a span.black{
	background: black;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	opacity: 0.6;
	display: none;
	left: 0;
}

/* Contact Us */
input.button,
.prev-next-posts a{
	background: black;
	color: white;
	font-size: 1em;
	padding: 0.5em 0.8em;
	margin: 0 0.5em;
	border: none;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}

/* News */
.prev-next-posts a{
	margin:  0 0 1em;
}
.next-posts-link a{
	float: left;
}
.prev-posts-link a {
	float: right;
}

/* Subscription Form */
.page-id-1197 div.form {
	width: 50%;
}


@media screen and (max-width: 1299px){
	header.main,
	article.main .banners ul,
	article.main .banners ul li,
	article.main .banners,
	ul.programs,
	footer.main{
		min-width: 1000px;
	}
	
	section.social{
		width: 175px;
	}

	.sub-menu{
		width: auto;
	}
	.programs article{
		width: 40%;
	}
}

@media screen and (max-width: 1120px){
	header.main,
	article.main .banners ul,
	article.main .banners ul li,
	article.main .banners,
	ul.programs,
	footer.main{
		min-width: 500px;
	}
	.programs article{
		margin-right: 5%;
	}
	aside.smal_gallery{
		width: 55%;
	}
	aside.smal_gallery .show li,
	aside.smal_gallery .show iframe {
		overflow: hidden;
		height: 100%;
	}
	.info,
	aside.smal_gallery .show,
		aside.smal_gallery .show li,
		aside.smal_gallery .show img,
		aside.smal_gallery .show iframe,
		footer.main p{
		width: 100%;
	}
	footer.main{
		overflow: hidden;
	}
}


@media screen and (max-width: 1000px){

	section.social{
		width: 365px;
		top: 100px;
		left: 200px;
	}
		
}
@media screen and (max-width: 765px){
	li.program .cycle-pager{
			display: none;
	}
	li.program article{
		width: 100%;
	}
	aside.smal_gallery .show li{
		padding-bottom: 1em;
	}
	aside.smal_gallery .show li.vid {
		height: 400px;
	}
	aside.smal_gallery{
		float: left;
		overflow: hidden;
		width: 100%;
	}
	
	.banners h3{
		font-size: 50px;
	}
	
	.profile {
		width: 100%;
		padding: 5%;
	}
	.profile img {
		width: 50%;
		padding-bottom: 1em;
		margin-right: 3%;
	}
	.profile section{
		width: 47%;
	}
	
	
}


@media only screen and (max-width: 520px){

/* Subscription Form */
.page-id-1197 div.form {
	width: auto;
}


.banners ul li h4 {
    font-size: 14px;
    margin-bottom: 10px;
    position: absolute;
    left: 50%;
    bottom: 4em;
    line-height: 1em;
    display: block;
}
.secondary ul li h3, ul.sub li a h3{
	width: auto;
}

.secondary ul li, ul.sub li, .galleries li.vid{
	width: 100%;
}


section.social{
	display: none;
}

.galleries li.vid i{
	font-size: 40px;
}


/* Profile */
.profile img {
	width: 100%;
	padding-bottom: 1em;
	margin: 0;
}
.profile section{
	width: 100%;
}



/* Custom Mmenu */ 

#wpadminbar{
	position: fixed;
}


.mm-menu.mm-top, 
.mm-menu.mm-bottom{
	width: 90% !important;
	min-width: 90% !important;
	max-width: 90% !important;	
	right: 0;
	left: auto;
	background: transparent;
}

nav.mm-current{
	
		background: transparent url(images/mobile_menu_back.png) no-repeat top right !important;
		background-size: 100% 100%!important;
	
}

.mm-menu > .mm-panel > .mm-listview{
	  margin-left: 10% !important;
}

.mobile .menu {
	margin-left: 25%;
	padding-left: 0;
	list-style: none;
	margin-top: 0.5em;
}
.mobile .menu a{
	text-decoration: none;
}


.mm-menu .menu a{
	text-transform: uppercase;
}
.mobile .menu a{
	font-weight: 700;
	font-size: 120%;
	padding: 0.4em 0;
	display: block;
}

section.mobile.social{
	position: static;
	width: auto;
	top: 0;
	left: 0;
	margin-left: 20%;
	display: block;
}

section.social form{
	border: none;
	padding-left: 0;
	padding-top: 0.5em;
	font-size: 1.5em;
}
section.social form input
{
	font-size: 1.2em;
	width: 80%;
	background: transparent;
	
}
section.social form input#s{
	font-size: 0.8em;
}

.close-but{
	font-size: 1.5em;
  position: absolute;
  top: 0.8em;
  right: 0.6em;
}

.mm-menu .mm-footer{
	height: auto;
	background: none;
	text-align: left;
	padding: 0 0 0% 0;
	border: none;
}
.mm-menu > div.mm-panel{
	  height: 50%;
	  background: none !important; 
		padding: 5% 22% 0% 19%;
		position: static !important;
}
nav.mm-menu.mm-top, nav.mm-menu.mm-bottom{
	height: 100% !important;
}

.mm-next,
.mm-next:before,
.mm-next:after,
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel,
.mm-listview{
	border: none;
	background: none !important;
}



.mm-menu .mm-listview > li:after,
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before{
	border: none !important;
}
.sub-menu.mm-listview.mm-first{
	margin-top: 0;
}

.mm-footer .menu{
		border: 1px solid black;
	  border-left: none;
	  border-right: none;
	  padding-top: 0.4em;
	  padding-bottom: 0.4em;
}

.mm-footer{
	position: static !important;
}


/* Custom Mmenu finishes */
	
	
	a.mobile {
		position: absolute;
		top: 0.5em;
		right: 5%;
		color: black;
		z-index: 1000;
		font-size: 30px;
	}
	
	.admin-bar a.mobile,
	a.mobile{
		top: 0.5em;
	}
	
	
	.menu-main-container,
	.extra-menu{
		display: none;
	}
	
	.mobile,
	.secondary ul li, 
	ul.sub li, 
	.galleries li.vid {
		display: block;
	}
	

	
	header.main,
	artical.main,
	footer.main,
	article.main .banners ul, 
	article.main .banners ul li, 
	article.main .banners, 
	ul.programs,
	section.secondary,
	footer.main,
	.galleries li.vid,
	.secondary ul li,
	.secondary ul,
	article.main_content,
	.info,
	.programs article,
	aside.smal_gallery{
		width: 100%;
		min-width: 100%;
		overflow: hidden;
	}
	
	
	section.secondary,
	section.secondary ul,
	section.secondary ul li,
	article.main,
	footer.main,
	.galleries>li,
	.galleries ul,
	.galleries li.vid,
	ul.sub li,
	.programs article{
			padding: 0;
			margin: 0;
	}
	
	section.secondary{
		padding: 5% 5% 0;
	}
	section.secondary ul li{
		margin-bottom: 1em;
	}
	
	article.main .banners ul, 
	article.main .banners ul li, 
	article.main .banners{
		height: 460px !important;
	}
	
	header.main{
		height: 185px;
	}
	
	article.main{
		margin-top: -185px;
	}
	.large article.main .banners ul, .large article.main .banners ul li, .large article.main .banners{
		height: 300px !important;
		margin-bottom: 1em;
	}
  .banners h3{
  	font-size: 2.5em;
  	padding-top: 185px;
  	letter-spacing: 2px;
  	padding: 185px 5% 1em;
  	display: block;
  }
  
  .banners h4{
  	border: 2px solid white;
  }
	
	footer.main{
		width: 100%;
		min-width: 100%;
		padding: 10% ;
		margin: auto;		
	}
	footer.main p{
		text-align: center;
		width: 100%;
	}

	header.main h1{
		margin-left: 15px;
		padding: 0;
		width: 100px;
		margin-top: 15px;
		height: auto;
	}
	
	.secondary ul li h3, 
	ul.sub li h3{
		font-size: 25px;
	}
	
	
	a#logo img {
		width: 100%;
		height: auto;
	}
	
	header.main{
		background-size: 1580px auto;
	}
	
	body, a, p, ul, ol, li, .banners .pager span, .secondary ul li h4{
		font-size: 16px;
	}
	nav ul li a,
	nav ul li{
		font-size: 12px;
	}
	
	section.content{
		margin: 0 5%;
	}

	.secondary ul li a img, 
	ul.sub li a img, 
	.galleries li.vid a img{
		width: 100%;
		height: auto;
	}
	.galleries{
		margin: 0;
	}
	.galleries ul{
		padding: 2em 0;
	}
	.galleries>li{
		padding-bottom: 4em;
	}
	
	.secondary ul li a, ul.sub li a, .galleries li.vid a,
	li.video a {
		width: 100%;
		display: -webkit-box;
	   /* OLD - iOS 6-, Safari 3.1-6 */
	   display: -moz-box;
	   /* OLD - Firefox 19- (doesn't work very well) */
	   display: -ms-flexbox;
	   /* TWEENER - IE 10 */
	   display: -webkit-flex;
	   /* NEW - Chrome */
	   display: flex;
	   /* NEW, Spec - Opera 12.1, Firefox 20+ */
		align-items: center;
		overflow: h;
	}
	li.vid .play,
	li.video .play{
		margin: auto;
	}
	
	ul.sub{
		display: block;
		padding: 0;
		margin: 0;
	}
	ul.sub li.image{
		padding: 0;
		margin-bottom: 1em;
	}
	
	.page-template-template-people li.vid{
	padding-bottom: 1em;
	}
		
	
	/* Videos / Gallery */
	.galleries li.vid{
		margin-bottom: 1em;
	}

	
}

@media only screen and (max-width: 380px){
}