@font-face { font-family: 'AnglicanText';
 src: url('./AnglicanText.ttf') format('truetype');
}
html { font-size: 62.5%; } /* 1em = 16px, (hence 62.5% == 10px) => 1rem = 62.5% of 1em */
h1,h2,h3,h4,h5,h6 { font-family: "Bree Serif","Helvetica Neue",Helvetica,Arial,sans-serif; color: #475c98; }
/* body { background: #475c98 url(./images/misc/page_back.jpg); margin-top: 3.2rem; } */
p { font-family: 'Merriweather', Georgia,"Times New Roman",Times,serif; font-size: 1.8rem; line-height: 2rem; color: #586e75; padding: 0 2%; }
.container { background: #fdf5e3; max-width: 90%; }
.header-logo { -webkit-border-radius: 6rem 0 0 0; -moz-border-radius: 6rem 0 0 0; border-radius: 6rem 0 0 0; }
@media(max-width: 48em) { .container {
 -webkit-border-radius:2rem 0 0 0;
 -moz-border-radius:2rem 0 0 0;
 border-radius:2rem 0 0 0; } } /* end: @media(767px) */
.main{ background: #fdf5e3; }
.navbar { margin-bottom: 0; }
.carousel { margin-bottom: 0; }
.main>article { margin: 0 5%; }
.sidebar>aside { padding-right: 5%; }

aside h2 { font-size: 3rem; color: darkorange; /*#d33682*/ border-bottom: 0.1rem dotted #475c98; }
#branding img { margin: 1rem 0 0.5rem 2.5rem; max-width: 45rem; }
@media(max-width: 48em) { .sidebar>aside { padding-left: 5%; }
 #branding img { margin:1rem 0 0.5rem 1rem; width: 90%; }
}
.accordion-heading{ padding: 1rem; /* background: #475c98; */
 background: -webkit-linear-gradient( to right, OrangeRed, orange, yellowgreen );
 background: -o-linear-gradient( to right, OrangeRed, orange, yellowgreen );
 background: -moz-linear-gradient( to right, OrangeRed, orange, yellowgreen );
 background: linear-gradient( to right, OrangeRed, orange, yellowgreen );
}
.accordion-heading a{ color: white; font-size: 2rem; }
.aboutthevenues article{ margin: 0; padding: 0; }
.aboutthevenues h2 { padding: 0; padding-bottom: 0;
 border-bottom: 0.1rem dotted #475c98; }
.aboutthevenues h3 { color:orangered; /*#d33682*/
 padding: 0; margin: 0; font-size: 2.4rem; }
.nav-tabs li a { color:orangered; font-weight: bold; /*#475c98*/ }
.nav-tabs li.active a{ background: #ffffff; /*#fdf5e3*/ }
.nav-tabs li a:hover { background: orange; /*#d33682*/  color: white; }
.nav-tabs li.active a{ color: #dc143c; /*#d33682*/ font-weight: bold; }
.tab-content h3, .tab-content h4{ margin:0;padding:0; }
.tab-content h3{ color: red; /*#d33682*/ line-height:1em; }
.tab-content p{ padding: 0; padding-top: 1rem; }
.photogrid img{ width: 9.6rem; margin: 0 0.5rem 0.5rem 0; cursor: pointer; }
@media(max-width: 62em){ .photogrid img { width: 6.4rem; } }
.artistinfo article, .artistinfo p, .artistinfo h1{ padding: 0 2%; }
.artistinfo .media img { width: 8rem; margin:0 0.5rem 0.5rem 0; cursor: pointer; }
.artistinfo h3 { color: crimson; }
.breadcrumb { background-color: inherit; }
footer ul.breadcrumb{ margin: 1rem auto;
 background: -webkit-linear-gradient( to right, darkorange, orange, yellowgreen );
 background: -o-linear-gradient( to right, darkorange, orange, yellowgreen );
 background: -moz-linear-gradient( to right, darkorange, orange, yellowgreen );
 background: linear-gradient( to right, darkorange, orange, yellowgreen );
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}
footer ul.breadcrumb li { text-shadow:none; }
footer ul.breadcrumb li a { color:white; }
.navbar .nav>li>.dropdown-menu { top: 5rem; }

.navbar{ display: flex; /* justify-content: center; */
align-items: center; gap: 1rem;
background: -webkit-linear-gradient( to right, darkorange, orange, yellowgreen );
background: -o-linear-gradient( to right, darkorange, orange, yellowgreen );
background: -moz-linear-gradient( to right, darkorange, orange, yellowgreen );
background: linear-gradient( to right, darkorange, orange, yellowgreen );
border-radius: 0.5rem; /* border-right: 0; border-left: none; */ }
.navbar-nav>li>a { color: white; font-weight: bold; font-size: 1.2em; line-height: 1rem; }
.navbar-nav>li>a:hover { background-color: rgba(255, 69, 0, 0.3); line-height: 1rem; }
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus { color: #fdf5e3; font-size: 1.2em; background-color: rgba(255, 69, 0, 0.6) /* #475c98 */; border-radius: 0.5rem; line-height: 1rem; }

#heading { font-family: 'AnglicanText', Gabriola, Tahoma, Georgia, serif; font-size: 2.5em; font-weight: normal; text-align: center; margin: 1rem; padding: 1rem; }
#inauguration { font-size: 3.2rem; line-height: 1.6rem; margin: 1rem; padding: 1rem; text-align: center; }