img, media {
  max-width: 100%;
}

/* No files to import found in partials/components/**\/* */



/* ****************************************************************
*******************************************************************
                            MAIN CSS TAGS
*******************************************************************
*******************************************************************/

body {
    background: url('https://elizabethriver.org/sites/all/themes/erp/css/img/erp-river.jpg');
    margin: 0 auto;
    padding: 0;
	background-color: #343b4e;
    background-position: top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


h1 {
    color: #23408f;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 2.2em;
}

h2 {
    color: #23408f;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 2em;
}

h3 {
    color: #23408f;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size:1.55em;
}

h4 {
    color: #23408f;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 1.1em;
}

h5 {
    color: #23408f;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
}

p {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    color: #241d53;
}

table {
    margin: 10px auto;
}

a:link,
a:active,
a:visited {
    color: #f57f20;
    text-decoration: none;
}

a:hover {
    color: #0085cd;
}

hr {
    border: 1px solid #8889c9;
}

img[style*="right"] {
	padding: 0;
	margin: 0 0 5px 20px;
}

img[style*="left"] {
	padding: 0;
	margin: 0 20px 5px 0;
}

li {
    padding-bottom: 10px;
}

.tabs--primary li {
    padding-bottom: 0;
}

a img {
    border-width: 0;
}

.slide-read-more a {
    font-size: 1.1em !important;
    text-transform: uppercase;
}

div.ddblock-cycle-upright60p div.slide-read-more,
div.ddblock-cycle-upright60p div.slide-read-more a:hover {
    background-size: cover !important;
}








/* ****************************************************************
*******************************************************************
                        THEME TEMPLATE CSS TAGS
*******************************************************************
*******************************************************************/

.l-header,
.l-main {
    background: #FFFFFF;
    padding: 20px 40px !important;
}

.l-header {
    background: transparent !important;
   /* -webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.55);*/
    padding-bottom: 0 !important;
}

.l-main {
    margin: 0 auto !important;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
}

.l-header {
    border-radius: 4px 4px 0 0;
    margin:50px auto 0 auto !important;
}

.l-footer {
    margin-top:25px !important;
}

.l-branding img{
    width: 30%;
    float: left;
}

.file img {
    display: none;
}


.breadcrumb {
    display: none;
}

.l-region--sidebar-second .block {
    background: rgba(156, 190, 229, 0.35);
    border-radius: 4px;
    padding: 10px;
    display: block;
    margin: auto;
    margin-bottom:5px;
    max-width: 250px;
}

.l-region--sidebar-second #block-views-front-page-news-block {
    background: rgba(0, 0, 0, 0) !important;
}

@media all and (max-width:700px) {
    
    .l-region--sidebar-second {
    background: rgba(156, 190, 229, 0.35);
    border-radius: 4px;
    padding: 10px;
    display: block;
    margin: 5px;
    max-width: 100%;
    width:100;
}
    
}

@media all and (max-width:700px) {
    #block-ddblock-1 {
    display: none !important;
}
}

.l-main img {
    border-radius:4px;
}

#block-block-1 {
    margin-top: 25px;
}

#block-block-2 {
    margin-top:75px;
}



@media all and (max-width: 1150px) {
    .l-branding img {
      float: none;
      display: block;
      margin:5px auto;
      width: inherit;
  }
}

.l-region--navigation {
    padding-bottom: 30px;
}

.sf-sub-indicator {
    display: none;
}

input.form-text,
div.password-strength {
    width: 100%;
}

#block-user-login {
    background: rgba(156, 190, 229, 1);
    padding: 5px;
}

#block-user-login h2 {
    font-size: .9em !important;
    color:#536E9B !important;
}

#block-user-login ul {
    font-size: .8em;
    color: #ffffff;
}

#block-user-login ul a {
    color: #ffffff !important;
}








/* ****************************************************************
*******************************************************************
                        NAVIGATION CSS TAGS
*******************************************************************
*******************************************************************/

#superfish-1 {
    display: block;
    margin: 50px auto;
    padding: 0;
    float: right;
    width: 70%;
}

@media all and (max-width:880px){
    #superfish-1,
    #superfish-1-select {
    display: block;
    margin: 10px auto;
    padding: 0;
    float: none;
    width: 100%;
}
}

@media all and (max-width:1150px){
    #superfish-1,
    #superfish-1-select {
    display: block;
    margin: 10px auto;
    padding: 0;
    float: none;
    width: 100%;
}
}

#superfish-1 li {
    width: 100%;
}

.navi {
    display: none;
}

#superfish-1 li a {
    font-size: 0.8em !important;
}

#superfish-1 li {
    border-left: 2px solid #343b4e !important;
    padding: 5px auto !important;
}

#superfish-1 li.sf-depth-1:first-child {
    border-left: 0px !important;
}


@media all and (max-width: 1150px) {
    
    #superfish-1 li a {
        font-size: 0.9em !important;
        padding: 15px !important;
    }
    
    .sf-sub-indicator {
        right:.3em !important;
        margin-left: 10px;
    }
}

@media all and (max-width: 800px) {
    
    #superfish-1 li a {
        font-size: 0.75em !important;
        padding: 15px !important;
    }
    
    .sf-sub-indicator {
        top: 1.3em !important;
        right:0.2em !important;
        margin-left: 10px;
    }
}

