/* Global Styles - CSS Document */
body {
	font-family: 'Open Sans', sans-serif;
    background:#eeeeee;
}

html, body {
    height:100%;
}
body > div.site-wrapper {
	min-width: 1170px;	
    max-width: 1170px;
    padding-bottom: 10px;
    background:#fff;
}

.container.site-wrapper {
  padding-left: 0em;
  padding-right: 0em;
  
}

.container.site-wrapper.content {
  padding-left: 1em;
  padding-right: 1em;
  min-height:80.9%;
}

.container.site-wrapper.footer {
  padding-bottom: 0;
}


.row {
    margin-bottom: .2em;
    padding-bottom: 0px;
}

.footer .row {
    margin-bottom: 0;
}

.content .hero {
    margin-bottom: 1.250em;
}

.content .home.hero,
.content .event.hero {
    margin-bottom: 0px;
}

/* Image Padding */
div.feature-image .img {
    padding:8px;
}

div.feature-image.pull-right div.center,
div.feature-image.pull-left div.center,
div.feature-image.center div.center, .feature-image.center {
   text-align: center;
   word-wrap: break-word;
   margin: auto;
}

div.feature-image.center img.center {
   margin: auto;
   width: auto;
}

/* SVG IE adjustment */
/* https://track.kc.frb.org/browse/EXT-2386 */
div.feature-image.pull-right img[src$=".svg"],
div.feature-image.pull-left img[src$=".svg"],
div.feature-image.center img[src$=".svg"].center {
    width: 100%;
}

.article-content {
    padding-left: 3em;
}

a {
    cursor: pointer;
 
}

a.jumper {
    cursor: default;
    color: #b9590a;
    text-decoration: none;
}

select {
    margin-bottom: .6em;
}

.main-content h3 {
    color:#8b140b;
}

h3.header {
    padding: 10px 40px  10px 3px;
    min-width: 40%;
    position: relative;
    float: left;
    border-radius: 0px 0px 1.250em 0px;
    -moz-border-radius: 0px 0px 1.250em 0px;
    -webkit-border-radius: 0px 0px 1.250em 0px;
    font-size: 20px;
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;

}

.sidebar .feature-content i {
    display:none;
}

.icon-right, .icon-down, .icon-up, icon-left {
	font-size: 14px;
	padding-left: 2px;
}

.main-content .icon-right {
	color:#438797;
}

.education .main-content .icon-right {
	display:none;
}

img.img-responsive {
    width: 100%;
}

.feature-image.pull-left {
    padding: 0em 1em .6em 0em;
    margin-right: 1em;
}

.feature-image.pull-right {
    padding: 0em 0em .6em 1em;
    margin-left: 1em
}

.feature-image.center img {
    padding: .6em 0em;
    margin-left: auto;
    margin-right: auto;
}

.media.people {
    margin-bottom: .6em;
}

.content-list.econ-ed {
    margin-bottom: 1em;
}

.date {
    font-size: .87em;
    font-style: italic;
}

.authors {
    font-size: 0.9em;
    color: #909393;
    font-weight: 600;
    font-weight: 500\9;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    margin-top: 5px;
}

em.authors {
    display: block;
    margin-bottom: 5px;
}

html[data-useragent*='MSIE'] .authors {
  font-weight: 500;
}

html[data-useragent*='MSIE 10.0'] .authors {
  font-weight: 500;
}

.authors span.full-name {
    color: #777;
}

.authors span.full-name a {
    color: #438797;
}

.tag {
    color: rgba(0,0,0,.5);
    padding-right: 0.4em;
    margin-right: 0.4em;
    border-right: 1px solid rgba(0,0,0,.5);
    text-transform: uppercase;
    font-weight: 600;
    font-family:'Open Sans Condensed';
}

.modal-dialog {
    width: auto;
}

@media (min-width: 769px) {
    .modal-dialog {
        width: auto;
    }
}

