/* ==================== Nav bar ======================= */


.navbar {
	background-color: #24222B;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}

.navbar {
    border-radius: 0px;
	margin-bottom: 0px;
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}


.navbar .navbar-nav>li>a {
    color: #FFF;
}

.navbar-brand img {
	width: 200px;
}

/* FULL SIZE */
.navbar li {
	font-size:20px;
	padding: 15px;
}





/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.navbar li {
		font-size:18px;
		padding: 15px 5px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navbar li {
		font-size:12px;
		padding: 15px 0px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.navbar li {
		font-size:25px;
		padding: 15px;
	}
	
	.navbar-brand img {
	width: 115px;
	}
}



/* =================== MAIN =================== */

.facebook-widget {
    overflow: hidden;
    max-height: 602px;
}


.image-full {
	width: 100%;
}


body {
	background-color: #EEE;
}
	
	a:hover {
	text-decoration:none;
}


.h-top {
	margin-top: 0px;
}

h1, h2, h3, h4, h5 {
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
    text-shadow: 0px 5px 2px #111014;
}

.h-pink {
	color: #8B1040;
	text-shadow:none;
}

.h-dark {
	color:#24222B;
	text-shadow:none;
}

.bg-white {
	background-color:#FFF;
}


.padding0 {
	padding: 0px!important;
}
.padding15 {
	padding: 15px;

}

.bg-dark-fade {
	background-color: rgba(36,34,43,0.6);
}

.bg-pink-fade {
	background-color: rgba(146,6,63,0.6);
}

.bg-cover {
	background-position:center;
	background-size:cover;
}


.header-title {
	margin-bottom: 30px;
	background-position:center;
	background-size:cover;
}

.header-title h1 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.white-box {
	background-color:#FFF;
	padding: 5px;
	box-shadow: 0px 2px 4px #BBBBBB;
	margin-bottom: 30px;
	
}

.box-shadow {
	box-shadow: 0px 2px 4px #BBBBBB;
}

.bg-image {
	background-image:url(/img/image_bg.png);
	background-size:100% 100%;
}

/* =================== HOME =================== */

.blocker {
	position:absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}


.welcome-large h1 {
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
    line-height: 150%;
    text-shadow: 0px 5px 2px #111014;
	padding-left: 15%;
	padding-right: 15%;
	
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
	.welcome-large h1 {
		font-size: 40px;	
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.welcome-large h1 {
		font-size: 35px;		
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.welcome-large h1 {
		font-size: 45px;	
		padding-left: 10%;
		padding-right: 10%;
	}
	

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.welcome-large h1 {
		font-size: 25px;	
		padding-left: 10%;
		padding-right: 10%;
	}
	
}

.welcome-logo {
	width: 100%;
	max-width: 650px;
}


.welcome-small-one {
	background-color: #F15029;
}

.welcome-small-two {
	background-color: #92063F;
}

.welcome-small-three {
	background-color: #C90036;
}

.welcome-small-four {
	background-color: #5B1547;
}


.calendar {
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
    text-shadow: 0px 2px 2px #111014;
}

.calendar .next {
	font-size: 30px;
	margin-bottom: 50px;
}
.calendar .number{
	font-size: 100px;
	line-height: 50%;
}
.calendar .number .suffix {
	text-transform:lowercase;
	font-size: 30px;
}

.calendar .month {
	font-size: 50px;
}
.calendar .details {
	margin-top: 50px;
	font-size:20px;
}




@media only screen and (max-width : 1500px) {
	.calendar .next {
		font-size: 20px;
		margin-bottom: 50px;
	}
	
	.calendar .number{
	font-size: 66px;
	line-height: 33%;
	}
	
	.calendar .number .suffix {
		text-transform:lowercase;
		font-size: 20px;
	}
	
	.calendar .month {
		font-size: 33px;
	}
	.calendar .details {
		margin-top: 33px;
		font-size:13px;
	}
}





@media only screen and (max-width : 767px) {
	.calendar .next {
		margin-bottom: 20px;
	}
	
	.calendar .details {
		margin-top: 10px;
	}
	
	
}


.welcome-small:hover .ratio-inner {
	background-color: rgba(255,255,255,0.3);
}


/* =================== EVENT =================== */


.event-logo {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}

.event-details {
	padding-bottom: 15px;
}

@media only screen and (max-width : 767px) {
.event-details h2, 
.event-details h3{
	font-size: 15px;
	
}
	
}


.event-box {
	background-color:#FFF;
	margin-bottom: 30px;
}
.event-box:hover {
	background-color: #24222B;	
}
.event-box:hover .h-pink,
.event-box:hover .h-dark {
	color:#FFF;
}

.event-box:hover .bg-dark-fade {
	background-color: rgba(146,6,63,0.6);
}


/* =================== about =================== */


.about-img {
	width: 100%;
	max-width:500px;
	padding-left: 10px;
	padding-right: 10px;
}
/* =================== services =================== */



#services-home {
	background-image:url(/img/pixel_bg.png);
	background-size:cover;
	background-position:top;
}

#services-home p {
	color: #BABABA;
}

.circle-div {
	background-size:cover;
	background-position:center;
	-moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
	
}
#services div[class^='col'],
#services-home div[class^='col'] {
	margin-bottom: 15px;	
	
}



.btn-outline {
border: 1px solid #fff;	
color: #FFF;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
}

.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
	color:#CCC;
	border: 1px solid #CCC;	
}

