/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */



/* Reusable column setup */
/*.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}*/



/* 1. 4 Column Grid 0px - 579px 
----------------------------------------------------------------------------- 

Span 1:    25%
Span 2:    50%
Span 3:    75%
Span 4:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 579px) {
    .row {
        margin-left:-20px;
    }
    .col {
        border-left-width:20px;
        padding:0 0px;
    }
    #zone-content-wrapper { 
        margin: 0px 20px;
    }
    #region-user-first,
    #region-user-second {
        margin: 0px;
    }
    #block-search-form { 
        display: none; 
    }
    .span_1 {
        width:25%;
    }
    .span_2 {
        width:50%;
    }
    .span_3 {
        width:75%;
    }
    .span_4 {
        margin-left:0;
        width:100%;
    }
}

/* 2. 6 Column Grid 580px - 778px 
----------------------------------------------------------------------------- 

Span 1:    16.6666666667%
Span 2:    33.3333333333%
Span 3:    50.0%
Span 4:    66.6666666667%
Span 5:    83.3333333333%
Span 6:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 580px) and (max-width: 739px) {
    #zone-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    #zone-content #region-sidebar-first {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    #zone-content #region-content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .front #zone-content #region-content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .front #zone-content #region-sidebar-second {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .not-front #region-content.grid-9 {
        width: 97%;
    }

.page-search #zone-content .search-results.node-results {
width: 97%;
float: left;
}

}

@media screen and (min-width: 740px) and (max-width: 778px) { 

    .not-front #region-sidebar-first.grid-3 { 
        width: 30%;
    }
    .not-front #region-content.grid-6 {
        width: 64%;
    }
    .not-front #region-content.grid-9 {
        width: 64%;
    }
    .page-search #zone-content .search-results.node-results {
	width: 64%;
	}
    .not-front #region-sidebar-second.grid-3{ 
        width: 215px;
    }
    .front #region-sidebar-second.grid-3{ 
        width: 46%;
    }
    .front #region-content.grid-6{ 
        width: 46%;
    }
    .front #region-content.grid-9{ 
        width: 46%;
    }
    .front #region-sidebar-second.grid-3 .region-inner.region-sidebar-second-inner,
    .front #region-content.grid-6 .region-inner.region-content-inner {
        text-align: center;
        margin: auto;
        width: 75%;
    }
    .dl-menuwrapper {
        left: 0px;
    }
    #zone-branding-wrapper #zone-branding .region-branding-inner #block-block-7 h2 {
        font-size: 20px;
    }
    #section-footer .container-12 {
        width: 100%;
    }
    #section-footer {
        margin: 0px 10px;
    }
    .block-search-form {
        margin-right: 15px;
    }
    .region-inner.region-user-first-inner {
        margin-left: 15px;
    }
}
@media screen and (min-width: 780px) and (max-width: 980px) { 
.page-search #zone-content .search-results.node-results{
    width:66%;
    float:left;
margin-left:10px;
}
    #region-sidebar-first.grid-3 { 
        width: 230px;
    }
    #region-content.grid-6 {
        width: 65%;
    }
    #region-sidebar-second.grid-3 { 

    }
    .front #region-sidebar-first.grid-3 { 
        width: 22%;
    }
    .front #region-sidebar-second.grid-3 { 
        width: 30%;
    }
    .not-front #region-content.grid-9 {
        width: 66%;
        margin-right: 0px
    }
    .front #region-content.grid-6 { 
        width: 40%;
        text-align: center;
    }
    .front #region-sidebar-second.grid-3 .region-inner.region-sidebar-second-inner,
    .front #region-content.grid-6 .region-inner.region-content-inner {


    }
    .dl-menuwrapper {

    }
    #zone-branding-wrapper #zone-branding .region-branding-inner #block-block-7 h2 {

    }
    #region-postscript-first.grid-3 {
        width: 22%;
    }
    #region-postscript-second.grid-3 {
        width: 23%;
    }
    #region-postscript-third.grid-3 {
        width: 23%;
    }
    #region-postscript-fourth.grid-3 {
        width: 20%;
    }
}
@media screen and (min-width: 885px) and (max-width: 980px) { 
    .not-front #region-content.grid-9 {
        width: 69%;
        margin-right: 10px;
    }
}
@media screen and (min-width: 860px) and (max-width: 885px) { 
    .not-front #region-content.grid-9 {
        width: 68%;
        margin-right: 10px;
    }
}
@media screen and (min-width: 840px) and (max-width: 860px) { 
    .not-front #region-content.grid-9 {
        width: 67%;
        margin-right: 10px;
    }
}
@media screen and (min-width: 981px) { 

    .not-front .container-12 .grid-3 {
	width: 262px !important;
	}

	.not-front .container-12 .grid-9 {
	width: 70% !important;
	margin-right: 0px;
	}

     .page-search #zone-content .search-results.node-results{
    width:70%;
    float:left;
margin-left:10px;
}

    .front #region-sidebar-first {
        width: 23%;
    }
    .front #region-content {
        width: 40%;
    }
    .front #region-sidebar-second {
        width: 30%;
    }
    .front #region-content .region-inner.region-content-inner { 
        width: 100%;
        text-align: center;
        margin: auto;
    }
    #region-postscript-first.grid-3 {
        width: 23%;
    }
    #region-postscript-second.grid-3 {
        width: 24%;
    }
    #region-postscript-third.grid-3 {
        width: 24%;
    }
    #region-postscript-fourth.grid-3 {
        width: 20%;
    }
}

@media screen and (min-width: 580px) and (max-width: 778px) {
    #zone-branding-wrapper {
        margin-top: -35px;
        margin-left: 50px
    }
    #region-postscript-first.grid-3 {
        width: 97%;
    }
    #zone-content-wrapper {
        margin: 0px 10px;
    }
    .row {
        margin-left:-20px;
    }
    .col {
        border-left-width:20px;
        padding:0 0px;
    }

    #block-search-form { 
        display: none; 
    }
    .span_1 {
        width:16.6666666667%;
    }
    .span_2 {
        width:33.3333333333%;
    }
    .span_3 {
        width:50.0%;
    }
    .span_4 {
        width:66.6666666667%;
    }
    .span_5 {
        width:83.3333333333%;
    }
    .span_6 {
        margin-left:0;
        width:100%;
    }
}

/* 3. 12 Column Grid 779px - 1038px 
----------------------------------------------------------------------------- 

Span 1:    8.33333333333%
Span 2:    16.6666666667%
Span 3:    25.0%
Span 4:    33.3333333333%
Span 5:    41.6666666667%
Span 6:    50.0%
Span 7:    58.3333333333%
Span 8:    66.6666666667%
Span 9:    75.0%
Span 10:    83.3333333333%
Span 11:    91.6666666667%
Span 12:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 779px) and (max-width: 1038px) {
    #zone-user { display: none;}
    .row {
        margin-left:-20px;
    }
    .col {
        border-left-width:20px;
        padding:0 0px;
    }
    .span_1 {
        width:8.33333333333%;
    }
    .span_2 {
        width:16.6666666667%;
    }
    .span_3 {
        width:25.0%;
    }
    .span_4 {
        width:33.3333333333%;
    }
    .span_5 {
        width:41.6666666667%;
    }
    .span_6 {
        width:50.0%;
    }
    .span_7 {
        width:58.3333333333%;
    }
    .span_8 {
        width:66.6666666667%;
    }
    .span_9 {
        width:75.0%;
    }
    .span_10 {
        width:83.3333333333%;
    }
    .span_11 {
        width:91.6666666667%;
    }
    .span_12 {
        margin-left:0;
        width:100%;
    }
}

/* 4. 12 Column Grid 1039px - Infinity 
----------------------------------------------------------------------------- 

Span 1:    8.33333333333%
Span 2:    16.6666666667%
Span 3:    25.0%
Span 4:    33.3333333333%
Span 5:    41.6666666667%
Span 6:    50.0%
Span 7:    58.3333333333%
Span 8:    66.6666666667%
Span 9:    75.0%
Span 10:    83.3333333333%
Span 11:    91.6666666667%
Span 12:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 1039px) {
    #zone-user { display: none;}
    .row {
        margin-left:-20px;
    }
    .col {
        border-left-width:20px;
        padding:0 0px;
    }
    .span_1 {
        width:8.33333333333%;
    }
    .span_2 {
        width:16.6666666667%;
    }
    .span_3 {
        width:25.0%;
    }
    .span_4 {
        width:33.3333333333%;
    }
    .span_5 {
        width:41.6666666667%;
    }
    .span_6 {
        width:50.0%;
    }
    .span_7 {
        width:58.3333333333%;
    }
    .span_8 {
        width:66.6666666667%;
    }
    .span_9 {
        width:75.0%;
    }
    .span_10 {
        width:83.3333333333%;
    }
    .span_11 {
        width:91.6666666667%;
    }
    .span_12 {
        margin-left:0;
        width:100%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1140px) { 
    #zone-menu #region-menu .block-nice-menus ul.nice-menu-down li.menuparent a { 
        /*font-size: 15px;*/
        /*padding: 10px 38px 10px 17px;*/
    }
    #zone-menu #region-menu .block-nice-menus ul.nice-menu-down li.menu-812 a, 
    #zone-menu #region-menu .block-nice-menus ul.nice-menu-down li.menu-812 a:hover {  
        /*padding: 10px 35px 10px 10px;*/
    }
    #zone-menu #region-menu #block-nice-menus-1 {
        /*width: 90%;*/
        margin: auto;
    }
}