/****************************button group and button link *********************************/


.btn.btn-link {
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.btn.btn-link a:hover {
    text-decoration: none;
    
 }

a.btn.btn-primary,
a.btn-primary,
.btn-primary {
    border-radius: 4px;
    background: #85aba6;
    border-color:#608f89;
    margin-bottom: 10px;
    margin-top: 10px;
}

a.btn.btn-primary:hover,
a.btn-primary:hover,
.btn-primary:hover {
    background:#5c5f60;
}

.people span.btn.btn-link,
.component-recent-list span.btn.btn-link,
.component-link-list span.btn.btn-link,
.content-list .view-all-btn, .content-list .less-btn, .view-all-btn, .less-btn, 
span.btn-link {
    	color: #3e7d91;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 0.814em;
	/* float:right; */
}

.btn-group {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-top: 10px;
}

.btn-group > .btn:first-child {
    margin: auto;
}

.no-padding {
    margin-left: -2em;
    margin-right: -2em;
}


/*************************Content List component**************************/
.well.well-sm {
    text-align: right;
    padding: 0;
    background: none;
    box-shadow: none;
    border: none;
}

.education h3.spotlight, .content-list h3, .component-tabs h3,
.content-list h3 a, .component-recent-list h3, .component-recent-list h3 a {
    margin-bottom: .6em;
    font-size: 18px;
    color:#8b140b;
    font-weight: 600;
}
.content-list img {
    padding-bottom: 1em;
}

.hero .component-link-list a.list-group-item,
.component-link-list a.list-group-item {
	font-size: 14px;
	color: #3d6470;
	font-family: 'Roboto Condensed';
    border: none;
}

a.list-group-item:focus,
a.list-group-item:hover {
    background: none;
}

/************************* RECENT LIST***************************************/
.component-recent-list h4,
.component-recent-list h4 a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}