#superfish-1 li {
    padding-top:5px !important;
    padding-bottom: 5px !important;
    line-height: 0.9em !important;
}

#superfish-1 li a {
    color: #343b4e;
}


form.search-block-form {
    max-width: 20%;
    float: right;
    margin-left: 20px;
}

.form-actions input.form-submit {
    border-radius: 4px;
    background: #ffffff;
    color: #8889c9;
}

.sf-menu.sf-style-simple-centre-aligned a, .sf-menu.sf-style-simple-centre-aligned a:visited {
    padding: 1em .4em !important;
}









/* ****************************************************************
*******************************************************************
                        NEW VIEWS CSS TAGS
*******************************************************************
*******************************************************************/







/* *************************** HOMEPAGE */

.view-front-page-news .views-row {
    border-bottom: 2px solid #8889c9;
    margin-bottom: 2px;
    padding-bottom: 2px;
    text-align: left;
}

.view-front-page-news .views-field-field-article-image img {
    display: block;
    margin: 2px auto;
}

.view-front-page-news .views-field-title {
    font-size: 1.4em;
    color: #23408f;
    line-height: 1em;
    padding-bottom: 2px;
    text-align: Left;
}

/*
.view-front-page-news .views-field-body {
    text-align: center;
}

.view-front-page-news .views-field-field-article-file {
    text-align: center;
}

.view-front-page-news .view-footer {
    text-align: center;
}*/

.view-front-page-news .view-footer a {
    text-align: center;
    background: #0085cd;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #ffffff !important;
    text-decoration: none;
    min-width: 100%;
}

.view-front-page-news .view-footer a:hover {
    text-align: center;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    color: #000000 !important;
}

article .field--name-field-article-image {
    float: right;
    margin: 0 0 15px 20px;
}
























/* ****************************************************************
*******************************************************************
                        BUTTON CSS TAGS
*******************************************************************
*******************************************************************/

.footer-btn {
    background: #8889c9;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #000000 !important;
    text-decoration: none;
}

.footer-btn:hover {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    color: #000000 !important;
}

.btn,
.view-front-page-news .views-field-field-article-body2 a {
    background: #0085cd;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
}

.view-front-page-news .views-field-field-article-body2 a {
    min-width: 100%;
    max-width: 100%;
}

.landing {
    width:45%;
}

.btn:hover,
.view-front-page-news .views-field-field-article-body2 a:hover {
    background: #0085cd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


.l-region--sidebar-second .btn {
    min-width: 100%;
    max-width: 100%;
}


.file a {
    display: block;
    background: #8889c9;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #000000 !important;
    text-decoration: none;
    width: 45% !important;
    margin-bottom: 15px !important;
}

.view-front-page-news .file a {
    width: 100% !important;
}

.file a:hover {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    color: #000000 !important;
}

.page-news .btn,
.page-news .views-field-views-conditional a {
    background: #0085cd;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
    width: 25%;
}






























/* ****************************************************************
*******************************************************************
                        HOMEPAGE CSS TAGS
*******************************************************************
*******************************************************************/

.page-node-1 .l-content h1 {
    display:none;
}

.page-node-1 article h1 {
    display: inherit !important;
}

#block-ddblock-1 {
    display:block;
    padding:15px;
    background: rgba(156, 190, 229, 0.35);
    border-radius: 4px;
    margin-bottom: 25px;
    width: 100%;
   /* height: 50%;*/
}


#block-ddblock-1 .slider-inner img {
    border-radius: 4px;
    height: 100%;
    width:auto;
    overflow: hidden;
}

#ddblock-1 p {
    font-size: .8em !important;
}



.scrollable-pager-item img {
    border-radius: 0px;
}

@media all and (max-width:550px) {
    .page-node-1 table {
    display: none;
}
}


#block-ddblock-1 div.ddblock-cycle-upright60p div.slider-inner {
    border-radius: 4px 4px 0 0;
}

#ddblock-scrollable-pager-1 {
    display: none;
}

.slide-body-inner p {
    color: #ffffff;
}

















/* ****************************************************************
*******************************************************************
                        IMAGES CSS TAGS
*******************************************************************
*******************************************************************/

.flexslider img {
    border-radius: 4px;
}

@media all and (max-width:880px) {
    .flexslider img {
        width:75% !important;
        height: 75% !important;
        float: right;
    }
    .media_embed {
        width:80%;
        height: 80%;
    }
    iframe {
        width: 100%;
        height: 100%;
    }
}

@media all and (max-width:44em) {
    .flexslider {
        display: block !important;
        margin: 0 0 25px 50px;
    }
}

