#logo-container {
  text-align: center;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #FFF;
    background-color: #AFAFAF;
    border-color: #AFAFAF;

}
.pagination > li > a, .pagination > li > span {
    color: #0f0f0f;
}

.element-title, .element-title a, .element-title a:hover, .element-title a:visited {
    text-indent: 10px;
}

a.recentlink {
  color: #020202;
}

.recentinner {
  border-bottom: 1px solid #EFEFEF;
}

.footerRow,
.footerRow .ult_social,
.horizontal-menu  {
  text-align:center !important;
}
.ult_social a {
  margin: 0px 10px;
}
.horizontal-menu {
  width: 100%;
}
.horizontal-menu ul li {
  float: none !important;
  display: inline;
}

/* Dan's Additions START here: */

html, body {height: 100%;}

/* Fonts */

h1.entry-title {display:none;}
h1,h2,h3,h4,h5,h6 {color:#777777;}

/*.wpb_wrapper {height:900px!important;}*/

/*.iframe {height:900px!important;}*/

/*Menus on home page*/
.home .wpb_wrapper p a {color:#e0e0e0!important;text-decoration: none!important;font-size: 30px;}
.home .wpb_wrapper p a:hover {color:#FFFFFF!important;text-decoration: none!important;font-size: 30px;}
.vc_figure-caption {font-size:72px;}

/* Colours for columns*/
.color1 {background-color:#f15b40;color:white!important;}/* Orange*/ 
.color2 {background-color:#8f53a1;color:white!important;}/* Purple */               
.color3 {background-color:#48815c;color:white!important;}/*/* Green > ul li a.color3{color:white;}*/              
.color4 {background-color:#ce8b4e;color:white!important;}/* Golden Brown */
.color5 {background-color:#313152;color:white!important;}/* Deep Grey-Blue for accordions */

/* Menus */
.vertical-menu a:link {padding: 30px 0px 0 10px;}
/*li.current-menu-item.current_page_item a{color:yellow!important;}*/
/* li#menu-item-483.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-478.current_page_item.menu-item-483 a {color:yellow!important;}/*

/* Highlight using list element */
li.current_page_item a:link{border-bottom-style: solid;border-width: 1px;}
 
/* Menus. Colors for each colored menu's text i.e the 'dimmed' colors for each. */

/* #menu-music.menu li {color: #FFFFFF;}*/
#menu-music.menu li a {color: #fbcfc7;}/* Light Orange*/
#menu-music.menu li a:visited {color: #fbcfc7;}
#menu-music.menu li a:hover {color: #FFFFFF;}
#menu-music.menu li a:active {color: #d1fcf9;}

#menu-production.menu li {color: #FFFFFF;} 
#menu-production.menu li a {color: #e1c7e9!important;}/* Light Purple*/
#menu-production.menu li a:visited {color: #e1c7e9!important;}
#menu-production.menu li a:hover {color: #FFFFFF!important;}
#menu-production.menu li a:active {color: #d1fcf9!important;}

#menu-visuals.menu li {color: #FFFFFF;}
#menu-visuals.menu li a {color: #c5e7d1!important;}/* Light Green*/
#menu-visuals.menu li a:visited {color: #c5e7d1!important;}
#menu-visuals.menu li a:hover {color: #FFFFFF!important;}
#menu-visuals.menu li a:active {color: #d1fcf9!important;}

#menu-about.menu li {color: #FFFFFF;}
#menu-about.menu li a {color: #f2d7bf!important;} /* Light Golden Brown*/
#menu-about.menu li a:visited {color:#f2d7bf!important;}
#menu-about.menu li a:hover {color: #FFFFFF!important;}
#menu-about.menu li a:active {color: #d1fcf9!important;}

/* Responsive Side Menu: Paul Milne*/
/*#ultimatummenu-7-resonsive.menu /*li.menu-item *//*{color:#CCC ;font-family: 'Montserrat', sans-serif!important;font-weight:400; font-size: 12px;text-transform: none;letter-spacing:1px; line-height:14px; padding: 5px 0;}*/

/* This technique allows a specific background image to cover an area completely, and resize flexibly.*/
.bkgd1 {background: url(https://danedmondsworld.marklandhouse.com/wp-content/uploads/2021/08/Dan_BW_text-1.jpg) no-repeat center center /* fixed*/;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*min-height:440px; padding:80px;margin:0;*/
  padding:0; margin-top:-40px;
}

.bkgd2 {background: url(https://hamiltonsings.ca/wp-content/uploads/2019/07/Workshop_Oct-16.jpg) no-repeat center center/* fixed*/;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:440px; padding:80px;margin:0;
}


.bkgd3 {background: url(http://hamiltonsings.ca/wp-content/uploads/2021/06/LittleEngineThatCould.jpg) no-repeat center center/* fixed*/;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:440px; padding:80px;margin:0;
}



/*Hamburger bars */
.fa.fa-bars {position: fixed;top: 25px;left: 15px;color:#5c5cc1!important;}

/* Accordions START: Paul Milne style*/
/*All accordion panels at rest. All panels #f15b40 deep grey-blue-purple. Highlight #656482*/ 

.vc_tta-panel-heading {/*background:#f15b40!important;*/background:#313152!important; font-size: 21px!important;text-transform: uppercase!important;letter-spacing:1px!important;}

 
/*Text on accordions */
a span.vc_tta-title-text {color:#FFF!important;font-size: 21px;text-transform: uppercase;letter-spacing:1px;}

/*Individual accordion panel on hover. Class must be added to each panel (section) in VC. */
.accordion a:hover {background:#656482!important;}
.accordion a:active {color:#FFF!important;}

/* Open body of accordion */
.vc_tta-panel-body {background:#f2f2f2!important;border: 1px solid #313152!important;border-top:none!important;color:#424242!important;margin-top:-5px!important;}/* accordion body areas */
.vc_tta-panel-body ul li{padding-bottom:15px;list-style-type:square;}
.vc_tta-panel-body li a:hover{background:none!important;}
.vc_tta-panel-body a:hover{background:none!important;}


/*Social Media*/
/*.twitter-text {color:#888!important;}*/

/* Geometry */
.display-none {display:none;}

/* https://stackoverflow.com/questions/1575141/how-to-make-a-div-100-height-of-the-browser-window */
/* These units are vh (viewport height), vw (viewport width), vmin (viewport minimum length) and vmax (viewport maximum length). 1vh is equal to 1% of the viewport's height.*/
/*.big-column {height: 100vmax;}*/
.big-column {min-height: 100vh;height: 100vh;} /* See https://css-tricks.com/fun-viewport-units/ */

/*Responsive CSS for youTube videos*/
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Responsive CSS for BandCamp iframes*/

.bandcamp-resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    padding-top: 40%;
}

.bandcamp-resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/*padding-top: 56.25% This is where the magic is. In CSS, the padding-top property can receive a percentage, this is what keeps our iframe to the right ratio. By using percentage, it will calculate the padding to use based on the width of the element. In our example, we want to keep the ratio of 56.26% (height 9 ÷ width 16) because this is the default ratio for YouTube videos. However, other ratios can be used as well. */