/*test commit 21 Feb 2019 */
body {
 font-size:16px;
}
.breadcrumb {
 background-color:#ffffff;
 font-size:14px;
 border:none;
 padding: 15px 0 0 0;
 text-transform:none;
}
.breadcrumb > li + li:before {
    content:' \BB ';\
}
a {
	color:#0066CC;
}
body {
	color:#222222;
	background-color: #f7f7f7;
	font-family: sans-serif;
}
header {
	margin-bottom:15px;
}
header .header-wrapper {
    background-color:#FFFFFF;
}
header .navbar-wrapper {
    background-color:#2969b2;
}

.path-frontpage .main-container section {
    color:#222222;
    background-color: #f9f9f9;
}
.main-container section {
    color:#222222;
    background-color: #ffffff;
}
.path-frontpage .main-container section .page-header {
    margin-top:0;
    display:none;
}
.main-container section .page-header {
    margin-top:15px;
}
.main-container .region-content nav.tabs {
    margin-bottom:30px;
}
.main-container nav.tabs .nav>li>a {
 padding-left:15px;
}
.page-node-type-book .region-content article nav[role="navigation"] h2 {
    display: none;
}
.page-node-type-book .region-content article nav[role="navigation"] ul:last-child {
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    list-style-type: none;
    height: 53px;
}
.page-node-type-book .region-content article nav[role="navigation"] ul:last-child li {
    float:left;
    display: inline-block;
    width: 33%;
    text-align: center;
    padding: 15px;
}
.page-node-type-book .region-content article nav[role="navigation"] ul:last-child li:last-child {
    float:right;
}

.path-frontpage .main-container .view-frontpage .views-row {
	color:#222222;
	background-color: #ffffff;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
}
.main-container aside section,
.main-container aside.panel {
    color:#222222;
    background-color: #f7f7f7;
}
.main-container aside.panel {
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 0 rgba(0,0,0,0.05); 
}

.page-node-type-book .main-container img {
    width: inherit;
    height: auto;
}
a:hover, a:focus {
	color:#0066CC;
	text-decoration:underline;
}
.main-container .navbar-nav>li>a,
.main-container .nav>li>a,
.footer .nav>li>a {
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:0;
}
.nav>li>a:hover, .nav>li>a:focus {
	background-color: transparent;
}
.main-container nav {
    clear:left;
}
.path-admin .block-region {
	background-color: inherit;
}
.views-slideshow-controls-bottom {
	padding-top:15px;
}
aside.panel {
	border:none;
}

/* do not display user pictures in article author info, comments */
.view-id-frontpage .field--name-user-picture,
article .field--name-user-picture {
 display:none;
}
.path-user article .field--name-user-picture {
    display:block;
    margin-bottom:15px;
}
.path-user article .label {
    color:#000000;
    font-size:16px;
    font-weight:700;
    padding-left:0;
}
.author {
    font-size:12px;
}


@media screen and (max-width:767px) {
 .hidden-sm-down {
  display:none;
 }
}
@media screen and (min-width:768px) {
 .hidden-md-up {
  display:none;
 }
}

/**
 * Headroom
 * Note: I have omitted any vendor-prefixes for clarity.
 * Adding them is left as an exercise for the reader.
 */
.headroom {
    will-change: transform;
    transition: transform 200ms linear; /* was 200ms */
}

/** use this if desire header to display fixed when at bottom of screen 
 *
.headroom--pinned, .headroom--unpinned.headroom--bottom {
    transform: translateY(0%);
}
 *
 */



/* ENDS Headroom styles */

/* header styles */
/* mobile - aim for site name 28px */



.navbar {
    margin-bottom: 0;
    font-size: inherit;
}
header .navbar.navbar-default {
	padding-left:0;
	background-color: #ffffff;
}
.navbar-default .navbar-brand {
 float:left;
 color:#BF1D20;
 font-weight: 700;
 height: auto;
}
.navbar-default .navbar-text {
    float: left;
    padding: 12px 15px;
    clear: left;
    /*margin-top:0;*/
}
.navbar-default .navbar-btn {
    width: 70px;
}
.navbar-default .col-sm-12 {
    padding-left: 0;
}

.navbar-collapse a,
.navbar-collapse .dropdown-menu>li>a {
    color: #FFFFFF;
    background-color: #2969b2;
    font-weight: 700;
}
.navbar-collapse .nav>li>a:hover, 
.navbar-collapse .nav>li>a:focus,
.navbar-collapse .nav>li.active>a,
.navbar-collapse .dropdown-menu>li>a:hover,
.navbar-collapse .dropdown-menu>li>a:focus {
    color: #FFFFFF;
    background-color: #3c85d3;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
.navbar-collapse ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    border-color:#2969b2;
}