.btn-pink {
	border: 1px solid #8B1040!important;	
	color:#8B1040!important;
	
}
/* =================== ZOOM / RATIO / VERTICAL =================== */




.ratio-square,
.ratio-rectangle,
.ratio-screen {
  position: relative;
}

.ratio-square > .ratio-inner,
.ratio-rectangle > .ratio-inner,
.ratio-screen > .ratio-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ratio-square:before,
.ratio-rectangle:before,
.ratio-screen:before {
  display: block;
  content: "";
  width: 100%;
  
}
.ratio-rectangle:before {
	padding-top: 40%
}
.ratio-screen:before {
	padding-top: 56.25%;
}

.ratio-square:before {
	padding-top: 100%;
}


.vertical-outer {
    height: 100%;
    display: table;
    width: 100%;
}

.vertical-inner {
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}


.zoom-outer {
  overflow:hidden;
  width: 100%;
  height: 100%;
  
}

.zoom-inner {
  width: 100%;
  height: 100%;
  background-color: #111; /* fallback color */
  background-position: center;
  background-size: cover;
  transition: all .6s;
}

.zoom-trigger:hover .zoom-inner,
.zoom-trigger:focus .zoom-inner {
  transform: scale(1.1);
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.ratio-kill-sm.ratio-square,
	.ratio-kill-sm.ratio-rectangle,
	.ratio-kill-sm.ratio-screen {
	  	position: relative;
	 
	  
	}
	.ratio-kill-sm.ratio-square > .ratio-inner,
	.ratio-kill-sm.ratio-rectangle > .ratio-inner,
	.ratio-kill-sm.ratio-screen > .ratio-inner {
		position:inherit;
	   	padding-bottom: 25px;
	
	}
	.ratio-kill-sm.ratio-square:before,
	.ratio-kill-sm.ratio-rectangle:before,
	.ratio-kill-sm.ratio-screen:before {
		padding-top: 25px;
		
	}
	

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	
	.ratio-kill-xs.ratio-square,
	.ratio-kill-xs.ratio-rectangle,
	.ratio-kill-xs.ratio-screen {
	  position: relative;
	 
	}
	.ratio-kill-xs.ratio-square > .ratio-inner,
	.ratio-kill-xs.ratio-rectangle > .ratio-inner,
	.ratio-kill-xs.ratio-screen > .ratio-inner {
	  position:inherit;
	   padding-bottom: 25px;
	
	}
	.ratio-kill-xs.ratio-square:before,
	.ratio-kill-xs.ratio-rectangle:before,
	.ratio-kill-xs.ratio-screen:before {
		padding-top: 25px;
		
	}
}





.zoom-outer {
  overflow:hidden;
  width: 100%;
  height: 100%;
  
}

.zoom-inner {
	width: 100%;
	height: 100%;
	background-color: #111; /* fallback color */
	background-position: center;
	background-size: cover;
	
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.zoom-trigger:hover .zoom-inner,
.zoom-trigger:focus .zoom-inner {
  	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.overlap-container {
	position: relative;
}

.overlap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}






#footer {
		background-color: #24222B;
		color: #fff;
}

#footer a {
	color:#CCC;
}


.wheldon-media {
    width: 100%;
    max-width: 250px;
    padding: 5px 15px 30px 15px;
}








.social-container {
	background-position: center;
    background-size: cover;
	
}

.social-container .bg-pink-fade {
	padding-bottom: 15px;
}
.social-image {
	max-width: 150px;
	width: 100%;
}


.social-container a:hover {
	opacity: 0.6;
}


.text-white {
	color:#FFF;
}


.cut3 {
    overflow: hidden;
    height: 58px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}