@media all and (max-width:450px) {
    .flexslider {
        display: block !important;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .flexslider .slides,
    .flexslider img {
        display: block;
        margin: 0 auto;
    }
    .flexslider img {
        width:75% !important;
        height: 75% !important;
    }
}

















/* ****************************************************************
*******************************************************************
                        RESTORATION CSS TAGS
*******************************************************************
*******************************************************************/

.page-node-42 .btn {
    width: 45%;
}


































/* ****************************************************************
*******************************************************************
                        NEWS CSS TAGS
*******************************************************************
*******************************************************************/

.page-news .views-field-field-article-image img {
    float: right;
    margin: 10px 0px 10px 25px;
}

.views-field-title {
    font-size: 2em;
}

.views-row {
    margin: 10px auto;
    padding: auto;
    clear:both;
    border-bottom: 1px solid #8889c9;
    display: block;
    min-height: 175px;
}

.views-row:last-child {
    border-bottom: 0px;
}

.views-field-field-article-file .file a {
    float: none;
}

.l-region--sidebar-second h4,
.l-region--sidebar-second h3,
.view-front-page-news .views-field-title {
    font-size: 1.1em;
}



































/* ****************************************************************
*******************************************************************
                        STAFF CSS TAGS
*******************************************************************
*******************************************************************/

td.views-field-field-staff-image {
    width:180px;
    min-height: 170px;
}


.views-field-field-staff-name a {
    margin-right: 15px;
}

.views-field-field-staff-name span {
    margin-right: 5px;
}

.page-staff .views-field-field-staff-name {
    border-bottom: 1px solid #8889c9;
    padding-bottom: 20px;
    padding-top: 10px;
}

.node--colorbox .field--name-field-staff-image img {
    float: right;
    margin:5px 5px 25px 25px;
    border-radius: 5px;
}

.node--colorbox .field--name-field-staff-name {
    color: #0085cd;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 2em;
}

.node--colorbox .field--name-field-staff-position {
    color: #189aab;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 1.1em;
}

.node--colorbox .field--name-field-staff-phone-number {
    float: left;
    margin-right: 5px;
}

.node--colorbox .field--name-field-staff-phone-extention {
    float: left;
    margin-right: 5px;
}

.node--colorbox .field--name-body {
    margin-top: 25px;
}

.views-field .field--name-field-reason-to-contact,
.node--colorbox .field--name-field-reason-to-contact {
    font-weight: bold;
    color: #241d53;
}

.btn a.colorbox-node {
    color:#ffffff;
}

.views-field-view-node.btn p {
    margin-bottom: 0;
}

.node--colorbox .node__title {
    display: none;
}

.node--colorbox .field--name-field-reason-to-contact {
    margin-top: 25px;
}
























/* ****************************************************************
*******************************************************************
                        MEMBERSHIP CSS TAGS
*******************************************************************
*******************************************************************/

.page-node-80 table {
    border-collapse: separate;
    border-spacing: 1em;
}

.page-node-80 td {
    background: rgba(156, 190, 229, 0.35);
    border-radius: 4px;
    margin: 10px;
}




















/* ****************************************************************
*******************************************************************
                        MEMBERSHIP CSS TAGS
*******************************************************************
*******************************************************************/

.section-learning-barge .l-region--sidebar-second .block .block__content p {
    font-size: 12px;
    line-height: inherit;
}





























/* ****************************************************************
*******************************************************************
                        SIDEBAR CSS
*******************************************************************
*******************************************************************/

.l-region--sidebar-second .block h1,
.l-region--sidebar-second .block h2,
.l-region--sidebar-second .block h3,
.l-region--sidebar-second .block h4,
.l-region--sidebar-second .block h5,
.l-region--sidebar-second .block h6 {
        color: #23408f;
    }









































/* ****************************************************************
*******************************************************************
                        RESPONSIVE GRID CSS TAGS
*******************************************************************
*******************************************************************/


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.feature {
    background: rgba(156, 190, 229, 0.35);
    padding: 20px;
    border-radius: 5px;
    margin: 50px auto;
}

.page-node-149  h1 {
    display: none;
}

.page-node-149 article h1 {
    display: inherit;
}

/**************************  GRID OF TWO  **************************/
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.37%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
} 

/**************************   GRID OF THREE  ************************* */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.25%; }
.span_1_of_3 { width: 32.5%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/**************************  GRID OF FOUR  **************************/
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/**************************  GRID OF FIVE  **************************/
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.75%;
}
.span_3_of_5 {
	width: 59.5%;
}
.span_2_of_5 {
	width: 39.25%;
}
.span_1_of_5 {
	width: 19%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}


/**************************  GRID OF SIX  **************************/
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.12%;
}

.span_4_of_6 {
  	width: 66.25%;
}

.span_3_of_6 {
  	width: 49.37%;
}

.span_2_of_6 {
  	width: 32.5%;
}

.span_1_of_6 {
  	width: 15.62%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}












/* ****************************************************************
*******************************************************************
                        RIVER STAR HOMES FORM CSS TAGS
*******************************************************************
*******************************************************************/

.webform-client-form-64 {
    display: none;
}

#block-views-rsh-form-block .webform-client-form-64 {
    display: inherit;
}









/* ****************************************************************
*******************************************************************
                       DAVID GIBSON BLOG CSS TAGS
*******************************************************************
*******************************************************************/

.field--name-field-featured-image img {
    float: right;
    margin: 0 0 20px 20px;
}


.view-wildlife-reports .views-row-odd .views-field-field-feature-image img {
    float: left;
    margin: 0px 10px 10px 0;
}

.view-wildlife-reports  .views-row-even .views-field-field-feature-image img {
    float: right;
    margin: 0px 0px 10px 10px;
}

.view-wildlife-reports  .views-row {
    clear: both;
    padding: 20px;
}

#block-views-wildlife-reports-block {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: solid 5px #8889c9;
}

