/* Table of Contents
==================================================

    # Structure
    # Base 960 Grid
    # Tablet (Portrait)
    # Mobile (Portrait)
    # Mobile (Landscape)
    # Clearing */

/* # Structure
================================================== */

#wrapper{width:100%;float:left;height:100%;overflow-x:hidden;}
.expander{width:100%;float:left;margin:0;}
.automargin{margin:0 auto;width:100%;max-width:980px;}
header#pageheader{padding-top:0;width:100%;float:left;position:relative;overflow:visible;background-color:#8fca43;}
footer{width:100%;clear:both;margin-left:auto;margin-right:auto;max-width:960px;margin-bottom:20px;}

/* #Base 960 Grid - 16 columns - 60px gutter
================================================== */

/* # Display resolution <= 1024px
================================================== */

/* Top bar */
#topbar{display:none;bottom:0;height:30px;line-height:1em;margin:0!important;padding:3px 0;position:absolute;top:50px;z-index:5000;}
.automargin{max-width:960px;}
.flexslider{max-width:960px;}
.twelve .flexslider{max-width:640px;}
article.blogpost figure{width:880px;}
.twelve.blogpost figure{max-width:640px;}
article .multimedia-container{max-width:860px;}
.twelve .multimedia-container{max-width:640px;}
.sixteen .multimedia-container{max-width:1136px;}
article .video-wrap{max-width:880px;}
.twelve .video-wrap{max-width:640px;}
#article img{max-width:100%!important;height:auto!important;padding:10px;}
#article.post-122 img{clear:left;display:block;padding:0;}
.container{position:relative;width:100%;margin:0 auto;padding:0;}

/*.column, .columns {padding-left: 2.5rem;padding-right: 2.5rem;}*/
.column img,.columns img{max-width:100%!important;height:auto;}

/* Nested Column Classes */
.container.alpha, .column.alpha,.columns.alpha{
    margin-left: 0;
}

.container.omega, .column.omega,.columns.omega{
    margin-right: 0;
}

.container .one.column{
    width: 100%;
    max-width: 0;
}

.container .two.columns{
    width: 100%;
    max-width: 60px;
}

.container .three.columns{
    width: 100%;
    max-width: 120px;
}

.container .four.columns{
    width: 100%;
    max-width: 160px;
}

.container .five.columns{
    width: 100%;
    max-width: 240px;
}

.container .six.columns{
    width: 100%;
    max-width: 300px;
}

.container .seven.columns{
    width: 100%;
    max-width: 360px;
}

.container .eight.columns{
    width: 100%;
    max-width: 420px;
}

.container .nine.columns{
    width: 100%;
    max-width: 480px;
}

.container .ten.columns{
    width: 100%;
    max-width: 540px;
}

.container .eleven.columns{
    width: 100%;
    max-width: 600px;
}

.container .twelve.columns{
    width: 100%;
    max-width: 660px;
}

.container .thirteen.columns{
    width: 100%;
    max-width: 720px;
}

.container .fourteen.columns{
    width: 100%;
    max-width: 780px;
}

.container .fifteen.columns{
    width: 100%;
    max-width: 840px;
}

.container .sixteen.columns{
    width: 100%;
    max-width: 900px;
}

#pageheader .container .sixteen.columns {
    display: flex;
    width: 100%;
    max-width: 1216px;
    background-color: #FFF;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #8FCA43;
    padding-left: 0;
    padding-right: 0;
}

#pageheader .container .sixteen.columns #logo {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: inline-flex;
    width: 205px;
    margin-left: 1rem !important;
}

.container .one_third.column{width:260px;}
.container .one_fifth.column{width:130px;}
.container .two_thirds.column{width:520px;}
.pullback{margin-left:-30px;}

