/* - ++resource++carousel.css - */
@media screen {
/* https://www.trinitybristol.org.uk/portal_css/++resource++carousel.css?original=1 */
.carousel {
background-color: #ccc;
margin: 0 0 60px;
position: relative;
}
@media (max-width: 1030px) {
.carousel {
display: none;
}
}
.carousel-image img {
height: auto;
width: 100%;
}
.carousel-text {
background-color: rgba(0,0,0,0.6);
bottom: 47px;
color: #eaeaea;
font-family: lato_medium, sans-serif !important;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 23px;
padding: 16px 12px 0;
position: absolute;
right: 0;
text-align: center;
}
.carousel-title {
font-family: bebas_neue !important;
font-size: 28px !important;
color: #fff;
}
.carousel-title:link,
.carousel-title:visited {
color: #fff;
}
.carousel-body a {
color: #fff;
text-decoration: underline;
}
.carousel-pager-button-prev,
.carousel-pager-button-next {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
position: absolute;
top: 0;
width: 50px;
}
.carousel-pager-button-prev {
left: 0;
}
.carousel-pager-button-next {
left: auto;
right: 0;
}
.carousel-banner {
display: none;
overflow: hidden;
}
.carousel-banner-1 {
display: block;
}
.carousel-pager {
background-color: rgba(0,0,0,0.6);
bottom: 23px;
height: 21px;
left: 0;
padding-bottom: 2px;
padding-top: 1px;
position: absolute;
right: 0;
text-align: center;
}
.carousel-pager-item {
background-color: transparent;
border-radius: 50%;
border: 1px solid #fff;
display: inline-block;
height: 5px;
width: 5px;
}
.carousel-pager-item-active {
background-color: #fff;
}
.carousel-pager-item-classic {
cursor: pointer;
}
.carousel-settings-introduction {
margin-bottom: 1em;
}
/* */
/* */
.event-whatson {
background: rgb(0,113,135);
min-height: 231px;
margin: 0 0 30px;
/* */
}
.event-whatson h1 {
color: #fff;
font-family: bebas_neue,Verdana,Arial,Helvetica,sans-serif;
font-size: 26px;
font-weight: normal;
margin: 5px 13px 0;
}
.event-whatson h2 {
color: #fff;
font-family: lato_medium, sans-serif;
font-size: 13px;
font-weight: normal;
margin-left: 15px;
margin-right:15px;
margin-top: unset;
}
.event-latestnews {
background: rgb(4,158,138);
min-height: 231px;
margin: 0 0 30px;
/* */
}
.event-latestnews h1 {
color: #fff;
font-family: bebas_neue,Verdana,Arial,Helvetica,sans-serif;
font-size: 26px;
font-weight: normal;
margin: 5px 13px 0;
}
.event-latestnews h2 {
color: #fff;
font-family: lato_medium, sans-serif;
font-size: 13px;
font-weight: normal;
margin-left: 15px;
margin-right:15px;
margin-top: unset;
}
.event-side-upper {
background: rgb(0,113,135);
min-height: 231px;
margin: 0 0 30px;
/* */
}
.event-side-upper h1 {
color: #fff;
font-family: bebas_neue,Verdana,Arial,Helvetica,sans-serif;
font-size: 26px;
font-weight: normal;
margin: 5px 13px 0;
}
.event-side-upper h2 {
color: #fff;
font-family: lato_medium, sans-serif;
font-size: 13px;
font-weight: normal;
margin-left: 15px;
margin-right:15px;
margin-top: unset;
}
.event-side-lower {
background: rgb(4,158,138);
min-height: 231px;
margin: 0 0 30px;
/* */
}
.event-side-lower h1 {
color: #fff;
font-family: bebas_neue,Verdana,Arial,Helvetica,sans-serif;
font-size: 26px;
font-weight: normal;
margin: 5px 13px 0;
}
.event-side-lower h2 {
color: #fff;
font-family: lato_medium, sans-serif;
font-size: 13px;
font-weight: normal;
margin-left: 15px;
margin-right:15px;
margin-top: unset;
}
}