#block-views-wildlife-reports-block .view-footer a,
#block-views-bird-notes-block .view-footer a{
    background: #8889c9;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #000000 !important;
    text-decoration: none;
}

#block-views-wildlife-reports-block .view-footer a:hover,
#block-views-bird-notes-block .view-footer a:hover {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    color: #000000 !important;
}

#block-views-bird-notes-block .view-footer a{
    width: 100%;
}

.view-wildlife-report-forms input {
    width: 45%;
}

.view-wildlife-report-forms input.webform-calendar {
    width: auto;
}

#block-views-bird-notes-block .views-field-view-node a{
     background: #0085cd;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

#block-views-bird-notes-block .views-field-view-node a hover {
background: #0085cd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.page-wildlife-reports .view-wildlife-reports .views-row {
    clear: both;
}

.page-wildlife-reports .view-footer {
    display: none;
}

#block-views-elizabeth-river-bird-blog-block .view-footer {
    display: inherit !important;
}
.views-field-field-sighting-type {
    margin:0px;
    padding: 15px;
    font-family: 'Archivo Narrow';
    font-size: 1.5em;
    background: #23408f;
    color: #ffffff;
}

.view-footer {
    clear: both;
    text-align: center;
    padding-top: 25px;
}

#block-views-wildlife-reports-block .view-footer a {
    padding: 10px 75px !important;
}

.views-row {
    clear: both !important;
    width: 100%;
    float: left;
}

#block-views-elizabeth-river-bird-blog-block .views-row {
    clear: both !important;
    width: 100%;
    float: none !important;
}

#block-views-elizabeth-river-bird-blog-block  .views-field-title a {
    font-size: .8em;
    line-height: .5em;
}

.view-wildlife-reports .views-row {
    margin: 10px auto;
    padding: auto;
    clear:both;
    border-bottom: 1px solid #8889c9;
    display: block;
    min-height: 175px;
}

.views-field-field-sighting-type-cat .bird_sighting{
    margin:0px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 15px;
    font-family: 'Archivo Narrow';
    font-size: 1em;
    background: #0085cd;
    color: #ffffff;
    width: 100%;
    display: block;
}

.views-field-field-sighting-type-cat .river_otter_sighting{
    margin:0px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 15px;
    font-family: 'Archivo Narrow';
    font-size: 1em;
    background: #f37277;
    color: #ffffff;
    width: 100%;
    display: block;
}

.views-field-field-sighting-type-cat .seahorse_sighting{
    margin:0px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 15px;
    font-family: 'Archivo Narrow';
    font-size: 1em;
    background: #57a2e7;
    color: #ffffff;
    width: 100%;
    display: block;
}

.views-field-field-sighting-type-cat .other_sighting{
    margin:0px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 15px;
    font-family: 'Archivo Narrow';
    font-size: 1em;
    background: #49304e;
    color: #ffffff;
    width: 100%;
    display: block;
}

.views-field-field-sighting-type-cat .dolphin_sighting{
    margin:0px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 15px;
    font-family: 'Archivo Narrow';
    font-size: 1em;
    background: #880357;
    color: #ffffff;
    width: 100%;
    display: block;
}

/*.view-wildlife-reports .views-field-title a {
    pointer-events: none;
    cursor: default;
}*/

.views-view-grid {
    border-spacing: 10px;
    border-collapse: separate;
}
.views-view-grid td {
    vertical-align: top !important;
    width: 45%;
    padding: 2%;
    background: #e3e3e3;
    border-radius: 5px;
}

.views-field-field-feature-image img {
    display: block;
    margin: 10px auto;
}

.node--wildlife-sighting .field--name-field-feature-image {
    float: right;
    margin: 20px;
}

#comments {
    clear: both;
}








.popup {
    background: white;
}

#popup-announcement-wrap {
    background: transparent;
}















.field--name-field-date-of-otter-spotting,
.views-field-field-date-of-otter-spotting {
font-size: 1.4em !important;
font-family: 'Archivo Narrow' !important;
color:#0085cd !important;
}

.field--name-field-location-of-otter-spotting {
font-family: 'Archivo Narrow' !important;
color:#23408f !important;
margin-bottom: 4% !important;
}

.views-field-field-location-of-otter-spotting {
font-family: 'Archivo Narrow' !important;
color:#23408f !important;
}

.views-field-field-images-of-otter-spotting img {
float: right;
margin: 20px 0 20px 20px;
}

#block-block-38 {
	display: none;
}

@media only screen and (max-width:700px){
	#block-block-38 {
		display:block;
	}
	
	.btn {
		margin-bottom: 1em;
	}
	
	.flexslider .slides img {
		width: 100% !important;
	}
	
	.flex-control-nav {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	img {
		height: auto !important;
	}
	.l-region--highlighted .block--imageblock {
		display: none !important;
	}
}

#block-block-24 {
	clear:both;
	padding-left: 7%;
	padding-right: 7%;
}



/* ****************************************************************
*******************************************************************
                     YOUTH RESILENCE CSS TAGS
*******************************************************************
*******************************************************************/
/*  GRID OF EIGHT  */
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.3%;
}

.span_6_of_8 {
  	width: 74.6%;
}

.span_5_of_8 {
  	width: 61.9%;
}

