#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;
}


/* CUSTOM CSS STARTS HERE. */

/*HEADER*/
/* The Hamburger*/
.slicknav_menu {font-size: 36px;line-height: 1.125em;background:none;}
.slicknav_menu .slicknav_collapsed{background:none;color:#01addd;}
a.slicknav_btn.slicknav_open {line-height: 1.125em;background:none;}
.slicknav_btn.slicknav_open ul li a{font-size: 16px;}
.slicknav_menu ul.slicknav_nav li {font-size: 16px;}
/*.box-height{height: 440px;height:auto;}i.e total height = 600px, incl 80px padding per side */

/*.vc_column_container > .vc_column-inner > .vc_col-sm-6{box-sizing: border-box;padding: 0px!important;width:auto!important;} Default is padding-left: 15px;padding-right: 15px; */

/*.vc_column-inner {box-sizing: border-box;padding: 0px!important;width:auto!important;background: yellow;}*/

/*.vc_row-flex div.color0.wpb_column.vc_column_container.vc_col-sm-6 {padding: 0px!important;height:auto!important;width:auto!important;}*/


/* This technique allows a specific background image to cover an area completely, and resize flexibly.*/
.bkgd1 {background: url(http://hamiltonsings.marklandhouse.com/wp-content/uploads/2018/07/Concert_May-17-620W.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;
}

.bkgd2 {background: url(http://hamiltonsings.marklandhouse.com/wp-content/uploads/2018/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/2014/03/HARRRP-Building.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;
}



/* Font Stuff */

/*A complete approach available at: http://typecast.com/images/uploads/modernscale.css*/


/*From https://getbootstrap.com/docs/4.0/content/typography/html > Responsive typography. Choose whatever font-sizes and media queries you wish.*/

/*
html {font-size: 1rem;}

@include media-breakpoint-up(sm) {html {font-size: 1.2rem;}}

@include media-breakpoint-up(md) {html {font-size: 1.4rem;}}

@include media-breakpoint-up(lg) {html {font-size: 1.6rem;}}
*/

html {font-size: 1rem;}

h1 {font-size: 2.875rem;text-transform:uppercase;}

h1.entry-title.post-header {display:none;}/*Allows the surtitle and title to be in the box. Page name (for tab title) set it Quick Edit.*/

h2 {font-size: 2.5rem;}

/* p::after { content: " - Remember this";} An example of 'after'*/

/*h2::after {
    position: absolute;
    width: auto;
    width: 100px;
    height: 2px;
    background-color: #ffc527;
    top: 250px;
    left: 80px;
    content: "";
    bottom: 0;
}*/

h3 {font-size: 2.1rem;}

h4 {font-size: 1.7rem;}

h5 {font-size: 1.2rem;}

h6 {font-size: 1.1rem;}

p {line-height: 1.7;margin-bottom: 20px;}

.surtitle-color0 {color: #FFF;text-transform: uppercase;margin-bottom:20px;font-weight: 600;display: block;}

.surtitle-color1 {color: #01addd;text-transform: uppercase;margin-bottom: 20px;font-weight: 600;display: block;}

.surtitle-color2 {color: #f78222;text-transform: uppercase;margin-bottom: 20px;font-weight: 600;display: block;}

.surtitle-color3 {color: #00a88f;text-transform: uppercase;margin-bottom: 20px;font-weight: 600;display: block;}

.header-text {font-style:italic;color:grey;}

/* Column blocks. Just for columns, not rows. */

.color0 {background:#FFF;min-height:440px;padding:80px;margin:0;}/*white*//*i.e total height = 600px, incl 80px padding per side*/
	.color0 h1, h2, h3, h4, h5 {color:grey;}
	.color0 a {color:grey;font-weight: bold;}

.color1 {background:#48c4e7;min-height:440px;padding:80px;margin:0;}/*blue*//*Was #01addd */
	.color1 h1, h2, h3, h4, h5 {color:white;}
	.color1 a {color:#FFF;font-weight: bold;}

.color2 {background:#f78222;min-height:440px;padding:80px;margin:0;color:#FFF;}/*orange, white text*/
	.color2 a {color:#FFF;font-weight: bold;}
	.color2 h1, h2, h3, h4, h5 {color:white;}

.color3 {background:#00a88f;min-height:440px;padding:80px;margin:0;color:#FFF;}/*green, white text*/
	.color3 a {color:#FFF;font-weight: bold;}
	.color3 h1, h2, h3, h4, h5 {color:white;}

.full-width { padding:80px 65px;margin:0;background:grey;}/* For Essential Grid boxed single columns, that line up with 'column blocks'. */