/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
body {
    background-color: #464646;
}

.bottom-column {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

header {
    background-color: #fff;
}

header .row {
    margin-top: 0;
    margin-bottom: 0;

}


#mediaConnect {
    padding: 0;
    margin-bottom: -20px;
    margin-top: 7px;
}

#mediaConnect a {
    text-decoration: none;
    color: #444444;
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}

#mediaConnect a:hover {
    text-decoration: underline;
}

#TopBar {
    background: #4191CC;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
}

nav a {
    color: #fff;
    text-decoration: none;
}

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

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar {
    margin-bottom: 0;
}

#mainContent {
    background-color: #f0f0f0;
}

#pageContent .umb-grid .container {
    width: auto !important;
}

#pageContent {
    background-color: #f9f9f9;
    border: 1px
    margin-right: 20px;
    box-shadow: 0 0 6px 0 #d8d8d8;
}

#pageContent blockquote {
    border-top: 2px solid #9e9e9e;
    border-bottom: 2px solid #9e9e9e;
    border-left: none;
    font-style: italic;
    margin-top: 24px;
    padding: 12px 61px 13px 61px;
    line-height: 36px;
    margin-bottom: 25px;
}

/*search field*/
#frmSearch {
    padding: 0;
    width: 230px;
    height: 37px;
    position: relative;
    left: 10px;
    float: left;
    /*line-height: 22px;*/
}

#frmSearch input {
    position: absolute;
    width: 0px;
    float: Left;
    margin-left: 210px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    height: 37px;
    line-height: 22px;
    padding: 0 2px 0 2px;
    border-radius: 1px;
}

#frmSearch:hover input, .search input:focus {
    width: 200px;
    margin-left: 0px;
}

#btnSearch {
    height: 37px;
    position: absolute;
    right: 0;
    top: 0px;
    border: none;
    background: #4191CC;
}

/*end search field*/

.content {
    background-color: #fff;
    margin-bottom: 10px;
}

.content h2 {
    text-align: center;
    border-bottom: 2px solid #4486b7;
}

h2.sectionHeader {
    background-color: #ffffff
}

.homeSection.content {
    background-color: #f9f9f9;
}

.content ul {
    list-style-type: none;
    padding: 5px;
}

.content ul a {
    text-decoration: none;
    color: #444;
}

#pageContent.content ul a {
    color: #337ab7;
    text-decoration: none;
}

#relatedArticles .panel-group .panel + .panel {
    margin: 0;
}

footer {

    padding-top: 1.5em;
    background-color: #464646;
    color: #A2A2A2;
}

footer a {
    color: #A2A2A2;
}

footer a:active,
footer a:hover {
    color: #b2d1e9;
    text-decoration: none;
}

footer ul {
    list-style-type: none;
    padding-left: 10px;
}

#copyright {
    text-align: center;
    border-top: 1px solid #a2a2a2;
    margin-top: 20px;
    font-size: .8em;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px
}

#copyright a:active,
#copyright a:hover {
    color: #b2d1e9;
    text-decoration: none;
}

/* FONTS */

/* font - regular */
div#articleDate,
h2#articleTitle,
h3#articleSubtitle,
.newsItem,
.col-md-12.column h1,
.col-md-12.column p,
.content ul a,
a#headerPhone
#pageContent p,
h1#pageTitle,
div#sidebar h2 {
    /* font-family: 'Open Sans', sans-serif; */
    /* style guide specifys Open Sans */
    font-family: 'PT Sans', sans-serif !important;
}

/* font - italics */
#pageContent blockquote {
    font-family: 'PT Sans', sans-serif !important;
}

/* font - main menu */
ul.nav.navbar-nav {
    /* font-family:'Helvetica Neue LT W01_57 Cond'; */
    font-family: 'Roboto Condensed', sans-serif;
}

/* HEADER */

/* vertical alignment of logo */
#logos .col-xs-8.col-sm-12.col-md-4.bottom-column {
    vertical-align: top;
    padding-top: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* vertical alignment of tag line */
div#textLogo img.img-responsive.pull-right {
    margin-top: 79px;
}

/* phone number */
a#headerPhone {
    padding-left: 9px;
    font-size: 17px;
}

/* MAIN MENU */

/* font size */
ul.nav.navbar-nav {
    font-size: 22px;
    font-weight: normal !important;
}

/* main menu height */
.navbar {
    min-height: 39px !important;
}

/* vertical padding */
.navbar-nav > li > a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.navbar-nav > li > a {
    line-height: 25px !important;
}

/* PAGE TITLE */
h1#pageTitle {
    text-align: center;
    font-size: 40px;
    color: #000000;
    margin-top: 26px;
    margin-bottom: 22px;
}

