/*
Theme Name: DynaLabs
Theme URI: http://www.dynalabs.us
Description: Custom website theme
Author: IQComputing
Version: 1.1
Tags: None
*/
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,font,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{border:0;vertical-align:baseline;background:transparent}olX,ulX{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after {content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight: bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size: 80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom: -0.25em}img{border: 0}svg:not(:root){overflow: hidden}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select {text-transform: none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor: default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}
/** Default Galleries **/
.gallery 						 {margin-bottom: 1.5em;}
.gallery-item 					 {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption 				 {display: block;}

/** XML Feed **/
.tblFormat table					{border: solid 1px #ccc; background: #FFF width: 100%; max-width: 100%;}
.tblFormat td						{padding: 8px 12px; border-collapse:collapse; border: dotted 1px #ccc;}
.tblFormat tr:nth-child(odd) td 	{background-color: #FFF;}
.tblFormat td.title					{font-weight: bold;}
.tblFormat td.date					{font-style: italic}

#comments { 
margin-top: 30px;
border: 1px solid #ddd;
padding: 20px;
max-width: 500px;
border-radius: 5px;
background: rgba(200,200,200,0.4);
}
.Announcements h2 a {font-weight:bold !important;}

.Announcements article img.post_thumbnail {margin-right:1em; float:left;}
.Announcements article:nth-of-type(even) img.post_thumbnail {margin-left:1em; float:right;}

.page-template-template-leadership #pageBanner img {display:none;}

.bio {position:relative;width:20%;overflow:hidden;float:left;color:white;text-shadow: 1px 1px 3px #000;padding-right:0 !important;transition: all 150ms ease;}

  .leadership .bios:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }
  .leadership .bios .bio {
    float: left;
    position: relative;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    transition: all 150ms ease;
    overflow: hidden;
    cursor: pointer;
    }
    .leadership .bios .bio:after {
      content: "";
      background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, .9));
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      transition: all 250ms ease; }
    .leadership .bios .bio:hover {
      background-size: 110%; }
      .leadership .bios .bio:hover:after {
        content: "";
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, .9)); 
	  }
    .leadership .bios .bio img {
      position: relative;
      z-index: -1;
      width: 100%; }
	  
.bio .title {position:absolute;top:73%;margin:0 10px;font-size:1.3em;font-weight:bold;color:#64C2E7;z-index:3;}
.bio .position {position:absolute;top:80%;margin:0 10px;font-size:1.0em;z-index:3;}
.bio .expand {position:absolute;bottom:10px;margin:0 10px;background:transparent;color:white;font-size:.9rem;z-index:3;}
.bio .expand .icon {font-weight:bold; font-size:1.2rem;display:inline-block;margin-left:5px;}
.bio .hiddenContent {display:none;}


@media only screen and ( max-width: 1200px ) {
.bio {width:25%;}
}
@media only screen and ( max-width: 1000px ) {
.bio {width:33%;}
}
@media only screen and ( max-width: 720px ) {
.bio {width:50%;}
}
@media only screen and ( max-width: 400px ) {
.bio {width:100%;}
}

.leadership .bios .toggleContent {
    display: none;
    clear: both;
    padding: 45px 20px;
    margin: 0 auto;
	background:white;
}