.component-recent-list h4 .date {
    font-family: 'Open Sans Condensed';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.component-recent-list .item {
    margin-bottom: 1em;
}

.component-recent-list .row.last .item {
    margin-bottom: 0em;
}

.component-recent-list h4.no-margin-bottom,
.component-recent-list h4.no-margin-bottom a {
    margin-bottom: 0px;
}

/*************************People Spotlight component**************************/

.component-spotlight.people h4 {
	background: rgba(0,0,0,.5);
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 14px;
    height: 25px;
    padding: 3px 0px 0px 0.750em;
    margin: -29px -0.814em 10px;
}

.component-spotlight.people h3 {
    display: block;
    min-height: 23px;
}

.component-spotlight.people btn-link a, .component-spotlight.people span.more {
	color: #438797;
	font-family: 'Open Sans';
	font-weight: bold;
	font-style: italic;
	font-size: .9em;
	float:right;
}

.component-spotlight.people .top p {
    font-size: 0.9em;
    font-family:'Roboto Condensed';
	background: transparent;
    line-height: 17px;
    color: #202020;
    font-weight: 400;
    overflow-wrap: break-word;
}

.component-spotlight.people .top p strong {
    font-size: 0.9em;
    font-family:'Open Sans';
    color:#5c5f5f;
    min-height:125px;
}

.component-spotlight.people .top {
	background-color:#E9DFAF;
	/* border-bottom-left-radius: 8px; */
	padding-top: 4px;
    padding-bottom: 5px;
}

.home .component-spotlight.people .top {
    height: 140px;
}

.component-spotlight.people img {
    z-index: 0;
    position: relative;
}

.component-spotlight.people .media-center {
	padding: 0px;
	max-height: 140px;
	position: relative;
}

/******************** Content block component *********

.main-content .content-block.no-subhead {
    margin-top: 1.250em;
}
*/

/********************Socialmedia component***************/
.component-socialmedia hr {
    position: relative;
    float: left;
    width: 100%;
}

.component-socialmedia hr:first-child {
    margin-top: 8px;
    margin-bottom: 3px;
}

.component-socialmedia hr:last-child {
    margin-top: 3px;
}

.component-socialmedia a {
    float: left;
    padding: 4px;
}

.component-socialmedia a.navbar-brand {
    height: auto;
    font-size: 12px;
    font-weight: 500;

}

.component-socialmedia a.navbar-brand > img {
    display: inline-block;
    max-width:25px;
}

.component-socialmedia a.social-left {
    position: relative;
    float: left;
    padding: 0.2em 0.6em;
    color: #5c5f5f;
    font-size: 0.750em;
}

.article .component-socialmedia span.btn-link {
    position: relative;
    float: right;
    text-align: right;
    padding: 0.2em 0.6em;
    color: #438797;
    font-size: 0.750em;
    font-weight: 800;
}

.component-socialmedia span.btn-link.border-left {
    border-left: 2px solid #3d6470;
}

/*******************RESPONSIVE LAYOUT****************/
.header.responsive,
.content.responsive,
.footer.responsive {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.content.site-wrapper .main-content.dataviz .row,
.content.site-wrapper .main-content.video .row {
   padding-bottom: 20px;
}

.content.responsive.site-wrapper .main-content .row {
    margin-left: 0em;
    margin-right: 0em;
}
@media (max-width: 960px) {
    .header.responsive .socialmedia {
        display: none;
    }
}

@media (max-width: 768px) {
    .header.responsive .search {
        display: none;
    }

    .content.responsive .sidebar {
        display: none;
    }
}

@media (max-width: 480px) {
    .header.responsive,
    .content.responsive,
    .footer.responsive {
        width: 480px;
    }
}

/* Data Table Component */

.data-table {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(171,189,194,0.5) 0%, rgba(171,189,194,0.05) 25%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,189,194,0.5)), color-stop(25%,rgba(171,189,194,0.05))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(171,189,194,0.5) 0%,rgba(171,189,194,0.05) 25%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(171,189,194,0.5) 0%,rgba(171,189,194,0.05) 25%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(171,189,194,0.5) 0%,rgba(171,189,194,0.05) 25%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(171,189,194,0.5) 0%,rgba(171,189,194,0.05) 25%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80abbdc2', endColorstr='#0dabbdc2',GradientType=0 ); /* IE6-8 */
	padding: 1.250em 0px;
	border-radius: 8px 8px 0px 0px;
	border:0px;	
}

.data-table .dataTables_length, .data-table .dataTables_filter {
    display:none;
}

.data-table .table-striped>tbody>tr:nth-child(odd) {
    background:transparent;
}

.data-table .table>thead>tr>td,.data-table .table>tfoot>tr>td,.data-table .table>tbody>tr>td {
    border:none; 
}

table.dataTable tbody tr.even, table.dataTable tbody tr.odd {
    background-color:transparent;
}

.dataTable thead {
    background: rgba(255,255,255,.5);
}

.data-table {
    font-size: 14px;
}

.events table.dataTable thead th, .events table.dataTable.no-footer, 
.speeches table.dataTable thead th, .speeches table.dataTable.no-footer {
    border-bottom: 1px solid #ccc;
}