.span_4_of_8 {
  	width: 49.2%;
}

.span_3_of_8 {
  	width: 36.5%;
}

.span_2_of_8 {
  	width: 23.8%;
}

.span_1_of_8 {
  	width: 11.1%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}



.node-type-youth-resilience-clearinghouse-r h1:first-of-type {
	display: none !important;
}

.field--name-field-sea-level-rise-header img,
.field--name-field-climate-change-header img,
.field--name-field-marine-education-header img,
.field--name-field-reduce-carbon-footprint-he img {
	width:100%;
	height: auto;
	position: relative;
	z-index: 20 !important;
}

.field--name-field-sea-level-rise-header,
.field--name-field-climate-change-header,
.field--name-field-marine-education-header,
.field--name-field-reduce-carbon-footprint-he {
	z-index: 25 !important;
}

.field--name-field-display-title {
    color: #23408f;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 2.2em;
	font-weight: bold;
}

.field--name-field-resource-summary {
	font-size: 1.4em;
}

.field--name-field-resource-link a:link,
.field--name-field-resource-link a:visited {
	display:inline-block;
	background-color: #02dd7d;
	color: #ffffff !important;
	padding: 15px;
	border-radius: 5px;
	font-size: 1.6em;
	margin-bottom: 3%;
	-webkit-box-shadow: 3px 5px 6px -3px #000000; 
	box-shadow: 3px 5px 6px -3px #000000;
}

.field--name-field-resource-link a:hover {
	display:inline-block;
	background-color: #8889c9;
	color: #ffffff !important;
	padding: 15px;
	border-radius: 5px;
	font-size: 1.6em;
	margin-bottom:3%;
	-webkit-box-shadow: 0px 0px 6px 1px #000000; 
	box-shadow: 0px 0px 6px 1px #000000;
}

.field--name-field-resource-link a:visited {
	color: #ffffff;
}

.field--name-field-main-topic .field_label,
.field--name-field-sub-topic .field_label,
.field--name-field-resource-type .field_label,
.field--name-field-grade-level .field_label,
.field--name-field-resource-organization .field_label {
	width:25%;
	text-align: right;
	padding-right: 5px;
}

.field--name-field-main-topic .field_item,
.field--name-field-sub-topic .field_item,
.field--name-field-resource-type .field_item,
.field--name-field-grade-level .field_item,
.field--name-field-resource-organization .field_item {
	width: 40%;
	padding-left: 5px;
}

.field--name-field-resource-image,
.field--name-field-local-badge,
.field--name-field-erp-badge {
	float: right;
}

.field--name-field-local-badge img,
.field--name-field-erp-badge img {
	margin: 10% -40% 5% 10%;
	z-index: 50 !important;
	position: relative;
}


.field--name-field-resource-image img {
	margin-top:10%;
	position: relative;
}

.field--name-field-local-badge,
.field--name-field-erp-badge {
	z-index: 49 !important;
}

.group-resource-details2 {
	clear: none;
	float: left;
}

.group-resource-details2 h3 {
	padding: 10px;
	display: block;
	background: #019ccf;
	color:#ffffff;
}

.field--name-field-specialty-resource- {
	display: none;
}

.group-resource-details2 .field__label {
	min-width: 150px !important;
	text-align: right !important;
	padding-right: 10px !important;
}


.orange-banner {
	background: #02dd7d;
	clear: both;
	width: 107.15%;
	margin: .5% -3.5% !important;
	padding: .5%;
}

.orange-banner h2,
.view-clearinghouse .orange-banner h3 {
	color: #ffffff !important;
}

.orange-banner h2 {
	text-transform: uppercase;
}


.page-clearinghouse h1 {
	display: none;
}

.view-clearinghouse .view-header h1 {
	display: initial !important;
	color: #536e9b;
	font-size: 2.8em;
}

.clearing-img {
	float: right;
	margin: 0 0 3% 3%;
}

.view-clearinghouse h1,
.view-clearinghouse h2,
.view-clearinghouse h3,
.view-clearinghouse h4,
.view-clearinghouse h5,
.view-clearinghouse h6 {
	font-weight: 100;
}

.view-clearinghouse h2 {
	color:#019ccf;
}

.view-clearinghouse h4 {
	color: #019ccf;
	line-height: 1.5em;
}
.view-clearinghouse h3 {
	font-weight: normal;
	text-align: center;
	color: #02dd7d !important;
}

.view-clearinghouse .views-exposed-form {
	margin-left:auto;
	margin-right:auto;
	float: none;
	width: 85%;
}

.view-clearinghouse .views-exposed-widget {
   max-width: 19%;
   float: left;
   padding-right: 1%;
}


.view-clearinghouse .views-exposed-widget label:first-child {
	color: #ffffff;
	font-weight: 700 !important;
	font-size: 1.2em !important;
	display:block;
	text-align: center;
	padding: 5px 10px;
	background: #536e9b;
}


.view-clearinghouse input[type="submit"] {
	background: #536e9b;
	color: #ffffff;
	font-family: 'Archivo Narrow', Arial, Verdana, "sans-serif";
	font-weight: 700;
	border: 0px;
}

.view-clearinghouse input[type="submit"]:hover {
	background: #02dd7d;
}