/*ensure yeti over-rides do not come into play */
.navbar .logo {
	margin-right: 15px;
	margin-left: 0;
	padding-right: 0;
}

h1 a.navbar-brand {

}
.special-menu-block p {
    background-color: #f7f7f7;
}

.region-footer, .footer {
 color:#222222;
 background-color:#d3d3d3;
}
.footer {
    padding-bottom: 15px;
    padding-top:15px;
}

/* front page view block body introduce extra small breakpoint to have clipped version of body 
* for mobile in portrait xsm = 460px
*/

.hidden-xsm-down {
    display:none;
}
.hidden-xsm-up {
    display:block;
}
#views_slideshow_cycle_teaser_section_sponsors-block_1,
.views_slideshow_cycle_teaser_section,
.views_slideshow_cycle_slide {
	width: 100% !important;
}
.view-id-galleries .views-field-field-image li {
	width:25%;
	padding: 15px;
	float:left;
	min-height: 170px;
}
.view-id-galleries .views-field-field-image ul {
	list-style-type: none;
	clear:left;
    padding-left: 0;
}
.page-node-type-gallery .field--name-field-image .field--item {
	margin-top: 15px;
    width: 45%;
    float: left;
    margin-right: 2%;
}
#block-articlesmenu .dropdown-menu > li > a,
#block-articlesmenu .dropdown-menu > li > a:hover {
	color:#0066CC;
	background-color: #f7f7f7
}


@media screen and (min-width:460px) {

    .hidden-xsm-down {
        display:block;
    }
    .hidden-xsm-up {
        display:none;
    }
    .navbar-default .navbar-brand {
        /* border:1px dotted red; */
        padding: 6px 15px;
    }
    .navbar-default .navbar-text {
        padding: 0 15px;
        clear: none;
        margin-top:12px;
    }
    .navbar-default .navbar-btn {
        width: inherit;
    }
}

@media screen and (min-width:768px) {
    body {
        margin-top: 0;
    }
    .main-container .navbar-nav > li {
        float:none;
    }
    .main-container .navbar-right {
        float:left !important;
    }
    .navbar-default .navbar-btn {
        width: inherit;
    }
    header .navbar-collapse {
        width:750px;
    }
    h1 a.navbar-brand {
         font-size:34px;
         /* try standard squish height across break points so we don't need to pair up line heights
         for each font-size change 
         line-height: 32px; */
    }
    header .navbar-nav>li>a {
        padding-top:6px;
        padding-bottom: 6px;
        font-size:15px;
    }
    .navbar-default .navbar-brand {
        /* border:1px solid red; 
        width:80%;
        */
        padding: 0 0 6px 0;
    }
    .navbar-default .navbar-text {
        /* border:1px solid blue; */
        width:80%;
        clear: none;
        margin-left:0;
        margin-top:6px;
        /*text-align: right;*/
    }
    .main-container .navbar-nav>li>a {
		padding-top: 4px;
		padding-bottom:4px;
	}
    .footer .navbar.container {
		padding-left: 0;
		padding-right: 0;
	}
    #block-articlesmenu,
    #block-parabootstrap-account-menu {
        padding-top:6px;
    }
    #block-pianola {
        padding-top:10px;
    }
}
@media screen and (min-width: 992px) {
    /*.navbar-default .navbar-text {
        text-align:left;
    }*/
    h1 a.navbar-brand {
         font-size:24px;
    }
    header .navbar-collapse {
        width:970px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    /* reduce width of padding between top nav buttons through to md breakpoint */
    .navbar-default .nav > li > a {
        padding:10px 10px;
    }
}

@media screen and (min-width: 1200px) {
    header .navbar-collapse {
        width:1170px;
    }
}

/* ENDS header styles */

/* padding spacing classes, borrowed from Bootstrap 4 */
.pa-0 {
 padding:0;
}
.px-0 {
 padding-left: 0;
 padding-right: 0;
}
.pl-0 {
 padding-left:0;
}
.pr-0 {
 padding-right: 0;
}
.pa-1 {
 padding:15px;
}
.px-1 {
 padding-left: 15px;
 padding-right: 15px;
}
.pr-1 {
 padding-right: 15px;
}
.pt-1 {
 padding-top:15px;  
}
.pb-1 {
 padding-bottom:15px;
}
.pb-2 {
 padding-bottom:30px; 
}
.pt-2 {
 padding-top:30px;
}
.pb-3 {
 padding-bottom:45px;
}
.pa-3 {
 padding:45px;
}
.pt-4 {
 padding-top:60px;
}
.pa-5 {
 padding:75px;
}
.pt-5 {
 padding-top:75px;
}

/* margin spacing classes, borrowed from Bootstrap 4 */
 
.mt-0 {
 margin-top:0;
}
.mt-05 {
   margin-top:8px;  
}
.ma-1 {
 margin: 15px;
}
.mb-1 {
 margin-bottom:15px;
}
.mt-1 {
   margin-top:15px; 
}
.ml-1 {
 margin-left: 15px;
}
.mr-1 {
 margin-right: 15px;
}
.my-1,
.region-content .field--name-body {
 margin: 15px 0 !important;
}
.mt-2 {
 margin-top:30px;
}
.my-2 {
 margin-top:30px;
 margin-bottom:30px;	
}
.mb-2 {
 margin-bottom:30px;
}
.mr-2 {
 margin-right: 30px; /* check */
}
.mt-3 {
 margin-top:45px;
}
.ml-3 {
 margin-left:45px;
}
.mb-4 {
 margin-bottom:60px;
}
.mt-4 {
 margin-top:60px;
}

/* borders */
.border-top {
    border-top: 1px solid #dddddd;
}
.border-top.views-row:first-child {
    border-top: none;
}
.page-header {
    border-bottom: none;
}


header, 
.navbar-default {
 color:#000000;
 background-color:#f9f9f9;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
 color:#000000;
 background-color:#ffffff;
}
.navbar-toggle .icon-bar {
 background-color:#FFFFFF;
}
.navbar-default .navbar-nav > li > a {
 color:#FFFFFF;
 background-color:#555555;	
}
.navbar .font-weight-normal {
	font-weight:600;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: sans-serif;
	font-weight: 400;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 15px;
}
h1, .h1 {
    font-size: 32px;
}
h2, .h2 {
    font-size: 24px;
}
h3, .h3 {
    font-size: 20px;
}
.block-title,
nav h2,
.page-node-type-book h1.page-header,
h1.page-header {
	color:#BF1D20;
	background-color: transparent;
}
/* style up multiple results from views as if they are Bootstrap .btn .btn-default */
.multi-button a {
     display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    background-color: #cecece;
    border-color: #adadad;
}
#search-block-form .input-group-btn:last-child > .btn {
    margin-left: 5px;
}