/* LEFT HAND COLUMN */

/* recommended articles */
h2 {
    font-size: 22px;
    padding-top: 18px;
    padding-bottom: 16px;
    margin-bottom: 0;
}

/* left column title */
h2#articleTitle {
    border-bottom: none;
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 34px;
    padding-bottom: 0;
    color: #000000;
    font-size: 30px
}

/* left column sub-title */
h3#articleSubtitle {
    padding-left: 40px;
    padding-right: 40px;
    color: #444444;
    margin-top: 15px;
    margin-bottom: 0;
}

/* left column article date */
div#articleDate {
    padding-left: 40px;
    padding-right: 40px;
    color: #679322;
    margin-top: 4px;
    margin-bottom: 5px;
}

/* left column keywords */
div#keywords {
    /* margin-left: 20px; */
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-top: 10px;
}

/* space between banner image and content */
img#bannerImage {
    margin-bottom: 29px !important;
}

/* content padding */
#pageContent .container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 15px;
}

/* block quote formatting */
#pageContent p {
    font-size: 15px;
    line-height: 22px;
}

/* block quote formatting */
#pageContent blockquote {
    font-size: 30px;
}

/*publication link */
.publicationLink {
    padding: 10px 40px;
}

/* recommended articles - photo + text padding */
.col-md-4.thumb {
    padding-left: 0;
}

/* recommended articles */
div#recommendations {
    background-color: #f9f9f9;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}


/* recommended artice - thumb + description */
.wrapper {
    background-color: #ffffff;
    box-shadow: 0 0 6px 0 #d8d8d8;
    margin-left: 10px;
}

/* recommended artice - space to the left and right of recommended articles  */
.col-md-6.recommended {
    padding-right: 10px;
}

/* recommended artice - space articles on mobile  */
@media only screen and (max-width: 991px) {
    .col-md-6.recommended {
        padding-bottom: 20px;
    }

    div#recommendations {
        padding-bottom: 0;
    }
}

/* recommended artice - space to the left and right of recommended articles  */
.col-xs-3.col-md-5.thumb {
    /* margin-left: 0; 
    */
    padding-left: 0;
}

.homeSection .col-xs-3.col-md-5.thumb {
    padding-left: 0;
}

/* recommended artice - space to the left and right of recommended articles  */
.col-xs-9.col-md-7.caption {
    /* margin-left: 0; */
    padding-left: 0;
    padding-top: 7px;
}

/* recommended artice - desktop - space between thumb and article title  */
@media only screen and (min-width: 992px) {
    .col-xs-9.col-md-7.caption {
        margin-left: -1px;
    }
}

/* recommended artice - desktop - space between thumb and article title  */
@media only screen and (min-width: 1200px) {
    .col-xs-9.col-md-7.caption {
        margin-left: -11px;
    }
}

/* recommended artice - desktop - space between thumb and article title  */
@media only screen and (max-width: 991px) {
    .col-xs-9.col-md-7.caption {
        margin-left: -15px;
    }
}

/* recommended artice - space between category and recommended article title  */
.caption a {
    margin-bottom: 3px;
    display: block;
}

/* recommended artice - responsive spacing between recomended articles and about / related by service */
@media only screen and (max-width: 991px) {
    div#recommendedArticles {
        /* margin-bottom: 20px; */
        margin-bottom: 40px;
    }
}

/* recommended artice - drop shadow  */
div#recommendedArticles {
    box-shadow: 0 0 6px 0 #d8d8d8;
}


/* recommended artice - space articles on mobile  */
@media only screen and (max-width: 768px) {
    .col-xs-9.col-md-7.caption {
        padding-left: 10px;
    }
}


/* RIGHT HAND COLUMN */

/* right hand column vertical alignment */
div#sectionNavigation {
    margin-top: -20px;
}

/* right hand column padding */
div#sidebar li {
    margin-left: 15px;
}

.panel-heading {
    padding-left: 19px;
}

/* right hand column titles */
div#sidebar h2 {
    font-size: 22px;
    color: #000000;
    padding-top: 17px;
    padding-right: 15px;
    padding-bottom: 17px;
    padding-left: 15px;
    margin-bottom: 0;
}

div#sidebar ul {
    background-color: #f9f9f9;
}

div#sidebar li.list-group-item {
    padding: 0;
    background-color: #f9f9f9;
}

@media (min-width: 992px) {
    #sidebar {
        position: sticky;
        top: 1rem;
    }
}

/* right hand eliminate drop shadow */
#sidebar .list-group {
    /* border-radius: 4px;  */
    /* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);  */
    -webkit-box-shadow: none !important;
    /* box-shadow: 0 1px 2px rgba(0,0,0,.075);  */
    box-shadow: none !important;
}