.view-clearinghouse .bef-checkboxes label {
	color: #241d53;
	font-weight: normal;
}

.view-clearinghouse th.views-field-title,
.view-clearinghouse th {
	font-size: 1em;
	padding: 5px 1% !important;
}

.view-clearinghouse .views-field-title {
	font-size: 1.1em;
	color: #ffffff;
	padding: 1% 2%;
	max-width: 25%;
	width: 25%;
}

.view-clearinghouse th {
	background-color: #536e9b;
	color: #ffffff;
}
.view-clearinghouse tr.odd {
	background-color: #E9E9E9;
}

.view-clearinghouse tr.even {
	background-color: #DFDFDF;
}
.view-clearinghouse .views-field-title a:link,
.view-clearinghouse .views-field-title a:visited {
	color: #241d53 !important;
	font-weight: 700!important;
}

.view-clearinghouse .views-field-title a:hover {
	color: #019ccf !important;
}

.view-clearinghouse .views-field-field-resource-summary {
	max-width: 30%;
	width: 30%;
}

.view-clearinghouse .views-field-field-resource-type {
	max-width: 15%;
	width: 15%;
}

.view-clearinghouse .views-field {
	padding: 10px 2%!important;
}
.view-clearinghouse .views-field-views-conditional,
.view-clearinghouse .views-field-views-conditional-1 {
	max-width: 6%;
	width: 6%;
	padding: 10px 3px;
}

.view-clearinghouse .views-field-view-node { 
	max-width: 15%;
	width: 15%;
}


.view-clearinghouse .views-field ul {
	padding: 0 0 0 5px;
}

.view-clearinghouse  ul.pager {
	list-style-type: none;
}

.view-clearinghouse .views-field-view-node a:link,
.view-clearinghouse .views-field-view-node a:visited {
	display: inline-block;
	background-color: #019ccf;
	color: #ffffff;
	padding: 5%;
	border-radius: 3px;
	font-size: 1.2em;
	text-align: center;
}

.view-clearinghouse .views-field-view-node a:hover {
	background-color: #241d53;
}

.view-clearinghouse li {
	padding-bottom: 2px;
	line-height: 1em;
}

.view-clearinghouse ul {
	margin-top: 2px;
	margin-bottom: 2px;
}

.page-node-353 h1 {
	text-align: center;
}

.recommend-btn a:link,
.recommend-btn a:visited,
button.recommend-btn {
	color: #ffffff;
	background-color: #02dd7d;
	display: inline-block;
	padding: 15px;
	text-transform: uppercase;
	border-radius: 4px;
	text-align: center;
}

.recommend-btn a:hover,
button:hover.recommend-btn {
	background-color: #019ccf;
}

.view-clearinghouse .pager li a:link {
	color: #019ccf !important;
}

button.recommend-btn {
	margin: 0 auto;
	margin-top: 5%;
	display: inline-block;
	padding: 10px 35px;
	
}

.clear-sponsor {
	color: #241d53 !important;
	text-align: center;
}

#block-block-39 {
	clear: both;
}

.view-clearinghouse h2 {
	margin-top: 1%;
}

.node--youth-resilience-clearinghouse-r .field--name-field-display-title {
	color: #019ccf;
}
.node--youth-resilience-clearinghouse-r a:link,
.node--youth-resilience-clearinghouse-r a:visited {
	color: #02dd7d;
}

.view-clearinghouse select {
	width: 100%;
}

.yrc-btn {
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #02dd7d !important;
    text-decoration: none;
    display: inline-block;
}

.page-clearinghouse .l-region {
	margin-bottom: 5px !important;
}

#block-imageblock-16 {
	margin-top: -25px;
	margin-left: -40px;
	width: 107.15%;
}

.blue-banner {
	background: #004e88;
	clear: both;
	width: 107.35%;
	margin: .5% -3.75% !important;
	padding: 3% 10%;
    color: #ffffff !important;
}

.blue-banner h2,
.blue-banner h3,
.blue-banner h4,
.blue-banner h5,
.blue-banner h6 {
    color: #ffffff !important;
}

.page-node-541 h1,
.page-node-541 h3,
.page-node-541 h5,
.page-node-550 h1,
.page-node-550 h3,
.page-node-550 h5{
    color: #f26738;
}

.page-node-541 h2,
.page-node-541 h4,
.page-node-541 h6,
.page-node-550 h2,
.page-node-550 h4,
.page-node-550 h6{
    color: #1f88b6;
}

.luvlizitem {
    background: rgba(231,231,231,1.00) !important;
    padding: 5%;
    border-radius: 5px;
    margin:2% !important;
}

h1:first-of-type {
    display: none;
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}

.fillWidth {
    max-width: 107.15% !important;
    margin-top:-20px !important;
    margin-left:-3.5% !important;
    margin-right:-3.5% !important;
    min-width: 107.15% !important;
    overflow: hidden;
}

#video-container {
    min-width: 107.15% !important;
    margin-top:-20px !important;
    margin-left:-3.5% !important;
    margin-right:-3.5% !important;
    max-height: 425px !important;
    overflow: hidden;
}

.songofsea {
    background-color: #1F88B6;
    padding: 5%;
    color:#ffffff;
    border-radius: 5px;
}

.songofseainner {
    display:block;
    width: 80%;
    margin: 0 auto;
}

