/*** ADDITIONAL STYLES FOR BIRKENHEAD CHORAL SOCIETY ***/
body {
font-family: "Garamond", Georgia, "Times New Roman", serif;
}

.wrapper {
margin-top: 1em;
margin-bottom: 1em;
background: url("https://www.birkenheadchoral.org/uploads/images/bg.png");
-webkit-box-shadow: 0 1px 3px 1px #ddd;
box-shadow: 0 1px 3px 1px #ddd;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.max { max-width: 200px; }

h1, h2, h3, .h1, .h2, .h3 {
font-family: "Garamond", Georgia, "Times New Roman", serif;
color: #000;
}

h2 { text-transform: uppercase; }

header h2 { text-transform: capitalize; }

.joinedup {
font-family: Courgette, script;
}

header {
padding: 10px 0;
}

header h1 { line-height: 90%; }

header a, header a:link {

}

header a:hover, header a:visited {
    text-decoration: none;
}

header small {

}

footer {
border-top: 2px solid #B6290D;
margin-top: 2em;
padding: 1em 0;
text-align: center;
}

footer a, footer a:active {
color: #333333;
}

footer a:hover, footer a:visited {
color: #222;
}

.credit {
text-align: center;
font-size: 0.8em;
}

.credit a, .credit a:active {
color: #333333;
}

.credit a:hover, .credit a:visited {
color: #222;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.border {
border: 1px solid #ccc;
padding: 7px;
background: #fff;
}

.fadein
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.fadein:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

table.links tr {
margin-bottom: 1em;
}

input {
margin-bottom: 1em;
}

.fpbox h3 {
text-align: center;
transition: all .2s ease-in-out;
}

.fpbox h3:hover {
transform: scale(1.1);
}

.fpbox h3 span {
font-size: 200%;
}

.fb, a.fb:hover {
color: #47639e;
}

.twit, a.twit:hover {
color: #337AB7;
}

.grn, a.grn:hover {
color: #B6290D;
}

/*** CAROUSEL STUFF FIX ***/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(33%, 0, 0);
      transform: translate3d(33%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-33%, 0, 0);
      transform: translate3d(-33%, 0, 0);
  }
}



/*** CALENDAR STYLES ***/

.calendar-list-nav {
margin-top: 1em;
border-top: solid 1px #ddd;
padding-top: 1em;
font-size: 120%;
}

.cal-header {
color: #000;
padding: 3px 0;
border-bottom: solid 1px;
font-size: 130%;
}

.more-link {
margin-top: 1em;
}

.calendar-event {
border-bottom: 1px dotted #ddd;
margin-bottom: 1em;
}

#hpcarousel {
  padding: 1em;
}

/*** HOME PAGE CAROUSEL ***/
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}


/*** VIEWPORT DEPENDENT STYLES ***/
@media only screen and (min-width: 768px) {
body {
background: url("https://www.birkenheadchoral.org/uploads/images/redvelvet.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}

@media only screen and (max-width : 480px) {
    footer {
    
    }
}

/*** MAKE TINY EDITOR DISPLAY TEXT FULL SIZE ***/
.pageinput textarea {
font-size: 100%;
}

/*** ADDED FOR SELF HOSTED FONTASTIC FONTS ON HOME PAGE 22/4/2020 ***/
@charset "UTF-8";

@font-face {
  font-family: "tdlwebs";
  src:url("https://www.birkenheadchoral.org/uploads/fonts/tdlwebs.eot");
  src:url("https://www.birkenheadchoral.org/uploads/fonts/tdlwebs.eot?#iefix") format("embedded-opentype"),
    url("https://www.birkenheadchoral.org/uploads/fonts/tdlwebs.woff") format("woff"),
    url("https://www.birkenheadchoral.org/uploads/fonts/tdlwebs.ttf") format("truetype"),
    url("https://www.birkenheadchoral.org/uploads/fonts/tdlwebs.svg#tdlwebs") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "tdlwebs" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "tdlwebs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-official:before {
  content: "\61";
}
.icon-users:before {
  content: "\62";
}
.icon-twitter:before {
  content: "\63";
}
.icon-linkedin-square:before {
  content: "\64";
}

/* Stylesheet: styles Modified On 2020-04-22 10:21:50 */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#cal-calendar td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#cal-calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: silver;
}

#cal-calendar .calendar-day
{
  background-color: #80ff80;
}

#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* Stylesheet: Calguys Calendar CSS example v1.15.7 Modified On 0000-00-00 00:00:00 */