/* right hand eliminate drop shadow */
#sidebar panel {
    /* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); */
    -webkit-box-shadow: none !important;
    /* box-shadow: 0 1px 2px rgba(0,0,0,.05); */
    box-shadow: none !important;
}

/* right hand eliminate drop shadow / border */
.panel.panel-default {
    border: 0;
}

/* right hand eliminate border between items */
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    /* border-top: 1px solid #ddd; */
    border-top: none;
    border-bottom: 1px solid #ddd;
}

/* eliminate radius */
#sidebar .panel-group .panel,
#sidebar .content ul {
    border-radius: 0;
}

/* color between acordion items */
#sidebar div#relatedAccordion {
    background-color: #f0f0f0;
}

#sidebar .panel.panel-default {
    border-top: 0;
}

/* space between acordion items */
#sidebar .panel-group .panel + .panel {
    margin-top: 0;
}

/* right - number treatment */
.panel-heading {
    padding-right: 0;
}

/* right - number treatment */
.badge {
    padding: 13px 12px 13px 12px;
    margin-top: -10px;
    border-radius: 0;
    /* border-radius: 10px; */
    background-color: #4486b7 !important;
}

/* right - gradient */
.panel-default > .panel-heading {
    /* background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); */
    /* background-image: linear-gradient(to top,#f9f9f9 0,#eef2f5 100%); */
    background-image: linear-gradient(to top, #f9f9f9 0, #ebf0f4 100%);
}


/* FOOTER */

/* footer - top padding */
footer .container .row {
    padding-top: 10px;
}

/* footer - titles */
footer {
    font-size: 22px
}

/* footer - links */
footer li a {
    color: #ffffff;
    font-size: 15px
}

/* footer - links */
footer li {
    line-height: 22px;
}

/* footer - space between title and links and spacing to the left of links */
footer ul {
    margin-top: 5px;
    list-style-type: none;
    padding-left: 0;
}

/* footer - space between links and bar */
footer ul {
    margin-bottom: 14px;
}


/* +++++ HOME +++++ */

/* home page - space above tagline */
div#siteDescription {
    margin-top: 27px;
}

/* home page - tagline */
h2#tagline {
    font-family: 'PT Sans', sans-serif !important;
    font-size: 40px;
}

/* home page - paragraph below tagline */
#siteDescription p {
    font-family: 'PT Sans', sans-serif !important;
    line-height: 22px;
    font-size: 15px;
}

/* home page - main carousel */
@media (min-width: 768px) {
    .container-carousel {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-carousel {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-carousel {
        width: 1180px;
    }
}


@media (min-width: 1228px) {
    .container-carousel {
        width: 1211px;
    }
}

@media (min-width: 1258px) {
    .container-carousel {
        width: 1241px;
    }
}

@media (min-width: 1278px) {
    .container-carousel {
        width: 1260px;
    }
}

.container-carousel {
    padding-right: 15px;
    padding-left: 15px;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

/* home page - space above 3 boxes */
div#callsToAction {
    margin-top: 36px;
}

/* home page - news and updates section */
.dateline {
    color: #679322;
}

.newsItem .newsTopic {
    color: #4191CC;
    padding-top: 20px;
}

.newsContent {
    padding: 0px 15px 0px;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
}

.sectionContent {
    background-color: #dbdbdb;
}

/*div#newsCol1 {
    padding-right: 0;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 30px;
}

div#newsCol2 {
    padding-left: 0;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-top: 30px;
}*/

/*home - spotlight*/
#spotlightContent {
    /* min-height:90px; */
    color: #fff;
    padding: 19px 40% 19px 20px;
    font-size: 21px;
    line-height: 26px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4486b7+45,4486b7+55&1+40,0+60 */
    background: -moz-linear-gradient(left, rgba(68, 134, 183, 1) 40%, rgba(68, 134, 183, 0.75) 45%, rgba(68, 134, 183, 0.25) 55%, rgba(68, 134, 183, 0) 60%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(68, 134, 183, 1) 40%, rgba(68, 134, 183, 0.75) 45%, rgba(68, 134, 183, 0.25) 55%, rgba(68, 134, 183, 0) 60%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(68, 134, 183, 1) 40%, rgba(68, 134, 183, 0.75) 45%, rgba(68, 134, 183, 0.25) 55%, rgba(68, 134, 183, 0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4486b7', endColorstr='#004486b7', GradientType=1); /* IE6-9 */
}

.homeSection a:hover {
    text-decoration: none
}

div#spotlightContainer {
    /* height: 90px !important; */
    border: 20px solid #f9f9f9
}

/*home - focus areas*/
#focusAreaTags .badge {
    padding: 14px 0px;
}


.homeSection .row {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 0;
    margin-left: 0;
}

.recommended.row, .recommended .row {
    padding-left: 0;
    padding-right: 0;
}

.homeSection .col-md-6 {
    padding-right: 10px;
    padding-left: 10px;
    /*padding-right: 15px;
    padding-left: 15px;*/
}

.homeSection .wrapper {
    margin-left: 0;
    margin-bottom: 20px;
}

/*home - action callouts */
#action1 .action {
    background: /* top, transparent red, faked with gradient */ linear-gradient(
            rgba(68, 134, 183, 0.75),
            rgba(68, 134, 183, 0.75)
    ),
        /* bottom, image */ url(/media/1178/istock-525211078.jpg?anchor=center&mode=crop&width=367&height=211&rnd=131408063840000000);

    /* background-size:100%; */
    background-size: 115%;
    transition: all 10s ease;
    -moz-transition: all 10s ease;
    -ms-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 1s ease;
}