.songofsea h4 {
    color: #ffffff;
}

.eapps-instagram-feed-title-container {
    display: none;
}

.block-banner {
    margin-bottom: 0 !important;
}

.page-node-541 .webform-component--first-name,
.page-node-541 .webform-component--link-to-video,
.page-node-550 .webform-component--first-name,
.page-node-550 .webform-component--link-to-video{
    margin-left:0;
}

.webform-client-form-541,
.webform-client-form-550
{
    padding: 1%;
	width: 107.15%;
    background-color: #1f88b6;
    color:#ffffff;
    margin-left:-3.5% !important;
    margin-right:-3.5% !important;
    margin-bottom:0;
}

.webform-client-form-541 label,
.webform-client-form-550 label {
    color: #ffffff;
}

.page-node-541 .webform-component--upload-your-photo-or-video,
.page-node-550 .webform-component--upload-your-photo-or-video{
    margin-left: 1.6%;
}

#block-block-41 .blue-banner {
    margin-top:0 !important;
}

.page-node-541 .btn,
.page-node-550 .btn{
    background-color: #1f88b6 !important;
    text-transform: uppercase;
    font-size: 1.4em;
}

.page-node-541 h1 a:link,
.page-node-541 h2 a:link,
.page-node-541 h3 a:link,
.page-node-541 h4 a:link,
.page-node-541 h5 a:link,
.page-node-541 h6 a:link,
.page-node-550 h1 a:link,
.page-node-550 h2 a:link,
.page-node-550 h3 a:link,
.page-node-550 h4 a:link,
.page-node-550 h5 a:link,
.page-node-550 h6 a:link 
#benefits {
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color:#f26738;
}

.embed-container { 
    position: relative !important; 
    padding-bottom: 56.25% !important; 
    height: 0 !important; 
    overflow: hidden !important; 
    max-width: 100% !important; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute !important; 
    top: 0 !important; 
    left: 0 !important; 
    width: 100% !important; 
    height: 100% !important; 
}

.submissions {
    width: 107.15%;
    margin-left:-3.5%;
    margin-right:-3,5%;
    border: 5px solid #f26738;
    min-width: 100%;
    height: 100vh;
    overflow: scroll;
}

.skinny {
    width: 67%;
    margin: 0 auto;
}

@media only screen and (max-width: 600px) {
	.skinny {
    width: 100%;
    margin: 0 auto;
}
}

#popup-announcement-wrap {
    overflow: visible !important;
}

/*************************************************************************************
*************************************************************************************
                                GRID CSS
*************************************************************************************
*************************************************************************************/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}

/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}
/*  GRID OF SEVEN  */
.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
  	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; }
}
/*  GRID OF EIGHT  */
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.3%;
}

.span_6_of_8 {
  	width: 74.6%;
}

.span_5_of_8 {
  	width: 61.9%;
}

.span_4_of_8 {
  	width: 49.2%;
}

.span_3_of_8 {
  	width: 36.5%;
}

.span_2_of_8 {
  	width: 23.8%;
}

.span_1_of_8 {
  	width: 11.1%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}

/*  GRID OF NINE  */
.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
  	width: 88.71%;
}

.span_7_of_9 {
  	width: 77.42%;
}

.span_6_of_9 {
  	width: 66.13%;
}

.span_5_of_9 {
  	width: 54.84%;
}

.span_4_of_9 {
  	width: 43.55%;
}

.span_3_of_9 {
  	width: 32.26%;
}

.span_2_of_9 {
  	width: 20.97%;
}

.span_1_of_9 {
  	width: 9.688%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9 { width: 100%; }
}

/*  GRID OF TEN  */
.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
  	width: 89.84%;
}

.span_8_of_10 {
  	width: 79.68%;
}

.span_7_of_10 {
  	width: 69.52%;
}

.span_6_of_10 {
  	width: 59.36%;
}

.span_5_of_10 {
  	width: 49.2%;
}

.span_4_of_10 {
  	width: 39.04%;
}

.span_3_of_10 {
  	width: 28.88%;
}

.span_2_of_10 {
  	width: 18.72%;
}

.span_1_of_10 {
  	width: 8.56%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	
    .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {
	width: 100%; 
	}
}

/*  GRID OF ELEVEN  */
.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
  	width: 90.76%;
}

.span_9_of_11 {
  	width: 81.52%;
}

.span_8_of_11 {
  	width: 72.29%;
}

.span_7_of_11 {
  	width: 63.05%;
}

.span_6_of_11 {
  	width: 53.81%;
}

.span_5_of_11 {
  	width: 44.58%;
}

.span_4_of_11 {
  	width: 35.34%;
}

.span_3_of_11 {
  	width: 26.10%;
}

.span_2_of_11 {
  	width: 16.87%;
}

.span_1_of_11 {
  	width: 7.636%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	
    .span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11 {
	width: 100%; 
	}
}

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.span_3_of_12 {
  	width: 23.8%;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
}

.flex-btn-container {
  display: flex;
  align-items: flex-start;
}

.flex-btn-container .col {
    flex: 1 0 auto!important;
}

.flex-btn-container a {
    width:100%;
    height:100%;
    flex: 1; 
    background: #0085cd;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
    border-radius: 4px;
    padding: 5px 15px;
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
    margin: 2%;
}

