/*
Theme Name: DCoSummer2014
Theme URI: http://dco1.com/
Version: 1.0

*/
/* Resets and Boilerplates  */
    * {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%; vertical-align:baseline;  background:transparent;}                  
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    
    html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    
    h1, h2, h3, h4, h5, h6 {font-weight:normal;}
    
    a {text-decoration:none; outline: none;}
    a:hover, a:active { outline: 0; }
    a:focus { outline: thin dotted;}
    
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    
    b, strong {font-weight:bold;}
    figure { margin: 0; }

/* FORMS */

    label { cursor: pointer; }
    button[disabled], input[disabled] { cursor: default; }
    
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
    
    /* * Consistent box sizing and appearance */
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove inner padding and border in FF3/4: h5bp.com/l */
    textarea { overflow: auto; vertical-align: top;  resize: vertical;}


    .hide , .hidden {display:none !important; visibility: hidden;}
    hr.foot {border:0px;clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0px; margin:0;padding:0;	height: 0px;}

/* Contain floats: h5bp.com/q */
    .clearfix:before, .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }
    .clearfix { *zoom: 1; }

	.left, .alignleft {float:left;}
	.right, .alignright {float:right;}

/* Site Styling */
::-moz-selection { color:rgba(255,255,255,.8); background:#000;}
     ::selection { color:rgba(255,255,255,.8); background:#000;}
                    a:link { -webkit-tap-highlight-color: #000; } 
                    
html, button, input, select, textarea { color: #222; }                       
body { font-size: 1em; line-height: 1.4; font-family:'proxima-nova', 'Helvetica'; -webkit-text-stroke: 1px transparent;}


body {padding:1.6rem;}
#container { margin:40px auto; max-width:720px; }
header, #main, footer { width:720px;}
	header {width:700px;}
 
/* Some layout bullhonky */
#container {line-height:16px;}
h1, h2, h3, h4, h5, h6 {vertical-align:bottom; line-height:100%;margin-top:1em; }
#main h3, #main ul, #main .video-thumbs li, header h1,  #contact-menu , header #news { margin-top:1em; }
    #contact-menu {margin:1em 0;}
    #main ul.video + h3 {margin-top:0;}
    
   p {margin-bottom:1em;line-height: 1.35em;} 

.wp-caption-text {font-size:80%; padding-top:2px;}
    
/* A */
a {color:#4cb035;  border-bottom:1px solid;}
	#main li a:hover {color:#307820;}
	#main ul.video a {color:white;}
	#main ul.video a:hover, #contact-menu a:hover {color: #4cb035;}
header h2 a , #news a  {color:#a0a0a0;}
    .article-category-name {color:#a0a0a0;margin-right:7px; text-transform: none;}

	#news a:hover , header h2 a:hover , .article-category-name:hover {color:#858585}

	h3.article-title a.permalink {color: inherit; border: none;}
    	h3.article-title a.permalink:hover {color:#858585;}

    
/* Header Nonsense */
header { text-align:center; color:#a0a0a0; margin:40px 0; }
    header h1 {font-weight:700; font-size:52px; color:#333; margin-top: .2em; }
    	header h1 a {color:inherit; border-bottom: none;}
    header h2#description {font-weight:bold; font-size:22px; padding:5px 0px; line-height:120%; margin-top: 0; color:#727171; }
        header h2 a {font-size:85%; font-weight:bold;}


		/*Tumblr Message */ .tumblr_message {margin: 00px auto; background: black; color:white; padding:1.6rem; font-size:22px;}
		
		
		/* Visionarying Message */  .visionary_message {margin: 00px auto; background: black; color:white; padding:1.6rem; font-size:22px;}

    #contact-menu  {font-weight:400;color:#a0a0a0; margin-left:-5px; font-size: 20px; }
    #contact-menu li {display:inline;}
        #contact-menu li + li:before {content:"/";}
    #contact-menu a {padding:5px; border-bottom:0; text-transform: lowercase;}
    
    #news {}
    #news article {font-size:16px;margin:0 40px; font-weight:400; font-size:90%; margin-bottom:1em;}
    #news article date {font-weight:700; letter-spacing:2px; font-style:italic; }
    #news article p {margin-top:.3em;}



.next-event {padding:1em; background:rgba(0,0,0,.04); text-align: left; line-height: 14px; margin-top:14px; border-radius: 2px;}
	.next-event a { text-decoration: none; border-bottom: 0;}
	.next-event a:hover { opacity:.8;}
.next-event-message {color:#858585; text-transform:uppercase; font-weight:700; font-size:14px; clear:both; letter-spacing: 4px; margin-top:0;  margin-bottom:7px;}
h5.next-event-title {font-size:32px; margin-top:0; margin-bottom:7px;}
.next-event-date {color:#858585; font-weight:700; display: block; text-transform: uppercase; letter-spacing: 4px;}


#featured_videos iframe {margin-bottom: 1rem;}

#main {font-weight:400;}
	#main h3 {text-transform:uppercase; font-weight:700; font-size:24px; clear:both; letter-spacing:1px;}

#main ul {list-style:none; clear:both; margin:.5em 0 2em; }
	#main li {line-height:1.5em; font-size:18px;}
		#main li a { }
			#main li a + span:before {content:" - "}

#main ul.video {display:flex; width:100%; flex-flow: row wrap; justify-content: space-between; list-style: none; align-content:center;}
	#main ul.video li {width: calc( ( 100% / 3 ) - 10px); height:129.63636364px;  background:black; display:flex;   justify-content: center; align-content: center; background-position: center center; background-repeat: no-repeat;  margin-bottom:15px;  flex-basis: auto; border-radius: 2px; overflow: hidden; }
		#main ul.video li span {display: none;}
			#main ul.video li a {display: flex; justify-content: center; align-content:center; align-items: center; text-align:center; vertical-align:middle; width:100%; height:100%; padding:10%; text-decoration:none; text-transform:uppercase; font-weight:700; font-size:18px; line-height:1.2em; border:none; background:rgba(0,0,0,.7);  transition: .3s all ease-out; box-sizing: border-box;  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}
				#main ul.video li a:hover { background:rgba(0,0,0,.9); } 

.page-title {font-size:250%; color:#a0a0a0;  line-height:32px; margin-top:16px; font-weight: 700; vertical-align: top; }
	.page #main h3.article-title {font-size:200%; line-height:32px; margin-top:16px; margin-bottom:16px; font-weight: 700; vertical-align: top; }

/*articles*/

h3.article-title {margin-bottom:1em;}
.featured-object,  article .slideshow  {margin-bottom:1em;}
article p {margin-bottom:1em;line-height: 1.35em;}

article h4 {font-weight: bold; margin-bottom: 1em; font-size: 120%;}

#main article .article-description ul {list-style: circle; margin-left: 17px; font-size: 90%;}

.slideshow .flickity-prev-next-button {opacity:0; border:2px solid;
	    -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */}
	.slideshow:hover .flickity-prev-next-button {opacity:1;}
	.slideshow:hover .flickity-prev-next-button:active { filter: alpha(opacity=60); /* IE8 */   opacity: 0.6; }
	.slideshow .flickity-prev-next-button.previous {left:-60px;}
	.slideshow .flickity-prev-next-button.next {right:-60px;}

.status-datetime {font-weight: bold; margin-bottom: 1em; font-size: 120%; display: block; margin-top: 1em;} 

article img {max-width: 100%;}
.half {width:50%;}
	article img.half {width:48%}
.alignleft {margin:0 1em 1em 0;}
.alignright {margin:0 0 1em 1em;}

/* body.home footer { cler:both; margin-top:50px; width:100%; height:200px; background-image: url('img/footer1.jpg'); background-repeat: no-repeat; background-position: center center; background-size: contain;} */


form input, form textarea {border:rgba(0,0,0,.3) 2px solid; border-radius:2px; padding:7px 9px; font-family:inherit; background:white;}
form input[type="submit"] {text-transform: uppercase; font-weight: bolder; letter-spacing:2px;}


#mc_embed_signup {clear:both; margin:20px 0; padding:10px; background: rgba(0,0,0,.02);  border:2px solid rgba(0,0,0,.05); font-size:120%; border-radius:2px; -webkit-filter: grayscale(100%);  -webkit-backface-visibility: hidden;  -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */}
	#mc_embed_signup.focused , #mc_embed_signup:hover {-webkit-filter: grayscale(00%);}
	#mc_embed_signup p {display:none;}
	#mc_embed_signup label {}
	#mc_embed_signup input, #mc_embed_signup label {display:inline-block; margin:5px;}
		#mc_embed_signup input:focus {border-color: #4cb035;}
	#mc_embed_signup div {display:inline-block;  text-align: center; position: relative; }
	#mc_embed_signup form input[type="submit"] {background:#4cb035; color:white; }
	
	#mc-field-group {position: relative;}
	
	#mc_embed_signup #mc_embed_signup_scroll {display:block; margin:0 auto; position:relative;}
	#mc_embed_signup div.mce_inline_error {border-radius: 0 0 2px 2px;
	position: absolute;
	font-size: 14px;
	margin: -6px 5px !important;
	border: thin solid #6B0505;
	padding: 10px !important;
	pointer-events: none;
	left: 0;
	line-height: 130%;
	top: 100%;
	max-width: 100%;
	right: 0px;}
	
	#mce-responses {}
	#mce-responses .response {line-height: 150%;
	font-size: 90%;
	margin: 10px;}


/* Media Layout */


@media screen and ( max-width: 767px ) {
	
	header, #main, footer { max-width:100%;}
	
	#main ul.video li {
		width: calc( ( 100% / 2 ) - 10px);
		height:calc( ( ( ( 100vw / 2 ) - 10px - 3.2rem ) * 9 ) / 16 );
		margin-bottom: 20px;
		background-size: cover;
	}
	
	.article-category-name {
		display: block;
		border-bottom: none;
		text-transform: uppercase;
		font-size:80%;
	}
	
}

@media screen and ( max-width: 470px ) {
	
	header, #main, footer { max-width:100%;}
	
	#main ul.video li {
		width: calc( ( 100% ) );
		height:calc( ( ( ( 100vw ) - 10px - 3.2rem ) * 9 ) / 16 );
		margin-bottom: 20px;
	}
		#main ul.video li a {
			font-size:1.6rem;
		}
	
}