/* fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*
Layout
*/
a {
    color: #0099cc;
}
a:hover, a:focus {
    color: #333;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #0099cc;
    background: #fff;
}

/*
*/
/*welcome-block*/
.welcome-block h1 span {
    color: #0099cc;
}

/*block-search*/
#header-wrapper #search-block-form .form-item {
    background: #556a71;
}

#header-wrapper #search-block-form .form-item:hover {
    background: #0099cc;
}

#header-wrapper #search-block-form .form-text:focus {
    background: #0099cc;
}

/* quicktabs-tabs */
ul.quicktabs-tabs li.active a {
    background: #fff;
    border-top-color: #0099cc;
}

/*tag clouds*/
.tagclouds:hover, .tagclouds:focus {
    background: #0099cc;
}

/* galleryformatter */
.galleryformatter .gallery-thumbs li a:hover img, .galleryformatter .gallery-thumbs li.active a img {
    border-color: #0099cc;
}

.galleryformatter .gallery-thumbs li.active a:before {
    border-bottom: 5px solid #0099cc;
}

/* main menu*/

#main-menu-wrapper .sf-menu.sf-style-default li.active-trail > a, #main-menu-wrapper .sf-menu.sf-style-default li.active-trail:hover > a {
    background-color: #0099cc;
}

#main-menu-wrapper ul.menu li.active-trail > a.active-trail {
    background-color: #0099cc;
}

#main-menu-wrapper ul.menu li li.active-trail > a.active-trail {
    background-color: transparent;
}

p.call-us:before {
    background-color: #4b666f;
}

.tb-megamenu .nav > li > a {
    color: #90abb4;
}

.tb-megamenu .nav > li:before {
    background-color: #4b666f;
}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    background-color: #0099cc;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle {
    background-color: #0099cc;
}

.tb-megamenu .nav-collapse .nav > li.active > a:hover,
.tb-megamenu .nav-collapse .nav > li.active > a:focus {
    background-color: #0099CC;
}

#main-content h2 a:hover, #main-content h2 a:focus,
.views-field-title a:hover, .views-field-title a:focus {
    color: #0099cc;
}

/*header-wrapper*/
#header-wrapper {
    background: url(images/header.png) 30% 0 no-repeat #1a282d;
}

#header-wrapper .container {
    color: #90abb4;
}

/* slideshow */
#slideshow-wrapper .views-field-title a:hover,
#slideshow-wrapper .views-field-title a:focus {
    color: #0099cc;
}

#slideshow-wrapper .views-slideshow-controls-text span:hover:before,
#slideshow-wrapper .views-slideshow-controls-text span:focus:before,
.slideshow .views-slideshow-controls-text span:hover:before,
.slideshow .views-slideshow-controls-text span:focus:before {
    background-color: #0099cc;
}

#panel-second-wrapper .views-col:hover .views-field-title a,
.services-content .views-col:hover .views-field-title a {
    color: #0099cc;
}

/*panel-third-wrapper*/
#panel-third-wrapper .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item:hover .views-field-title a,
.recent-works-list .jcarousel-skin-default .jcarousel-container-horizontal .jcarousel-item:hover .views-field-title a,
#panel-third-wrapper .views-row:hover .views-field-title a,
.recent-works-list .views-row:hover .views-field-title a {
    color: #0099cc;
}

#panel-third-wrapper .jcarousel-skin-default .jcarousel-next:hover:before,
#panel-third-wrapper .jcarousel-skin-default .jcarousel-prev:hover:before,
.recent-works-list .jcarousel-skin-default .jcarousel-next:hover:before,
.recent-works-list .jcarousel-skin-default .jcarousel-prev:hover:before {
    background-color: #0099cc;
}

#panel-fourth-wrapper .jcarousel-skin-default .jcarousel-next:hover:before,
#panel-fourth-wrapper .jcarousel-skin-default .jcarousel-prev:hover:before,
.our-clients .jcarousel-skin-default .jcarousel-next:hover:before,
.our-clients .jcarousel-skin-default .jcarousel-prev:hover:before {
    color: #0099cc;
}

