/* custom css file for site specific styles */
/*change extension to .css to use*/
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/7254094/6839152/css/fonts.css" />

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: “Vitesse A”,“Vitesse B”,Cambria,Rockwell,“Times New Roman”,serif;
font-weight: 700;
line-height: 1.1;
}

.fullwidth-bottom{
background-color: stucco;
}
.slick .slick__slide .slide__content img {
	width: 100% !important;
	height: auto !important;
}
.slick__slide .slide__content .views-field-body {
	position: absolute;
	bottom: 20px;
	right: 4%;
	max-width: 49%;
	background-color: #ba0c2f;
	color: #fff;
	opacity: 0.7;
	padding: 20px;
}
.slick__slide .slide__content .views-field-body p {
	margin-bottom: 0;
	opacity: 1;
}
/* Custom css for views slideshow format*/
.views-slideshow-cycle-main-frame-row-item .views-field-body {
	position: absolute;
	bottom: 40px;
	right: 4%;
	max-width: 49%;
	background-color: #ba0c2f;
	color: #fff;
	opacity: 0.7;
	padding: 20px;
}
.views-slideshow-cycle-main-frame-row-item .views-field-body p {
	margin-bottom: 0;
	opacity: 1;
}

/*
#header a {
    color: #fff;
    text-decoration: none;
}
#site-slogan {
    color: #fff;
    padding-bottom: 5px;
}
#header {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(72, 66, 66, 0.5);
    z-index: 99;
}*/


/* Custom css for views slideshow mobilw display. hide body field if size changes*/
@media (max-width: 768px) {
	.slick__slide .slide__content .views-field-body {
		position: relative;
		max-width: 100%;
		width: 100%;
		right: initial;
		bottom: initial;
		margin-top: 3px;
		background-color: #ba0c2f;
	}
}
.slick-dots {
	padding-bottom: 5px;
	margin-left: 0;
}

.slick-arrow::before {
    color: #fff;
    font-size: 2.25rem;
}


.bythenumbers-header {
    background: #fff;
        background-color: rgb(255, 255, 255);
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background: linear-gradient(90deg, #fff 50%, #c10037 50%);
        background-color: transparent;
        background-image: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(193, 0, 55) 50%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
.bythenumbers-header-new {
    background: #fff;
    background: linear-gradient(45deg, #fff 40%, #c10037 60%);
        background-color: transparent;
        background-image: linear-gradient(45deg, rgb(255, 255, 255) 70%, rgb(193, 0, 55) 30%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
.newsslider {
    background: #ba0c2f;
    background: linear-gradient(90deg, #ba0c2f 50%, #fff 50%);
        background-color: transparent;
        background-image: linear-gradient(45deg, rgb(193, 0, 55) 50%, rgb(255, 255, 255) 50%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
.newsslider-inourbackyard {
    background: #ba0c2f;
    background: linear-gradient(90deg, #ba0c2f 50%, #fff 50%);
        background-color: transparent;
        background-image: linear-gradient(45deg, rgb(193, 0, 55) 50%, rgb(255, 255, 255) 50%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
#bythenumbers-header-new2 {
    background: #fff;
    background: linear-gradient(45deg, #fff 60%, #c10037 40%);
        background-color: transparent;
        background-image: linear-gradient(45deg, rgb(255, 255, 255) 30%, rgb(193, 0, 55) 70%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
.bythenumbers-header2 {
    background: linear-gradient(90deg, #fff 50%, #ba0c2f 50%);
        background-color: transparent;
        background-image: linear-gradient(315deg, rgb(255, 255, 255) 50%, rgb(193, 0, 55) 50%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
}
.triangle {
	height: 0;
	width: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 0px solid transparent;
	border-top: 40px solid #a7a8aa;
}
.triangle2 {
	height: 0;
	width: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #a7a8aa;
	border-top: 0px solid transparent;
}
.triangle3 {
	height: 0;
	width: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 0px solid transparent;
	border-top: 40px solid #ba0c2f;
}
.stats-row {
    position: relative;
    margin-top: -1px;
}
.stats-row .top-bg {
    display: block;
    height: 51px;
    background: #2e2e2e;
    -webkit-box-shadow: 0 3px 8px rgba(5, 5, 5, 0.75);
    box-shadow: 0 3px 8px rgba(5, 5, 5, 0.75);
    position: relative;
    z-index: 5;
}
* {
    max-height: 100000px;
    font-size: 100.01%;
}
.stats-row .bg-stretch {
    position: absolute;
    top: 51px;
    bottom: 0;
    left: 0;
    right: 0;
}
* {
    max-height: 100000px;
    font-size: 100.01%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}