/* # Display resolution > 2540px
================================================== */
@media only screen and (min-width:1280px){
    .automargin{max-width:1216px;}
    .flexslider{max-width:1216px;}
    .twelve .flexslider{max-width:832px;}
    article.blogpost figure{width:1136px;}
    .twelve.blogpost figure{max-width:832px;}
    article .multimedia-container{width:1136px;}
    .twelve .multimedia-container{max-width:832px;}
    article .video-wrap{max-width:1136px;}
    .twelve .video-wrap{max-width:832px;}

    /* Nested Column Classes */
    .container.alpha,.column.alpha,.columns.alpha{padding-left:0;}
    .container.omega,.column.omega,.columns.omega{padding-right:0;}
    .container .one.column{max-width:16px;}
    .container .two.columns{max-width:92px;}
    .container .three.columns{max-width:168px;}
    .container .four.columns{max-width:224px;}
    .container .five.columns{max-width:320px;}
    .container .six.columns{max-width:396px;}
    .container .seven.columns{max-width:472px;}
    .container .eight.columns{max-width:548px;}
    .container .nine.columns{max-width:624px;}
    .container .ten.columns{max-width:700px;}
    .container .eleven.columns{max-width:776px;}
    .container .twelve.columns{max-width:852px;}
    .container .thirteen.columns{max-width:928px;}
    .container .fourteen.columns{max-width:1004px;}
    .container .fifteen.columns{max-width:1080px;}
    .container .sixteen.columns{max-width:1140px;}
    .container .one_third.column{max-width:345px;}
    .container .one_fifth.column{max-width:180px;}
    .container .two_thirds.column{max-width:492px;}
    .pullback{margin-left:-30px;}
}
.container .columns{margin:0 auto;}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:959px){
    .automargin{max-width:768px;}
    .module{max-width:768px;margin-left:20px;}
    .flexslider{max-width:768px;}
    .twelve .flexslider{max-width:516px;}
    .flexslider .slides > li{width:768px!important;}
    article figure,article .multimedia-container,article .video-wrap{max-width:708px;}
    .twelve figure,.twelve .multimedia-container,.twelve .video-wrap{max-width:516px!important;}
    .container{margin:0 auto;}
    footer{width:768px;}
    .container .column,.container .columns{padding-left:20px;padding-right:20px;}
    .column.alpha,.columns.alpha{padding-left:0;padding-right:20px;}
    .column.omega,.columns.omega{padding-right:0;padding-left:20px;}
    .container .one.column{max-width:8px;}
    .container .two.columns{max-width:56px;}
    .container .three.columns{max-width:104px;}
    .container .four.columns{max-width:152px;}
    .container .five.columns{max-width:200px;}
    .container .six.columns{max-width:248px;}
    .container .seven.columns{max-width:296px;}
    .container .eight.columns{max-width:344px;}
    .container .nine.columns{max-width:392px;}
    .container .ten.columns{max-width:440px;}
    .container .eleven.columns{max-width:488px;}
    .container .twelve.columns{max-width:500px;}
    .container .thirteen.columns{max-width:584px;}
    .container .fourteen.columns{max-width:632px;}
    .container .fifteen.columns{max-width:680px;}
    .container .sixteen.columns{max-width:728px;}
    .container .one_third.column{max-width:205px;}
    .container .two-thirds.column{max-width:472px;}
    .pullback{margin-left:-20px;}
    .sidebar-left #content{background-position:190px top;}
    .sidebar-right #content{background-position:576px top;}
    #menu-primary li a span{display:none!important;}
    ul.portfolio-items li{position:relative;float:left;width:230px;margin:0 20px 30px 0;}
    ul.portfolio-items li figure{width:210px!important;}
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width:480px){
    #logo{width:100%;text-align:center;clear:both;}
    #logo img{display:inline;}
    .epic_searchform{display:none;}
    #topbar{display:none;}
    h1{font-size:1.6em;}
    body{font-size:10px;}
    .flexslider,.twelve .flexslider{max-width:260px;}
    .automargin{max-width:480px;}
    #content{max-width:320px;}
    article figure,article .multimedia-container,article .video-wrap{width:100%;max-width:480px;}
    .twelve figure,.twelve .multimedia-container,.twelve .video-wrap{width:100%;max-width:480px!important;}
    .container{width:100%;margin:0 auto;padding:0;}
    .column img,.columns img{max-width:100%;}
    .columns,.column{padding-left:1.5rem;padding-right:1.5rem;}
    .column.alpha,.columns.alpha{padding-left:0;}
    .column.omega,.columns.omega{padding-right:0;}
    .container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one_third.column,.container .two_thirds.column{width:100%;max-width:480px;}
    .pullback{margin-left:-10px;}
    ul.portfolio-items li{position:relative;float:left;width:100%;max-width:480px;margin:0 20px 30px 0;}
    ul.portfolio-items li figure{width:260px!important;}
    #epic_module_teaserpages{display:none!important;}
    #footer-credits-left,#footer-credits-right{text-align:center;}
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width:767px){
    #topbar{display:none;}
    #logo{width:100%;text-align:center;clear:both;}
    #logo img{display:inline;}
    .flexslider,.twelve .flexslider{max-width:767px;}
    aside.sidebar-regular{padding:0 35px;}
    .epic_searchform{display:none;}
    .flex-control-nav{}

    /* Hide the tab navigation in slider */
    footer nav{display:none;}
    footer .column,footer .columns{float:left;}
    #epic_module_tabs #epic_tabnav li,#epic_module_tabs #epic_tabnav li.active{width:auto;display:inline;float:left;clear:none;border:none;line-height:16px;padding:0;margin:0 8px 8px 0;}
    #epic_module_tabs #epic_tabnav li a{width:auto;display:inline;float:left;clear:none;border:none;}
    #content{max-width:460px;}
    article figure,article .multimedia-container,article .video-wrap{max-width:420px;}
    .twelve figure,.twelve .multimedia-container,.twelve .video-wrap{max-width:420px!important;}
    body{font-size:10px;}
    .container{width:100%;margin:0 auto;}
    .columns,.column{padding-left:20px;padding-right:20px;}
    .column.alpha,.columns.alpha{padding-left:0;}
    .column.omega,.columns.omega{padding-right:0;}
    .container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one_third.column,.container .two_thirds.column{max-width:767px;}
    .pullback{margin-left:-10px;}
    ul.portfolio-items li{position:relative;float:left;width:210px!important;margin:0 20px 20px 0!important;}
    ul.portfolio-items li figure{width:190px!important;}
    #epic_module_teaserpages{display:none!important;}
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}

/* You can also use a <br class="clear" /> to clear columns */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}