/*gallery*/

#panel-fifth-wrapper .views-view-grid .views-col img:hover, .photos-stream .views-view-grid .views-col img:hover {
    border-color: #0099cc;
}

/*footer*/
#footer {
    color: #90ABB4;
    padding: 30px 0;
}

#footer-wrapper {
    background: url(images/header.png) 30% 0 no-repeat #1a282d;
}

#footer-wrapper .block p a {
    color: #0099cc;
}

#footer-wrapper .sf-menu a:hover, #footer-wrapper .sf-menu a:focus, #footer-wrapper ul.menu a:hover, #footer-wrapper ul.menu a:focus {
    color: #0099cc;
}

/* team */
.team-content .views-field-field-job-title a:hover, .team-content .views-field-field-job-title a:focus, .team-content .views-field-field-facebook a:hover, .team-content .views-field-field-facebook a:focus, .team-content .views-field-field-twitter a:hover, .team-content .views-field-field-twitter a:focus {
    color: #0099cc;
}

.team-content .views-col:hover .views-field-title a {
    color: #0099cc;
}

.item-list .pager li.pager-current {
    background-color: #0099cc;
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #0099cc;
}

/* Porfolio page */
.portfolio-content .views-row .views-field-title a:hover, .portfolio-content .views-row .views-field-title a:focus {
    color: #0099cc;
}

.portfolio-content .cols-2 .views-row .views-field-field-category, .portfolio-content .cols-4 .views-row .views-field-field-category {
    font-size: 11px;
    color: #909090;
}

.portfolio-content .cols-2 .views-row .views-field-field-category a, .portfolio-content .cols-4 .views-row .views-field-field-category a {
    color: #909090;
}

.portfolio-content .cols-2 .views-row .views-field-field-category a:hover, .portfolio-content .cols-2 .views-row .views-field-field-category a:focus, .portfolio-content .cols-4 .views-row .views-field-field-category a:hover, .portfolio-content .cols-4 .views-row .views-field-field-category a:focus {
    color: #0099cc;
}

/* Blog 2 */
.blog.blog-2 .views-field-comment-count .field-created {
    background-color: #0099cc;
}

/* ui-accordion */
.ui-accordion .ui-accordion-header.ui-state-active a:before {
    background-color: #0099cc;
    content: "-";
}

.ui-accordion .ui-accordion-header.ui-state-active a {
    color: #0099cc;
}

/* 404 Page */
.page-404 h1 {
    color: #0099cc;
}

.page-404 a {
    color: #0099cc;
}

/* forum */
.action-links li a {
    background: #0099cc;
    color: #fff;
}

.action-links li a:hover, .action-links li a:focus {
    background-color: #333;
    text-decoration: none;
}

/* Primary */
ul.primary li.active a, ul.primary li a:hover {
    border-color: #ddd;
    background: #f4f4f4;
    color: #0099cc;
}

/* Contact */
.form-submit {
    background-color: #1995a2;
    color: #fff;
}

.form-submit:hover, .form-submit:focus {
    background-color: #1995a2;
}

/* comments */
#main-content .form-submit {
    background: #1995a2;
    color: #fff;
}

#main-content .form-submit:hover, #main-content .form-submit:focus {
    background: #1995a2;
}

.node .comment ul.links li a:hover, .node .comment ul.links li a:focus, .comment ul.links li a:hover, .comment ul.links li a:focus {
    background: #0099cc;
}

.action-links li a {
    background: #0099cc;
}

.action-links li a:hover {
    background-color: #333;
}

ul.inline li a.active {
    color: #0099cc;
}

ul.inline li a.active:hover {
    color: #444;
}

#panel-fourth-wrapper .container, #panel-fifth-wrapper .container {
    border-bottom: none;
    margin-bottom: 0;
}

#footer-wrapper .sf-menu a, #footer-wrapper ul.menu a {
    color: #90ABB4;
}