.clear-left {
    clear: left;
}

/* remove gutter, e.g. paragraphs, other main-content fields */
.no-gutter {
    padding-left: 0;
    padding-right: 0;
}
.field--name-field-paragraph.no-gutter {
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (max-width: 767px) {
    .xs-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .sm-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }
}

/* pending review of heading font sizes */
.view-footer .view-frontpage h3 {
    font-size:20px;
}

/* make button links similar to Bootstrap btn btn-default */
.button .field--item {
    display: inline-block;
    margin: 15px 5px 0 0;
}
.button > a {
    display: inline-block;
    margin: 15px 10px 0 0;
}
.button a {
    color: #333333;
    background-color: #e7e7e7;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #CCCCCC;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.button a:hover {
    text-decoration: none;
    color: #333333;
    background-color: #cecece;
    border-color: #adadad;
}
.button a:focus {
    text-decoration: none;
    color: #333333;
    background-color: #cecece;
    border-color: #8c8c8c;
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* node edit form enhancements */
.node-article-edit-form .checkbox {
    display: inline-block;
    margin-right: 30px;
}
@media screen and (min-width: 768px) {
    .form-inline .form-control {
        display: block;
        width:100%;
    }
    .navbar-default,
    .navbar-default .col-sm-12,
    .navbar-default .block-search {
        padding-right:0;
    }
   /* aside {
        font-size: 12px;
    }
    aside h4 {
        font-size:16px;
    }*/
}

/**
* newsletter and annual report styles
**/
.legacy-document .image,
.legacy-document .views-field-field-thumbnail,
.legacy-document .entity-field-collection-item {
    margin-bottom:15px;
}
.legacy-document .image p,
.legacy-document .views-field-field-images .field-name-field-caption {
    font-size:80%;
    margin-top:8px;
}
.legacy-document .views-field-field-thumbnail,
.legacy-document .field-type-image {
    max-width:480px;
}
.legacy-document .views-field-field-thumbnail {
    float:left;
    margin-right:15px;
}
.legacy-document .image.width-1000 {
    max-width:1000px;
}
.legacy-document .image.width-800 {
    max-width:800px;
}
.legacy-document .image.width-700 {
    max-width:700px;
}
.legacy-document .image.width-600 {
    max-width:600px;
}
.legacy-document .image.width-500 {
    max-width:500px;
}
.legacy-document table {
    overflow-x: scroll;
}
.legacy-document table caption {
    text-align: center;
    font-weight: bold;
}
.legacy-document table td, .legacy-document table th {
    padding-left: 3px;
}