/*!
Theme Name: EE Alliance Theme
Author: Yi Chen (Luna)
Author URI: http://yichen.me
Description: Theme V1.0 for the ee alliance
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: YiChen
*/

h1
{
   margin-top: 1.5em;
}

div.bodycontainer
{
   position: relative;
   height: 100%;
   width: 100%;
   min-width: 600px;
   min-height: 800px;
   max-width: 1440px;
   max-height: 2000px;
   font-family: sandbox, sans-serif;
   display: flex;
   flex-direction: column;
   margin-left: auto;
   margin-right: auto;
}

div.header
{
   display: flex;
   flex-wrap: wrap;
   font-size: 1.5em;
   width: 100%;
   box-sizing: border-box;
   justify-content: flex-end;
}

div.logo
{
   font-size: 1.5em;
   box-sizing: border-box;
   margin-left: 0.5em;
   margin-right: auto;
}

div.logo > a
{
   text-decoration: none;
   transition: 0.3s ease;
   color: #000;
}

div.logo > a:hover
{
   color: #00A;
}

div.logo > a > img
{
   position: relative;
   top: 0.25em;
   height: 1.25em;
   cursor: pointer;
}

div.menuitem > a
{
   font-size: 1.25em;
   line-height: 2.5em;
   margin-right: 0.5em;
   text-decoration: none;
   transition: 0.3s ease;
   color: #000;
   border-radius: 0.25em;
   padding-left: 0.1em;
   padding-right: 0.1em;
}

div.menuitem > a:hover
{
   color: #00A;
   background-color: #EEE;
}

div.maincontent
{
   width: 100%;
   height: 100%;
   overflow-y: scroll;
}

div.maincontent > div.contentitem
{
   display: flex;
   flex-direction: row;
   width: 100%;
   height: 100%;
   position: relative;
}

div.contentitem > div
{
   max-width: 70%;
   height: 100%;
   display: flex;
   flex-direction: column;
}

div.contentitem > div.leftitem
{
   margin-left: 1em;
   margin-right: auto;
}

div.contentitem > div.rightitem
{
   margin-left: auto;
   margin-right: 1em;
}

div.contentitem > div.centeritem
{
   margin-left: auto;
   margin-right: auto;
}

div.contentitem > div.spaceritem
{
   width: 5em;
}

div.contentitem > div.item
{
   margin-left: 0.5em;
   margin-right: 0.5em;
}

div.contentitem div.bigimg
{
   width: 100%;
   margin-top: auto;
   margin-bottom: auto;
}

div.contentitem div.bigimg img
{
   width: 100%;
}

div.contentitem div.bigtext
{
   margin-top: auto;
   margin-bottom: auto;
   font-size: 3em;
   text-align: center;
}

div.contentitem div.bigtext u
{
   color: #939;
}

div.footer
{
   width: 100%;
   height: 1em;
   text-align: center;
   margin-top: 0.5em;
   color: #AAA;
}

div.footer > a
{
   text-decoration: none;
   color: #AAF;
   transition: 0.3s;
}

div.footer > a:hover
{
   color: #FAF;
}

div.blockinfocontainer
{
   margin-top: 4em;
   margin-bottom: 2em;
   margin-left: 5em;
   margin-right: 10em;
}

div.blockcontainer
{
   margin-top: 4em;
   margin-bottom: 2em;
   margin-left: 5em;
   margin-right: 10em;
   transition: 0.3s;
}

div.blockcontainer a
{
   text-decoration: none;
   color: #77F;
   transition: 0.3s;
}

div.blockcontainer a:hover
{
   color: #F7F;
}

div.memberbox
{
   display: flex;
   flex-wrap: wrap;
}

div.memberblock
{
   position: relative;
   min-height: 8em;
   margin-left: 1em;
   margin-right: 1em;
   padding-left: 8.5em;
   padding-right: 1em;
   border: 1px #DDD solid;
   margin-bottom: 2em;
   width: 18em;
   border-radius: 1em;
}

div.memberblock > img
{
   position: absolute;
   left: 1em;
   height: 6em;
   top: 1em;
   border-radius: 1em;
}

div.filtercontainer
{
   margin-top: 4em;
   margin-bottom: 2em;
   margin-left: 5em;
   margin-right: 10em;
   transition: 0.3s;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 0em;
   padding-bottom: 1em;
   border: 1px #CCC solid;
   border-radius: 1em;
}

div.filtercontainer p
{
   font-size: 1.5em;
}

div.filtercontainer input
{
   width: 100%;
   font-size: 1.5em;
   border: 0px;
   border-bottom: 2px solid #CCC;
}

div.filtercontainer input:focus
{
   outline: none;
}