#footer-wrapper .sf-menu a:hover, #footer-wrapper .sf-menu a:focus, #footer-wrapper ul.menu a:hover, #footer-wrapper ul.menu a:focus,
#footer-wrapper ul.menu a.active {
    color: #0099CC;
}

.node .comment ul.links li a:hover,
.node .comment ul.links li a:focus,
.comment ul.links li a:hover,
.comment ul.links li a:focus {
    background-color: #0099cc;
}

.skin-special .responsive-menu-button, .tb-megamenu .btn-navbar {
    top: 23px;
}

/* view-events */
.calendar-calendar .month-view .full tr td.single-day.today,
.calendar-calendar .month-view .full td.date-box.today {
    border-color: #0099cc;
}

.calendar-calendar td a {
    color: #0099cc;
}

.portfolio-content .cols-2 .views-row .views-field-field-category a:hover,
.portfolio-content .cols-2 .views-row .views-field-field-category a:focus,
.portfolio-content .cols-4 .views-row .views-field-field-category a:hover,
.portfolio-content .cols-4 .views-row .views-field-field-category a:focus {
    color: #0099cc;
}

.social-list li a .fa {
    background-color: #556a71;
}

.social-list li a:hover .fa, .social-list li a:focus .fa {
    background-color: #0099cc;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.btn-btt:hover {
    background-color: #0099cc;
}

/* ************************************************************ */

/* migrated from old site */
.imageRight {
   float: right;
   margin: 0 0 1.5em 1.5em;
}
.imageLeft {
   float: left;
   margin: 0 1.5em 1.5em 0;
}
.arrow-down {
    font-size: 1.5em;
}
.arrow-down:after {
	content: "\a0\f0ab";
	font-family: FontAwesome;
}

/* fonts */
body {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
}
section#main-wrapper {
    line-height: 22px; /* only want to change line height for content areas, not headers */
}
.views-field-title { /* change default font */
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}
.sidebar .views-field-title {
    font-size: 14px;
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
}

/* sign up buttons */
.homepage-signup-buttons a {
    background-color: #1995a2;
    color: #fff;
    line-height: 100%;
    padding: 10px 15px;
    display:inline-block;
}
.homepage-signup-buttons a:hover {
    color: #fff;
}

/* staff page */
.view-staff-listing .views-field-title {
    font-size: 24px;
    font-weight: bold;
}
.view-staff-listing .field-name-field-staff-title,
.node-staff .content .field-name-field-staff-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-family: 'oswaldlight';
}
.view-staff-listing .field-name-field-image img,
.node-staff .content .field-name-field-image img {
    max-width: 160px;
}

/* areas of focus page */
.view-areas-of-focus-page .featured-block .views-field-title:before {
padding-right:.5em; /* Add a little space between text and arrow */
content: "\00bb"; /* Unicode hex for » */
border-right: 1px solid #1995a1;
margin-right: .5em;
}
.view-areas-of-focus-page .featured-block {
width: 32%;
float: left;
margin-right: 2%;
}
.view-areas-of-focus-page .featured-block.views-row-last {
margin-right: 0;
}
#main-content .view-areas-of-focus-page .featured-block figure.field-name-field-image {
float: none;
margin-right: 0;
}
.view-areas-of-focus-page .featured-block figure.field-name-field-image img {
width: 100%;
}
#main-content .view-areas-of-focus-page .featured-block {
border-bottom: none;
}
.view-areas-of-focus-page .featured-block .views-field-title {
font-size: 1.4em;
color: #555;
font-weight: 600;
background-color: #e2e2e2;
margin: 0;
padding: .5em 1em;
text-transform: uppercase;
}
.featured-block p {
margin-bottom: 0;
}
.featured-block .tagline {
font-family: 'oswaldlight';
font-size: 1.6em;
line-height: 30px;
font-weight: bold;
margin-top: .5em;
margin: 0.5em 0;
color: black;
display:block;
}
.featured-block .views-field-view-node {
margin-top: .5em;
text-transform: uppercase;
color:#1995a1;
}
.featured-block .views-field-view-node .icon-arrow-right {
margin-left: .25em;
}
@media (max-width: 480px) {
    .view-areas-of-focus-page .featured-block {
        width: 100%;
    }
}
@media (min-width: 481px) and (max-width: 991px) {
    .view-areas-of-focus-page .featured-block .views-field-title {
        font-size: 1em;
    }
    .view-areas-of-focus-page .featured-block .views-field-title:before {
        display: none;
    }
    .featured-block .tagline {
        font-size: 1.3em;
        line-height: normal;
    }
}