.flex-btn-container a:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background: #156976;
}

.blue-banner .span_1_of_2 h6 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.webform-client-form-541 {
    display: none !important;
}

#block-webform-client-block-541 .block_title {
    display: none;
}

#block-webform-client-block-541 .webform-client-form-541 {
    display: inherit !important;
}

.page-node-560 h2 {
    font-size: 4em;
    font-weight: 800;
    color: #004e88;
}

.page-node-560 h3 {
    color: #f26738;
}

.page-node-560 .blue-banner h2 {
    font-size: 2.5em;
    border-bottom: solid 3px #f26738;
    text-transform: uppercase;
}

.page-node-560 .blue-banner img {
    margin-top: 2% !important;
    margin-bottom: -45% !important;
}

.page-node-560 .blue-banner {
    margin-top: 5% !important;
    margin-bottom: 9% !important;
}


#block-block-46 {
    margin-top: -15%;
}

#block-block-46 {
    z-index: 99999;
    position: relative;
}
#block-block-47 {
    z-index: 999;
    position: relative;
}

.l-header {
    z-index: 999999 !important;
    position: relative;
}

.l-main {
    z-index: 99999 !important;
    position: relative;
}

.tabs {
    z-index: 999999 !important;
    position: relative;
}

#cboxOverlay {
    z-index: 9999997 !important;
}

#colorbox {
    z-index: 9999999 !important;
}

#block-views-front-page-news-block h4 {
    line-height: 1.1em;
    font-size: 1.05em;
}

#block-views-front-page-news-block p {
    font-size: .7em;
}


#block-views-front-page-news-block h1,
#block-views-front-page-news-block h2, 
#block-views-front-page-news-block h3,
#block-views-front-page-news-block h4,
#block-views-front-page-news-block h5,
#block-views-front-page-news-block h6,
#block-views-front-page-news-block p {
    margin-bottom: 2px;
}

.hilite {
    color: #23408f;
    font-weight: 700;
}

.slide-title h2 {
    font-size:1.3em;
}

.homecopy {
    font-size: 1em;
}
.homecopy a:link {
    font-size: 1em;
    font-weight: 700;
}

.l-region--sidebar-second h1,
.l-region--sidebar-second h2,
.l-region--sidebar-second h3,
.l-region--sidebar-second h4,
.l-region--sidebar-second h5,
.l-region--sidebar-second h6 {
    font-family: 'Oswald';
    font-style: normal;
    font-weight:normal;
}
.l-region--sidebar-second h1 strong,
.l-region--sidebar-second h2 strong,
.l-region--sidebar-second h3 strong,
.l-region--sidebar-second h4 strong,
.l-region--sidebar-second h5 strong,
.l-region--sidebar-second h6 strong {
    font-family: 'Oswald';
    font-style: normal;
    font-weight:700;
}

.l-region--sidebar-second p {
    font-size: .8em;
}

.node--news--full .field--type-text-with-summary {
    padding-bottom: 5%;
    border-bottom: #23408f 3px solid;
}

#block-ddblock-2 .slide img,
#block-ddblock-2 .slide
{
    width:100% !important;
    height: auto !important;
}

@media all and (max-width: 1175px){
    #block-ddblock-2 .slide img,
#block-ddblock-2 .ddblock-container
{
    width:100% !important;
    height: auto !important;
}
}

#block-views-front-page-news-block .view-footer h4 a:link {
    font-size: .8em !important;
}

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
        font-family: 'Oswald' !important;
}

.view-clearinghouse .views-exposed-form {
    font-size: .8em !important;
}

.view-clearinghouse table tbody {
    font-size: .8em !important;
}

.view-clearinghouse table thead {
    font-size: .7em !important;
}

/* ****************************************************************
*******************************************************************
            WEBFORM SPACING CSS TAGS
*******************************************************************
*******************************************************************/
.node--webform,
.block--webform {
    clear:both;
}
.node--webform .whole,
.block--webform .whole {
    width: 100%;
    float: left;
}

.node--webform .one_half,
.block--webform .one_half {
    width:48%;
    padding: 1%;
    float:left;
}

.node--webform .one_third,
.block--webform .one_third {
    width:31%;
    padding: 1%;
    float:left;
}

.node--webform .two_third,
.block--webform .two-third {
    width:64%;
    padding: 1%;
    float:left;
}

.node--webform .first,
.block--webform .first {
    padding-left:0 !important;
}

.node--webform .last,
.block--webform .last{
    padding-right: 0 !important;
}

.node--webform .form-actions,
.block--webform .form-actions {
    width:100%;
    clear: both;
}

.blue-webform {
    background: #23408f;
    color: #ffffff !important;
    padding: 2%;
    border-radius: 5px;
    clear: both;
}

.blue-webform p {
    color: #ffffff !important;
}

.blue-webform {
    width:80%;
    margin:0 auto;
}

.blue-webform h3 {
    color:#ffffff !important;
}


#DONATEbtn {
    padding:1% 5% !important;
    border: solid 3px #343b4e;
    border-radius: 30px;
    margin-left:1%;
    
}

#superfish-1 li #DONATEbtn {
    font-size:1em !important;
}

#superfish-1 li:last-child {
    border: 0 !important;
}