.dataTables_paginate a.paginate_button,
.speeches .dataTables_wrapper .dataTables_paginate .paginate_button,
.events .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 7px;
    border-radius: 4px;
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.speeches .dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
.events .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border:none;
    background-color: #919494;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909393), color-stop(100%, #919494));
	background: -webkit-linear-gradient(top, #919494 0%, #909393 100%);
	background: -moz-linear-gradient(top, #919494 0%,#909393 100%);
	background: -ms-linear-gradient(top, #919494 0%, #909393 100%);
	background: -o-linear-gradient(top, #919494 0%, #909393 100%);
	background: linear-gradient(to bottom, #919494 0%, #909393 100%);
}

.data-table th {
    font-family: 'Open Sans';
    font-weight: 600;
    color: #606873;
    font-size: 14px;
}

.data-table tbody td {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    color: #202020;
    
}
.data-table table.dataTable thead .sorting_asc, .data-table table.dataTable thead .sorting_desc, .data-table table.dataTable thead .sorting {
    background:none;
}

data-table table.dataTable thead th {
    border-bottom: 0px solid none;
}

.data-table a.paginate_button {
    color: #5c5f5f;
    font-weight: bold;
}

.data-table a.paginate_button:hover {
    color:#fff;
}

.data-table a.paginate_button.current {
    background-color: #85aba6;
    color: #fff;
}

.data-table .dataTables_info,
.data-table div#eventtable_info, .data-table div#speechtable_info {
    padding: 8px;
    font-style: italic;
    color: #abbdc2;
    font-family: 'Open Sans', sans-serif;
}

.people h3.header {
    color: #fff;
    background-color: #86aca7;
}

.article .main-content .people .info {
    margin-bottom: 1em;
}

.feature-content {
    background: none;
    margin-bottom: .6em;
}

.input-group-btn > .btn {
    background-color: #86aca7;
    border-color: #86aca7;
}

#print-header {
        display:none;    
    }

/* accordion */
.panel-heading > a > span.ion-android-arrow-dropup,
.panel-heading > a > span.ion-android-arrow-dropdown {
    float: right;
    font-size: 24px;
    margin-top: -20px;
}

/* ECON ED SEARCH */
/* for resources with long hyperlink */
#datatable-resources #tips span a, #datatable-resources #resources p a {
    word-break: break-word;
}


@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }

   @page { margin: 0.6cm; }
    body { font-size: 18pt; }
    .container {margin:0; padding:8px;}
    nav, .breadcrumb, .hero, .hero .component-link-list {display:none;}
    .hero {max-height:0px;}
    .main-content a, .carousel a, .tab-component a, .people a {
        font-weight:bold;
       
    }
    .main-content, .tab-component, .people{
        display:block;
        background:transparent;
    }
    
     img, .feature-image, .content-block {
        display:block;
        page-break-before: auto; 
        page-break-after: auto;
        page-break-inside: avoid; 

    }
    .feature-image .center a {
        display: none !important;
    }
     .article {width:93%;}
     .article .main-content h4, .article .main-content h4 a {
         font-size:20px !important;
     }
     .article .component-spotlight h4, .research .component-spotlight h4, .publications .component-spotlight h4 { font-size:.8em !important;       }
     .article .main-content h3 {
         font-size:23px !important;
     }
     .article p, .research .content-block p, .research .component-spotlight p, .publications .component-spotlight p, .component-spotlight p {
         font-size:18px !important;
     }
    div.feature-image > div.center > p {
        font-size: 14px !important;
    }
    p {
        word-wrap: break-word;
    }
    .authors {
        font-size:.7em;
    }
    .article .main-content .intro {font-size:.7em !important; }
    .carousel h3.header{
        background:#fff;
        color:#000;
        position:relative;
        z-index:999;
    }
    a[href]:after, a[href^="javascript:"]:after, .feature-content a:after, a[href^="#"]:after, .article a:after, .enlarge-image a:after, .component-spotlight h4 a:after, .component-link-list a:after, .feature-content h4 a:after,span.btn-link a:after, span.full-name a:after { content:"" !important;} 
    .carousel .carousel-description {
        background:transparent;
        filter: none;
}
    #print-header {
        display:block;
        width:95%;
        margin:5px auto;    
        border-top: 3px solid #000;
        border-bottom: 3px solid #000;
        padding: 10px 0px;
        page-break-after: initial;
    }
    #print-header img {
        max-width:600px;
    }
    #print-header h2 {
        font-size: 1.5em;
        color: #000;
        margin-top:0;
        font-weight: 400;
        font-family: "Libre baskerville";
        text-align:center;
    }
}