/* Carl CSS */
	
	/* Reduce logo width */
    @media (max-width: 767px) {
        /* #logo img {max-width:65%;} */
        #logo {margin-top:00px; min-height: 60px;}
        #header .col-sm-3, #header .col-sm-9 { width: 50%;}
    }
    @media (max-width: 320px) {
        #logo img {max-width:50%;}
    } 
    
    /* General link color changes */
	a {color:#1995a2}
    a:hover {color:#0099cc}    
    .twitter-status a{color:#1995a2}
    #main-content h2 a, #main-content h2 a, .views-field-title a, .views-field-title a{color:#1995a2}
    
    /* theme color for header search */
   #header-wrapper #search-block-form .form-item:hover,
   #header-wrapper #search-block-form .form-text:focus {background-color:#1995a2} 
   #header-wrapper #search-block-form .element-invisible {display:none}

	/* remove margin from header on home page so slide show is higher up */
   .front #header-wrapper {margin:0;}

	/* fix wrapping issue with breadcrumb thta happens with long-titled pages */
    #breadcrumb-wrapper {float:none; width:100%; text-align:right; margin:0 0 5px;}
	#breadcrumb-wrapper:after {content:" "; display:table; clear:both;}
    
    /*main site navigation theme color updates */
    .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus,
    .tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus {background-color:#1995a2}
    .tb-megamenu .nav > li > a {color:#fff;}
    .fixed-menu {background:#1a282d}
    @media (max-width: 991px){
        .navbar-toggle {float: right; clear: both;}
    }
    @media (max-width: 480px) {
        .navbar-toggle {top: 5px;}
        .region-header .block-search {float: right; margin-right: 25px;}
    }
    
    /* image/bullet-text wrapping fix */
     ul:not(.nav) {overflow: hidden;}
     
    /* home slide show tweaks */
    #slideshow-wrapper > .container-inner {padding-bottom:30px;}
    .flex-direction-nav{display:none !important}
    .flexslider {border:none;    -webkit-box-shadow:none;    -moz-box-shadow:none;    -o-box-shadow:none;    box-shadow:none; margin-bottom: 20px;}
    .flex-caption {position: absolute;    top: 0;    left: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,45484d+100&1+0,0+100 */
        background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(69,72,77,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(69,72,77,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(69,72,77,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(69,72,77,0) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(69,72,77,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0045484d',GradientType=1 ); /* IE6-9 */
        height: 100%;
        margin: 0;
        color: #fff;
        font-family: 'oswaldregular';
        font-size: 32px;
        line-height:1.1em;
        max-width: 50%;
        text-shadow:0 0 8px #000;
        padding: 10px;
        padding-top:35px;
    }
    .flex-caption a {
        font-size:.5em;    background-color: #1995a2;  color: #fff;    line-height: 100%;   margin: 1em 0;  padding: 15px 35px; display:inline-block;
    }
    .flex-caption .field-name-field-slide-heading {
        margin-bottom: 0.5em;
    }
    .flex-caption .slideTextwrapper .field-name-field-slide-text {
        font-size: 0.75em;
        line-height: normal;
    }
    #flexslider-1 .views-field-field-image, #flexslider-1 .field-type-image {margin:0}
	@media (max-width: 1024px) {
	  .flex-caption {font-size:26px;}
	}
    @media (max-width: 768px) {
	  .flex-caption {font-size:18px; line-height:135%;}
      .flex-caption a {font-size:.75em;}
	}
    @media (max-width: 767px) {
	    .flex-caption {position:static; color:#1995a2; background:none; max-width:100%; text-shadow:none; padding-top:15px;}  
    }


	/* Home page content block spacing */
    body.front .block-views:not(#block-views-tweets-block-1--2):not(#block-views-home-page-content-block-1--2):not(#block-views-homepage-slideshow-block)
    {margin-top:50px; padding-top:50px; border-top:#666 1px dotted;}
    @media (max-width: 767px) {
        body.front .block-views:not(#block-views-tweets-block-1--2):not(#block-views-home-page-content-block-1--2):not(#block-views-homepage-slideshow-block)
        {margin-top:15px; padding-top:15px;}
    }
    
    /* Hide anything after the 10th item in Home Page Headlines */
    #block-views-home-page-content-block-1--2 .view-content .views-row:nth-child(n+9) {display:none;}
    
    /* Home page content block title styling */
    .front #main-title .container h1,
    .front #main-content h2, 
    .block-views h2 {font-size: 24px; line-height: 24px;} 
    
    /* Home page carousel content width set */
    
    #panel-fourth-wrapper .jcarousel-skin-default {position: relative; overflow: hidden; width: 100%;}
    #panel-fourth-wrapper .jcarousel-container, 
    #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-clip-horizontal  {width:100% !important;} 
    #panel-fourth-wrapper .jcarousel-skin-default li.jcarousel-item {float: left; width: 345px; margin-right:0; padding: 0 10px;    }
    .view-homepageprojects .jcarousel-skin-default { background: #e9e9e9;}
    .view-homepageresources .jcarousel-skin-default .jcarousel-item {width:1020px; margin: 0 15px;}
    .view-homepageresources .jcarousel-skin-default .jcarousel-item .views-field-title {font-weight: bold; padding-top: 15px;}
    .view-homepageresources .jcarousel-skin-default .jcarousel-item .field-name-field-image {float: right; margin: 0 0 10px 40px; width: 350px;}
    .view-homepageresources .jcarousel-skin-default .jcarousel-item .views-field-view-node {
        margin-top: 10px;
    }
    
    @media (max-width: 1024px) {
        #panel-fourth-wrapper .jcarousel-skin-default li.jcarousel-item {width:284px;}
	}
    @media (max-width: 768px) {
        #panel-fourth-wrapper .jcarousel-skin-default li.jcarousel-item {width:322px;}
	}
    @media (max-width: 768px) {
        #panel-fourth-wrapper .jcarousel-skin-default li.jcarousel-item {width:253px; padding:0} 
    }
    @media (max-width: 768px) {
        #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-container-horizontal { padding: 15px 30px; }
        .view-homepageresources .jcarousel-skin-default .jcarousel-item .views-field-title { padding-top: 0; }
        .view-homepageresources .jcarousel-skin-default .jcarousel-item .field-name-field-image {margin-left: 10px;}
        #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-prev::before,
        #panel-fourth-wrapper .jcarousel-skin-default .jcarousel-next::before {margin: 0;}
        .jcarousel-skin-default .jcarousel-next-horizontal { right: -10px; }
    }
    
    /* Home page Twitter tweaks */
    /*div.view-tweets {word-break: break-all}*/
    div.view-tweets ul {display:table; width:100%}
    div.view-tweets ul:after {content:" "; clear:both; display:table}
    .item-list ul li.views-row {display:table-cell; width:33%; margin:0; padding:0; border-left:#666 1px dotted;}
    .item-list ul li.views-row:first-child {border-left:none;}
    @media (max-width: 767px) {
     	 div.view-tweets ul {display:block;} 
         .item-list ul li.views-row {display:block; width:100%; border-left:none; border-top:#666 1px dotted;} 
	    .item-list ul li.views-row:first-child {border-top:none;}
        .twitter-status .name-handle .name a {font-size: 12px;}
    }
    
    /*Home staff styling*/
    .view-home-page-staff:after {clear:both; content:""; display:table;}
    .view-home-page-staff .views-row {width:50%;float:left; position:relative;}
    @media (max-width: 767px) {
      .view-home-page-staff .views-row {width:100%;float:none;}  
    }
    
    .view-home-page-staff .views-row a {color:#fff !important;} 
    
    /*.view-home-page-staff .views-row > a:nth-child(1) {position:relative; z-index:0; width:100%;}
    .view-home-page-staff .views-row > a:nth-child(2) {position:absolute; z-index:1; bottom:10px; width:74%; padding:0 10px;}
     @media (max-width: 768px) {
	   	.view-home-page-staff .views-row > a:nth-child(2) {line-height:120%;}
    }*/
    .view-home-page-staff .views-field-field-image,
    .view-home-page-staff .field-type-image {margin:0;}
    
    .view-home-page-staff .field-type-image {position:relative; }
    .view-home-page-staff .field-type-image img {position:relative; z-index:0; width:100%;}
    .view-home-page-staff .field-type-image:after { 
        content:"";position:absolute; bottom:0; left:0; width:100%; height:50%; z-index:1;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    }
    .view-home-page-staff .views-row .views-field-title {position:absolute; z-index:1; bottom:0; width:74%; padding:0 10px; font-weight:bold}
	@media (max-width: 1024px) {
    	/*.view-home-page-staff .views-row .views-field-title {bottom:79px;}*/
	}
    .view-home-page-staff .views-row .views-field-view-node{position:absolute; z-index:1; bottom:0px;width:74%; padding:0 10px; display:none;}
    .view-home-page-staff .views-row .field-name-field-staff-title {font-weight: normal;}
    
    .view-home-page-staff .view-content, 
    .view-home-page-staff .view-footer {float:left;}
        .view-home-page-staff .view-content{width:66.6%} 
        .view-home-page-staff .view-footer {width:33.3%}
        @media (max-width: 767px) {
            .view-home-page-staff .view-content, 
            .view-home-page-staff .view-footer {width:100%} 
        }
    .front .view-home-page-staff .view-footer p {text-align:left}
    .front .view-home-page-staff .view-footer p:last-of-type {text-align:center}
    
    .view-home-page-staff .views-row {padding:0 50px;}
    @media (max-width: 1024px) {
	    .view-home-page-staff .views-row {padding:0 10px;}
    }
        @media (max-width: 767px) {
         .view-home-page-staff .views-row {padding:0 0px; margin:0 0 10px;}   
        }
    
     /*Home partners styling*/
    .view-home-page-partners .views-row {display:inline-block; margin-top: 20px;}
    .view-home-page-partners .views-row .views-field-field-image {margin: 0 25px;}
    .view-home-page-partners .views-row img {max-height: 63px; width: auto;}
    .view-home-page-partners .views-field-title {display:none;}
    .view-home-page-partners .view-content {text-align:center; }
    
    
    /*Home page block footer button styling*/
    .front .view-footer {text-align:center;}
    .front .view-footer a {font-size:1.3em;    background-color: #1995a2;  color: #fff;    line-height: 100%;   margin: 1em 0;  padding: 15px 35px; display:inline-block}
    @media (max-width: 768px) {
    	.front .view-footer a {font-size:1.2em}
    }
    
    /*Resources page/table styles */
    .view-projects h3 {font-size:1.05em}
    #main-content .view-projects .views-row:last-child {
        border-bottom: none;
    }
    .view-our-work table.views-table { width: 100%; }
    .view-our-work th.views-field {font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size: 14px;}
    .view-our-work .views-field-title {padding:.5em 1em .5em 0; font-size:16px;}
    .view-our-work .views-field-title strong {font-weight:normal;}
    .view-our-work .views-field-title span.term {font-size:.7em; text-transform:uppercase; display:block; width:100%;}
    .view-our-work .views-field-title  p {margin:0; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px;} 
    .view-our-work .views-field-field-icon {padding-left:1em; padding-right:1em; text-align:center;}
    .view-our-work .views-field-field-icon > span {font-family:FontAwesome; color:#1995a2; font-size:1.4em;}
    .icon-book:after  {content:"\f02d";}
    .icon-books:after {content:"\f0c5"}
    .icon-pencil:after {content:"\f040"}
    .icon-bubble:after {content:"\f0e5"}
    .icon-term:after {content:"\f0f6"}
    .icon-camera:after {content:"\f03d"}
    .icon-notebook:after {content:"\f080"}
	.form-submit {background-color:#1995a2}   
    .pager li > a:hover, .pager li > a:focus,
    .item-list .pager li.pager-current {background-color:#1995a2}
    .node-resource .group-author.field-group-div {
        font-style: italic;
        margin-bottom: 0.5em;
    }
    .node-resource .field-name-field-author {font-weight:bold; font-size:1.25em;}
    .arrow-right {font-size: 1.5em; }
    .arrow-right:after {content:"\a0\f105"; font-family:FontAwesome}
    #views-exposed-form-our-work-page .views-exposed-form .views-exposed-widget .form-item label.option {
        font-size: 0.9em;
        font-weight: normal;
    }
    #views-exposed-form-our-work-page .views-exposed-form .views-exposed-widget {
        float: none;
    }
    #views-exposed-form-our-work-page .views-exposed-form .views-submit-button,
    #views-exposed-form-our-work-page .views-exposed-form .views-reset-button {
        padding: 0;
    }
    html.js #views-exposed-form-our-work-page .views-exposed-form fieldset.collapsible .fieldset-legend {
        background: none;
        padding-left: 0;
    }
    html.js #views-exposed-form-our-work-page .views-exposed-form fieldset.collapsible .fieldset-legend a {
        padding-left: 15px;
        background-position: 5px 65%;
        background-repeat: no-repeat;
        background-image: url(/misc/menu-expanded.png);
    }
    html.js #views-exposed-form-our-work-page .views-exposed-form fieldset.collapsed .fieldset-legend a {
        background-image: url(/misc/menu-collapsed.png);
        background-position: 5px 50%;
    }
    #views-exposed-form-our-work-page .views-exposed-form legend {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    
	/*Footer styles */
    #footer {color:#fff;}
    	#footer-wrapper  {background-size:cover;}
        #footer-wrapper .block p a {color:#1995a2}
        #footer-wrapper .block p a:hover {color:#0099cc}
        #footer-wrapper .block#block-block-11 {text-align:right;}
        .region.region-footer:after {content:" "; display:table; clear:both;}
    #footer-wrapper .block#block-menu-menu-footer-menu {width:100%; float:none;}
    #footer-wrapper .sf-menu, #footer-wrapper ul.menu {float:none; text-align:center; width:100%; display:table; table-layout:fixed; margin:0 0 20px; padding:0;}
    #footer-wrapper .sf-menu li, #footer-wrapper ul.menu li {display:table-cell; text-align:center; float:none;}
    @media (max-width: 991px) {
        #footer-wrapper .block {
            float: left;
            text-align: left;
            width: auto;
        }
        #footer-wrapper .block#block-block-11 {float:right;}
    }
    @media (max-width: 767px) {
        #footer-wrapper .sf-menu, #footer-wrapper ul.menu {display:block;} 
        #footer-wrapper .sf-menu li, #footer-wrapper ul.menu li {display:block; border:none; margin:0 0 10px; padding:0;}
        
        #footer-wrapper .block {
            float: none !important;
            text-align: center !important;
            width: 100%; margin:0 0 20px;
        }
    }
/* END Carl CSS */

body.front .block-views:not(#block-views-tweets-block-1--2):not(#block-views-home-page-content-block-1--2):not(#block-views-homepage-slideshow-block)#block-views-homepageprojects-block--2 {
    border-top: none;
    margin-top: 0;
    padding-top: 20px;
}