/*!
* b5st since v1.0 | Unicence
*/
body {
display: flex;
min-height: 100vh;
/* mobile viewport bug fix */
min-height: -webkit-fill-available;
flex-direction: column;
font-family: "Inter", sans-serif;
font-size:400;
font-optical-sizing: auto;
font-style: normal;
color:var(--font-color);
}
html{
height: -webkit-fill-available;
}
main {
flex: 1 0 auto; }
div, a, td {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a {
text-decoration:none;
color:var(--red);
}
a:hover,
a:active,
a:focus
{
color:var(--bright-red);
}
b, strong {
font-weight: 700;
}
p {
margin-bottom: 2rem;
}
ul {
margin-bottom: 2rem;
}
h1, h2, h3, h4, h5, h6{
font-weight:800;
font-family: "quincy-cf", serif;
margin-bottom: 1.5rem;
}
.sticky-top {
top: 25px;
}
/* COLOURS */
:root {
--font-color:#000000;
--red:#a45f69;
--link-red:#aa5561;
--bright-red:#DF3F55;
--beige:#EBDED1;
--light-beige:#f8f4ef;
--dark-brown:#3D282A;
--light-brown:#54383B;
--dark-beige:#b6b2ad;
--beige-gradient:linear-gradient(324deg,rgba(230, 196, 162, 1) 0%, rgba(235, 222, 209, 1) 100%);
--page-max-width: 1520px;
}
img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto; }
.margin-bottom{
margin-bottom:30px;
}
.bottom-spacer{
margin-bottom:30px;
}
.large-margin-bottom{
margin-bottom:60px;
}
.div-bottom-margin {
margin-bottom: var(--bs-gutter-x);
}
.container-fluid{
padding-right: calc(var(--bs-gutter-x)* 1);
padding-left: calc(var(--bs-gutter-x)* 1);
}
.container{
padding-right: calc(var(--bs-gutter-x)* 1);
padding-left: calc(var(--bs-gutter-x)* 1);
}
.mid-container{
max-width:1520px;
}
.custom-flex{
display: flex;
flex-flow: column;
}
@media only screen and (min-width: 768px){
.margin-bottom{
margin-bottom:0px;
}
.large-margin-bottom{
margin-bottom:0px;
}
}
@media only screen and (min-width: 1200px){
.container-fluid{
padding-right: calc(var(--bs-gutter-x)* 1.875);
padding-left: calc(var(--bs-gutter-x)* 1.875);
}
.container{
padding-right: calc(var(--bs-gutter-x)* 1.875);
padding-left: calc(var(--bs-gutter-x)* 1.875);
}
}
/* SITE WIDE ELEMENTS */
/* Overall page width */
#site-main {
max-width: 900px;
margin: 0 auto;
}
.standard-image{
border-radius: 30px 0 30px 0;
margin-bottom:30px;
}
.caption-text{
margin-top: -25px;
text-align: right;
font-size: .75rem;
font-style: italic;
padding-right: 20px;
margin-bottom: 25px;
}
/* We’ll use a CSS variable for side padding so we can change it in media queries */
:root {
--side-pad: 100px;
}
.section-title-beige{
font-size:5rem;
color:var(--beige);
font-family: "quincy-cf", serif;
font-weight:800;
}
.dark-brown-button{
display: inline-block;
padding:13px 25px;
background:var(--dark-brown);
color:var(--beige);
border-radius:50px;
font-weight:bold;
font-size:1.2rem;
}
.dark-brown-button:hover,
.dark-brown-button:active,
.dark-brown-button:focus
{
background:var(--beige);
color:var(--dark-brown);
}
.red{
color:var(--red);
}
.light-beige{
background:var(--light-beige);
}
.content-button{
display: inline-block;
padding:13px 25px;
background:var(--red);
color:var(--light-beige)!important;
border-radius:50px;
font-weight:bold;
font-size:1.2rem;
}
.content-button:hover,
.content-button:active,
.content-button:focus
{
background:var(--link-red);
color:var(--light-beige);
}
/* HEADER */
.navbar{
padding:20px 0px;
z-index:999;
background:var(--light-brown);
}
.page-template-page-bus-tours .navbar,
.single-bus_tour .navbar,
.page-template-page-image-banner .navbar,
.page-template-page-home .navbar
{
background:transparent;
}
.header-logo{
height:35px;
}
.mobile-button{
}
.mobile-button img{
width:30px;
height:18px;
}
.nav-link{
padding-right:10px!important;
padding-left:10px!important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size:.75rem;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
}
.nav-link:hover,
.nav-link:active,
.nav-link:focus
{
text-decoration:none;
opacity:1;
color:#ccc;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
.dropdown-menu {
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size:.75rem;
text-transform:uppercase;
color: var(--font-color);
background-color: var(--beige);
border: none;
border-radius: 0px 8px 0px 8px;
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-collapse {
display: none!important;
}
}
@media only screen and (min-width: 1100px){
.navbar{
padding:10px 0px;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.header-logo{
height:60px;
width:auto;
}
.mobile-button{
display:none;
}
}
.offcanvas-header {
justify-content: end;
padding: 1.5rem 1.85rem;
background:transparent;
}
.btn-close{
font-size:1.3rem;
opacity:.7;
}
.offcanvas{
background:var(--beige);
}
.mobile-menu{
padding-left:30px;
}
.mobile-menu ul{
list-style-type:none;
padding:0px;
margin:0px;
}
.mobile-menu ul li{
padding-bottom:0px;
}
.mobile-menu a{
color:var(--font-color);
font-size:1.8rem;
line-height: 1.4;
font-weight:700;
font-family: "quincy-cf", serif;
text-decoration:none;
}
.mobile-menu .sub-menu a{
padding-left:20px;
font-size:1.4rem;
}
/* HOME PAGE */
.home-banner {
margin-top: -90px;
height: 90dvh;
z-index: 0;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #000;
background-image: var(--banner-mobile);
background-size: cover;
background-position: center center;
}
.home-banner-name{
}
.home-banner-subheading{
display:none;
}
@media (min-width: 767px) {
.home-banner {
background-image: var(--banner-desktop);
}
.home-banner-subheading{
display:block;
text-align:center;
text-align:center;
margin-top:30px;
color:var(--beige);
font-size: 1.3rem;
text-transform:uppercase;
letter-spacing:2px;
}
}
.home-section-one{
border-top:4px solid var(--red);
border-bottom:4px solid var(--red);
background:var(--beige-gradient);
padding:50px 0;
}
.home-section-one-content{
max-width:400px;
margin-left:0px;
color:var(--dark-brown);
margin-bottom:40px;
}
.definition{
margin-bottom:30px;
}
.home-section-one-content .large-text{
font-family: "quincy-cf", serif;
font-weight:700;
font-size:2rem;
line-height:1.2;
}
.home-section-one-image{
border-radius:40px 0 40px 0;
}
.home-section-one-link a{
color:var(--red);
text-transform:uppercase;
font-size:.9rem;
letter-spacing:1.5px;
text-decoration:none;
}
.red-arrow{
height:8px;
}
@media (min-width: 767px) {
.home-section-one{
padding:100px 0;
}
.home-section-one-content{
max-width:400px;
margin-left:50px;
color:var(--dark-brown);
margin-bottom:0px;
}
.home-section-one-content .large-text{
font-size:2.4rem;
}
}
/* Home Boxes */
.home-boxes{
background:var(--beige);
padding:50px 0;
}
.home-boxes a{
text-decoration:none;
display:contents;
}
.home-box{
color:#fff;
padding:15px 15px 15px 15px;
height: auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
transition: all .2s ease-in-out;
min-height:200px;
border-radius:8px;
}
.shallow:hover{
transform: scale(1.05);
}
.shallow-wide:hover{
transform:scale(1.05);
}
.deep:hover{
transform: scale(1.05);
}
.home-box-title{
font-size:2.2rem;
font-family: "quincy-cf", serif;
font-weight:800;
line-height:1.4;
}
.home-box-text{
font-size:.9rem;
line-height:1.4;
}
@media (min-width: 767px) {
.home-boxes{
padding:100px 0;
}
.home-box-title{
font-size:2.2rem;
font-family: "quincy-cf", serif;
font-weight:800;
line-height:1.4;
}
}
.deep .home-box-title{
font-size:2.2rem;
font-family: "quincy-cf", serif;
font-weight:800;
line-height:1;
}
.deep .home-box-text{
font-size:1.2rem;
line-height:1.4;
}
@media only screen and (min-width: 768px){
.home-box{
height: -webkit-fill-available;
min-height:290px;
padding:20px 20px 18px 20px;
}
.home-box-extra-info{
min-height:290px;
}
.shallow:hover{
transform: scale(1.1);
}
.deep:hover{
transform: scale(1.05);
}
.deep .home-box-title{
font-size:3rem;
font-family: "quincy-cf", serif;
font-weight:800;
line-height:1.4;
}
}
/* HOMEPAGE NEWS SECTION*/
.news-section{
background:var(--red);
padding-top:70px;
padding-bottom:70px;
}
.news-section h4{
font-size:2rem;
}
.featured-news-image{
height:100%;
min-height:350px;
position: relative;
background: var(--dark-brown);
color:var(--beige);
border-radius:30px 0 30px 0;
}
.featured-news-image:hover{
background: var(--dark-brown);
color:var(--beige);
}
.excerpt{
margin-bottom:20px;
}
.news-section-item-one{
color:#000;
font-size:1.1rem;
}
.news-section-item-one h4{
font-size:2.8rem;
color:var(--beige);
font-weight:bold;
margin-bottom:0px;
}
.news-section-item-one-date{
font-size:0.8rem;
margin:10px 0px;
color:var(--beige);
}
.news-section-item-one a{
color:var(--beige);
}
.news-section-item-one a:hover,
.news-section-item-one a:active,
.news-section-item-one a:focus
{
color:#fff;
}
.news-page-large-item{
border-radius:40px 0 40px 0;
background:var(--dark-brown);
margin-bottom:50px;
}
.news-page-large-item .featured-news-image{
margin-bottom:0;
}
.news-section-item-one-news{
color:var(--beige);
font-size:1.1rem;
padding:30px 30px 30px 0;
}
.news-section-item-one-news h4{
font-size:2.8rem;
color:var(--beige);
font-weight:bold;
margin-bottom:0px;
}
.news-section-item-one-news-date{
font-size:0.8rem;
margin:10px 0px;
color:var(--beige);
}
.news-section-item-one-news a{
color:var(--beige);
}
.news-section-item-one-news a:hover,
.news-section-item-one-news a:active,
.news-section-item-one-news a:focus
{
color:#fff;
}
.news-section-item{
background:var(--beige);
padding:30px;
color:var(--dark-brown);
height:100%;
border-radius:8px;
}
.news-section-item h4{
color:var(--dark-brown);
font-weight:bold;
margin-bottom:0px;
}
.news-section-date{
font-size:0.8rem;
margin:10px 0px;
}
.news-section-item a{
color:var(--dark-brown);
}
.news-section-item a:hover,
.news-section-item a:active,
.news-section-item a:focus
{
color:var(--red);
}
.news-section-item-navy{
background:var(--dark-brown);
padding:30px;
color:var(--beige);
height:100%;
border-radius:8px;
}
.news-section-item-navy h4{
color:var(--beige);
font-weight:bold;
margin-bottom:0px;
}
.news-section-item-navy a{
color:var(--beige);
}
.news-section-item-navy a:hover,
.news-section-item-navy a:active,
.news-section-item-navy a:focus
{
color:var(--red);
}
.news-button-container{
margin-top:30px;
text-align:right;
}
/*SOCIAL MEDIA*/
.social-media{
padding:90px 0;
}
.social-media-title{
color: var(--dark-brown);
margin-bottom: 0px;
font-size:2rem;
font-family: "quincy-cf", serif;
font-weight:800;
text-align:center;
line-height: 1.1;
}
.social-media-link{
display:inline-block;
margin: 0 auto;
border:2px solid var(--red);
color:var(--red)!important;
border-radius:50%;
height:70px;
width:70px;
line-height:70px;
text-align:center;
font-size:2rem;
}
.social-media-link:hover,
.social-media-link:focus,
.social-media-link:active{
color:var(--dark-brown)!important;
border:2px solid var(--dark-brown);
}
@media (min-width:767px){
.social-media-title{
color: var(--dark-brown);
margin-bottom: 0px;
font-size:2.6rem;
font-weight:bold;
text-align:left;
}
}
/*MAILING LIST*/
.home-mailing-list{
padding-bottom:90px;
}
.mailing-list-container{
background:var(--dark-brown) url(../img/homepage/mailing-list.jpg);
min-height:500px;
border-radius:40px 0 40px 0;
margin-top:0px;
background-size:cover;
background-position:center center;
color:#fff;
}
.mailing-list-content{
max-width:400px;
color: var(--beige);
margin:70px auto;
padding:0 20px;
}
.mailing-list-title{
color: var(--beige);
margin-bottom: 0px;
font-size:3.4rem;
font-family: "quincy-cf", serif;
font-weight:800;
line-height:1;
font-weight:bold;
text-align:left;
margin-bottom:30px;
}
/* overall wrapper */
.br-wrap {
display: grid;
justify-items: center;
}
.br-container {
width: 100%;
max-width: 400px;
}
/* Brevo message panels: hidden by default, shown when Brevo toggles classes/inline styles */
#success-message,
#error-message {
display: none;
margin: 0 0 12px;
}
/* Brevo often adds this class to show panels */
.sib-form-message-panel--active {
display: block !important;
}
#success-message.sib-form-message-panel--active {
border: 1px solid #13ce66;
background: #e7faf0;
color: #085229;
border-radius: 8px;
padding: 12px 14px;
}
#error-message.sib-form-message-panel--active {
border: 1px solid #ff4949;
background: #ffeded;
color: #661d1d;
border-radius: 8px;
padding: 12px 14px;
}
.br-alert {
border: 1px solid;
border-radius: 8px;
padding: 12px 14px;
margin: 0 0 12px;
font-size: 14px;
}
.br-alert--error {
color: #661d1d;
background: #ffeded;
border-color: #ff4949;
}
.br-alert--success {
color: #085229;
background: #e7faf0;
border-color: #13ce66;
}
/* layout */
.br-form {
display: grid;
gap: 12px;
}
.br-row {
display: grid;
gap: 12px;
}
.br-row--2 {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 420px) {
.br-row--2 {
grid-template-columns: 1fr;
}
}
/* fields */
.br-field {
margin: 0; /* override Brevo block spacing */
}
.br-input {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #c0ccd9;
border-radius: 8px;
font: inherit;
background: #fff;
}
.br-input::placeholder {
opacity: 0.65;
}
/* errors (Brevo injects text into this label) */
.br-error {
display: block;
margin-top: 6px;
font-size: 12px;
line-height: 1.35;
}
/* checkbox */
.br-check {
display: flex;
grid-template-columns: 18px 1fr;
gap: 10px;
align-items: start;
}
.br-check__input {
margin-top: 0px;
zoom:2.5;
}
.br-check__label {
font-size: 12px;
line-height: 1.4;
}
/* actions */
.br-actions {
text-align: left;
}
.br-button {
display: inline-block;
padding: 10px 25px;
background:var(--bright-red);
color:#fff;
font-weight:bold;
font-size:1.2rem;
border: 0;
border-radius: 30px;
cursor: pointer;
}
.br-button svg {
width: 16px;
height: 16px;
}
/* honeypot */
.br-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.contact-details-large{
text-align: center;
padding: 30px 10px;
background: #ffffff;
font-size: 2rem;
border-radius:12px;
font-size:2rem;
font-family: "quincy-cf", serif;
font-weight:800;
line-height: 1.1;
}
/* DEFAULT PAGE */
.default-page-title{
margin-bottom:50px;
border-bottom:1px solid #var(--font-color);
}
.default-page-title h1{
font-size:4.5rem;
}
/* Text padding inside the main content */
#site-main .entry-content {
padding-left: var(--side-pad);
padding-right: var(--side-pad);
margin-top:80px;
margin-bottom:80px;
}
#site-main .entry-content a {
text-decoration:none;
color:var(--link-red);
}
#site-main .entry-content a:hover,
#site-main .entry-content a:active,
#site-main .entry-content a:focus
{
text-decoration:none;
color:var(--bright-red);
}
/* Normal text blocks just respect the padding */
#site-main .entry-content p,
#site-main .entry-content h1,
#site-main .entry-content h2,
#site-main .entry-content h3,
#site-main .entry-content h4,
#site-main .entry-content h5,
#site-main .entry-content h6,
#site-main .entry-content ul,
#site-main .entry-content ol,
#site-main .entry-content blockquote {
max-width: 100%;
}
#site-main .entry-content h1{
font-size:4.5rem;
color:var(--dark-brown);
}
#site-main .entry-content h2{
font-size:2.6rem;
color:var(--dark-brown);
}
#site-main .entry-content h3{
font-size:2rem;
color:var(--dark-brown);
}
#site-main .entry-content h4{
font-size:1.4rem;
color:var(--dark-brown);
}
#site-main .entry-content h5{
font-size:1.2rem;
color:var(--dark-brown);
}
#site-main .entry-content h6{
font-size:1rem;
color:var(--dark-brown);
}
#site-main .entry-content .intro-text{
font-size:1.5rem;
}
#site-main .entry-content hr{
margin:3rem 0;
}
/* Images full-width (including those wrapped in or .wp-caption) */
#site-main .entry-content img {
display: block;
height: auto;
max-width: 100%;
border-radius:40px 0 40px 0;
}
/* Full-bleed image wrapper:
![]()
and .wp-caption */
#site-main .entry-content > p > img {
/* pull the image out of the padding to touch #site-main edges */
width: calc(100% + 2 * var(--side-pad));
max-width: calc(100% + 2 * var(--side-pad));
margin-left: calc(-1 * var(--side-pad));
margin-right: calc(-1 * var(--side-pad));
}
/* Captioned images: .wp-caption div from the classic editor */
#site-main .entry-content .wp-caption {
/* override the inline width that WP adds */
width: auto !important;
max-width: calc(100% + 2 * var(--side-pad));
margin-left: calc(-1 * var(--side-pad));
margin-right: calc(-1 * var(--side-pad));
}
#site-main .entry-content .wp-caption img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
#site-main .entry-content p {
font-size:1rem;
line-height:1.45;
}
/* Caption text still sits on the full-width block, but you can style it as you like */
#site-main .entry-content .wp-caption-text {
font-size: 0.8rem;
text-align: left;
font-style:italic;
margin-top: 0.5em;
}
/* Tablet-ish */
@media (max-width: 1024px) {
:root {
--side-pad: 60px;
}
}
/* Small tablets / large phones */
@media (max-width: 768px) {
:root {
--side-pad: 30px;
}
#site-main .entry-content p {
font-size:1.1rem;
}
#site-main .entry-content h1{
font-size:4rem;
color:var(--dark-brown);
}
}
/* Phones */
@media (max-width: 480px) {
:root {
--side-pad: 0px;
}
}
/* Let the main container shrink on narrow screens */
@media (max-width: 900px) {
#site-main {
max-width: 100%;
}
}
/* BANNER IMAGE */
.banner-image{
position: relative; /* make the pseudo-element position correctly */
margin-top: -90px;
height: 75dvh;
z-index: 0;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom:4px solid var(--red);
}
/* overlay */
.banner-image::before {
content: "";
position: absolute;
inset: 0; /* top:0; right:0; bottom:0; left:0 */
background: rgba(0, 0, 0, 0.3); /* adjust opacity and color */
z-index: 1;
}
.banner-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30%; /* the overlay covers only the top 40% */
background: linear-gradient(
rgba(0, 0, 0, 0.4), /* start: black at 40% opacity */
rgba(0, 0, 0, 0) /* end: fully transparent */
);
z-index: 2;
}
/* content above the overlay */
.banner-image-content {
position: relative;
z-index: 3;
}
.banner-image-content h1{
color:var(--beige);
text-align:center;
font-size:4rem;
line-height:1;
font-weight:900;
-webkit-text-stroke: 1px var(--red);
text-shadow:
2px 2px 0 var(--red),
-2px 2px 0 var(--red),
2px -2px 0 var(--red),
-2px -2px 0 var(--red);
}
.banner-image-content h2{
color:var(--beige);
text-align:center;
font-size:4rem;
line-height:1;
font-weight:900;
-webkit-text-stroke: 1px var(--red);
text-shadow:
1px 1px 0 var(--red),
-1px 1px 0 var(--red),
1px -1px 0 var(--red),
-1px -1px 0 var(--red);
}
@media (min-width:767px){
.banner-image-content h1{
font-size:7rem;
}
}
/* PODCAST */
.podcast-buttons{
margin-top:60px;
}
.podcast-button{
border-radius:12px!important;
transition: all .2s ease-in-out;
margin-bottom:25px;
}
.podcast-button:hover{
transform: scale(1.05);
}
@media (min-width:767px){
.podcast-button{
margin-bottom:0;
}
}
/* MUSIC PAGE */
.music-grid-link{
color:var(--dark-brown);
}
.music-grid-link:hover,
.music-grid-link:active,
.music-grid-link:focus{
color:var(--dark-brown);
}
.music-grid-box{
transition: all .2s ease-in-out;
margin-bottom:25px;
}
.music-grid-box:hover{
transform: scale(1.05);
}
.music-grid-image{
}
.music-grid-title{
margin-top:8px;
}
/* 4:3 Aspect Ratio Wrapper */
.ratio-4-3 {
position: relative;
width: 100%;
padding-top: 75%; /* 3/4 = 0.75 → 4:3 aspect ratio */
overflow: hidden;
border-radius: 30px 0 30px 0; /* optional */
}
.ratio-4-3 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* fills the frame nicely */
display: block;
}
/* WHAT I DO SECTIONS*/
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: #fff;
border: none;
}
.list-group-item-action:active,
.list-group-item-action:focus,
.list-group-item-action:hover
{
color: var(--bs-list-group-action-active-color);
background-color: #ede7e2;
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--red);
border-color: none;
}
/* Keep above content */
.spy-nav {
z-index: 1020;
background: var(--bs-body-bg);
}
/* Mobile: sticky horizontal scroll bar */
@media (max-width: 992px) {
.spy-nav {
top: 0; /* adjust if you have a fixed header */
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
padding: .5rem;
gap: .5rem;
border-bottom: 1px solid var(--bs-border-color);
}
.spy-nav .list-group-item {
flex: 0 0 auto;
white-space: nowrap;
border-radius: 999px;
}
#list-example {
position: sticky !important;
top: 0 !important; /* change to header height if needed */
z-index: 1020;
}
#list-example {
display: flex; /* force flex */
flex-wrap: nowrap; /* no wrapping */
overflow-x: auto;
overflow-y: hidden;
gap: .5rem;
padding: .5rem;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#list-example .list-group-item {
display: inline-flex; /* <-- THIS is the important bit */
align-items: center;
width: auto; /* override list-group default */
flex: 0 0 auto; /* do not stretch */
white-space: nowrap;
border-radius: 999px;
}
}
/* Optional: if you have a fixed header, make anchors land correctly */
:root {
--header-height: 64px; /* your site header */
}
.what-i-do-section {
scroll-margin-top: calc(var(--header-height, 0px) + 56px);
}
#list-item-1{
margin-top:0px;
}
@media (max-width: 992px) {
#list-item-1{
margin-top:30px;
}
}
.what-i-do-section{
margin-bottom:70px;
padding-bottom:50px;
border-bottom:1px solid var(--red);
}
.what-i-do-section h1{
color:var(--dark-brown);
}
.an1 {
max-height:25px;
}
/* CALENDAR PAGE */
.calendar-width{
max-width:900px;
margin:0 auto;
}
.calendar-tabs .nav-tabs{
border-bottom:0;
}
.calendar-tabs .nav-link{
padding:0 10px 0 10px!important;
font-weight:800;
font-size:1.3rem;
text-transform: none;
letter-spacing: 0;
background:none;
color:var(--dark-beige);
border:0;
font-family: "quincy-cf", serif;
border-right:1px solid var(--font-color);
border-color:var(--font-color);
border-top-right-radius: 0;
}
@media only screen and (min-width: 768px){
.calendar-tabs .nav-link{
padding:0 20px 0 20px!important;
font-size:1.6rem;
}
}
.calendar-tabs .nav-link:hover,
.calendar-tabs .nav-link:focus
{
color:var(--red);
border-right:1px solid var(--font-color);
}
.calendar-tabs .nav-link:first-of-type{
padding-left:0px!important;
}
.calendar-tabs .nav-link:last-of-type{
border-right:0px;
}
.calendar-tabs .nav-link.active{
font-weight:800;
background:none;
color:var(--dark-brown);
border-color:var(--font-color);
border-top-right-radius: 0;
}
.calendar-box{
background:#fff;
padding:20px 20px 30px;
border-radius:8px;
margin-bottom:25px;
position:relative;
font-size:.9rem;
}
.calendar-box-link a{
color:var(--red);
}
.calendar-box-link a:hover,
.calendar-box-link a:focus,
.calendar-box-link a:active
{
color:var(--bright-red);
}
.calendar-box-link--solo{
margin-top:20px;
}
.calendar-box-date{
padding-top:4px;
padding-bottom:20px;
}
.calendar-box h4{
margin-bottom:2px;
}
.calendar-box-subheading{
font-size:1rem;
}
.calendar-category{
position:absolute;
top:8px;
right:8px;
background:var(--beige);
border-radius:5px;
padding:4px 8px;
font-size:.5rem;
text-transform:uppercase;
}
.calendar-box-venue{
border-top:1px solid #ccc;
padding-top:8px;
margin-top:8px;
}
.calendar-box-address{
font-size:.75rem;
}
.calendar-box .collapse-button{
position:absolute;
bottom:12px;
right:12px;
font-size:.75rem;
border:1px solid var(--font-color);
padding:4px 8px;
border-radius:50px;
color:var(--font-color);
}
.calendar-box-full-description{
margin-top:20px;
}
/* NEWS POST*/
/* Text padding inside the main content */
.breadcrumbs{
font-size:.85rem;
margin-bottom:40px;
}
.breadcrumbs a{
color:var(--red);
}
.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus
{
color:var(--bright-red);
}
.breadcrumb-title{
color:#9c9898;
}
.news-post{
margin-top:80px;
margin-bottom:80px;
}
.news-post-title{
margin-bottom:0;
color:var(--dark-brown);
}
.news-post-date{
font-size:.85rem;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:5px 0;
margin-bottom:30px;
}
.news-post-image img{
margin-bottom:40px;
border-radius:40px 0px 40px 0px;
}
#site-main .news-post-content a {
text-decoration:none;
color:var(--link-red);
}
#site-main .news-post-content a:hover,
#site-main .news-post-content a:active,
#site-main .news-post-content a:focus
{
text-decoration:none;
color:var(--bright-red);
}
/* Normal text blocks just respect the padding */
#site-main .news-post-content p,
#site-main .news-post-content h1,
#site-main .news-post-content h2,
#site-main .news-post-content h3,
#site-main .news-post-content h4,
#site-main .news-post-content h5,
#site-main .news-post-content h6,
#site-main .news-post-content ul,
#site-main .news-post-content ol,
#site-main .news-post-content blockquote {
max-width: 100%;
}
#site-main .news-post-content h1{
font-size:4.5rem;
color:var(--dark-brown);
}
#site-main .news-post-content h2{
font-size:2.6rem;
color:var(--dark-brown);
}
#site-main .news-post-content h3{
font-size:2rem;
color:var(--dark-brown);
}
#site-main .news-post-content h4{
font-size:1.4rem;
color:var(--dark-brown);
}
#site-main .news-post-content h5{
font-size:1.2rem;
color:var(--dark-brown);
}
#site-main .news-post-content h6{
font-size:1rem;
color:var(--dark-brown);
}
#site-main .news-post-content .intro-text{
font-size:1.5rem;
}
#site-main .news-post-content hr{
margin:3rem 0;
}
.news-post-sidebar h4{
margin-top:30px;
color:var(--dark-brown);
}
.news-post-sidebar-link{
color:var(--dark-brown);
}
.news-post-sidebar-link:hover,
.news-post-sidebar-link:active,
.news-post-sidebar-link:focus
{
color:var(--red)
}
.news-post-sidebar-post{
font-size:.9rem;
border-bottom:1px dotted #cccccc;
margin-bottom:15px;
padding-bottom:15px;
}
.news-post-sidebar-title{
font-weight:bold;
}
.news-post-sidebar-date{
font-size:.7rem;
}
/* MEDIA */
.press-photos{
text-align:center;
margin-bottom:50px;
}
/* FOOTER */
#site-footer {
padding-top:70px;
padding-bottom:70px;
background:var(--beige);
color:var(--font-color);
font-size:.9rem;
}
#site-footer h1,
#site-footer h2,
#site-footer h3,
#site-footer h4,
#site-footer h5,
#site-footer h6{
color:var(--font-color);
}
#site-footer .fa-phone,
#site-footer .fa-envelope {
font-size:1.5rem;
color:#fff;
}
#site-footer ul{
list-style-type:none;
padding-left:0px;
margin-top:0px;
}
#site-footer ul >li{
padding:0 0 8px 0;
}
#site-footer ul >li a{
padding:0 0 8px 0;
}
#site-footer .menu {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
justify-content:center;
}
#site-footer .menu li{
padding-bottom:0;
}
#site-footer .menu a{
color:var(--font-color);
font-weight: 400;
font-size: .8rem;
line-height: 1.6;
text-transform: uppercase;
text-decoration:none;
letter-spacing:1px;
padding-right:15px;
}
#site-footer .menu a:hover,
#site-footer .menu a:active,
#site-footer .menu a:focus{
color:var(--red);
}
#site-footer .sub-menu a{
font-size:.7rem;
letter-spacing:0;
}
#site-footer .sub-menu a::before{
content: "- ";
}
.footer-menu-container{
margin-bottom:20px;
}
.footer-menu-container h2{
font-size:1.4rem;
}
.footer-left{
font-size:1.2rem;
text-align:center;
margin-bottom:30px;
}
.footer-left-block{
display:inline-block;
text-align:center;
margin-right:0px;
margin-left:0px;
margin-bottom:10px;
}
.footer-left-block a {
color: var(--font-color);
text-decoration: none;
font-weight:400;
background-color: transparent;
}
.footer-left-block a:hover,
.footer-left-block a:active,
.footer-left-block a:focus{
color: var(--red);
}
.footer-left-address{
margin-top:15px;
}
.footer-right{
text-align:center;
}
.social-icons-link{
display:inline-block;
margin-left:10px;
margin-right:10px;
border:2px solid var(--font-color)!important;
color:var(--font-color)!important;
border-radius:50%;
height:42px;
width:42px;
line-height:41px;
text-align:center;
font-size:1.3rem;
}
.social-icons-link:hover,
.social-icons-link:focus,
.social-icons-link:active{
color:var(--red)!important;
border-color:var(--red)!important;
}
@media (min-width:767px){
#site-footer .menu {
justify-content:left;
-ms-flex-direction: row;
flex-direction: row;
}
.footer-left{
text-align:left;
margin-bottom:0px;
}
.footer-left-block{
display:inline-block;
margin-right:30px;
margin-left:0px;
margin-bottom:0px;
}
.footer-right{
text-align:right;
}
.social-icons-link{
margin-left:20px;
margin-right:0px;
}
}
.footer-divider{
border-bottom:1px solid var(--red);
margin-bottom:10px;
padding-bottom:30px;
}