/*background:url(/media/1143/501249608.jpg?anchor=center&mode=crop&width=847&height=215&rnd=131407063840000000);*/
#action2 .action {
    background: /* top, transparent red, faked with gradient */ linear-gradient(
            rgba(68, 134, 183, 0.75),
            rgba(68, 134, 183, 0.75)
    ),
        /* bottom, image */ url(/media/1177/istock-507831986.jpg?anchor=center&mode=crop&width=367&height=211&rnd=131407063840000000);

    /* background-size:100%; */
    background-size: 115%;
    transition: all 10s ease;
    -moz-transition: all 10s ease;
    -ms-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 1s ease;
}

#action3 .action {
    background: /* top, transparent red, faked with gradient */ linear-gradient(
            rgba(68, 134, 183, 0.75),
            rgba(68, 134, 183, 0.75)
    ),
        /* bottom, image */ url(/media/1176/istock-185230011.jpg?anchor=center&mode=crop&width=367&height=211&rnd=131407063840000000);

    /* background-size:100%; */
    background-size: 115%;
    transition: all 7s ease;
    -moz-transition: all 7s ease;
    -ms-transition: all 7s ease;
    -webkit-transition: all 7s ease;
    -o-transition: all 1s ease;
}

#action1 .action:hover {
    background-size: 200%;
    background-position: center;
}

#action2 .action:hover {
    background-size: 200%;
    background-position: 87% 94%;
}

#action3 .action:hover {
    background-size: 200%;
    background-position: 17% 14%;
}

/*
#action1 {overflow:hidden;margin-bottom: 5px;}
.fling-kb img {width: 100%;margin-left: 0px;position: relative;transition-property: all;transition-duration: 0.8s; transition-timing-function: ease-in-out;transition-delay: 0s;}
.fling-kb:hover img {transform: scale(1.2) rotate(2deg);}
*/

#focusAreaTags .list-group-item {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+43,f0f0f0+87 */
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(240, 240, 240, 1) 87%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 43%, rgba(240, 240, 240, 1) 87%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 43%, rgba(240, 240, 240, 1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); /* IE6-9 */
}

#focusAreaTags .list-group-item > a {
    display: inline-block;
}

/* bullet points in main content area */
.umb-grid ul {
    list-style-type: disc;
    padding-left: 30px;
}

/* link treatment in righthand menu */
div#sectionNavigation ul a:hover {
    text-decoration: underline;
    color: #337ab7;
}

/* padding at bottom of content area */
div#pageContent {
    padding-bottom: 20px;
}

h2#articleSubtitle {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 53px;
    font-weight: 100;
    font-size: 40px;
    text-align: left;
}


/* search results - padding below results */
#searchResults .col-md-6.recommended {
    padding-bottom: 20px;
}

/* search results - padding in results around text blocks */
#searchResults .col-xs-9.col-md-7.caption {
    margin-left: 0;
    padding-right: 25px;
}

/* welcome - Reports & Publications - large boxes - font size */
h3.newsHeadline {
    font-size: 24px;
}

/* welcome - Reports & Publications - small boxes - padding in results around text blocks */
.col-xs-9.col-md-7.caption {
    margin-left: 0;
    padding-right: 15px;
}

/* reports - Related by Services - top margin */
div#relatedServices {
    margin-top: -20px;
}

/* reports - Article Date - top margin */
div#articleDate {
    padding-top: 28px;
}

/* welcome - Reports & Publications - small boxes - padding in results around text blocks */
@media only screen and (min-width: 992px) {
    .newsContent {
        min-height: 155px;
    }
}

/* reports - URS / CLD */
div#projectNavigation {
    margin-bottom: 40px;
    margin-top: -20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}


/* welcome - carousel next last arrows */
.tparrows {
    display: none !important;
}