/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face {
    font-family: 'socialico_plusregular';
    src: url('/fonts/socialico_plus-webfont.woff2') format('woff2'),
         url('/fonts/socialico_plus-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    background: url(/img/white_wall_hash.png);
    background-size: 500px 500px;
    background-repeat: repeat;
    padding: 0;
}

p {
	font-family: Arvo, Helvetica, sans-serif;
	font-weight: 400;
	margin-top: 0em;
}

h1, h2 {
	font-family: Arvo, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 0em;
}

h3, h4 {
	font-family: Arvo, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: .5em;
	color: #2e66ab;
}

ul {
	padding-left: 20px;
	font-family: Arvo, Helvetica, sans-serif;
	font-size: 1em;
}

.social {
	font-family: socialico_plusregular;
	font-size: 3em;
	text-align: center;
	color: #2e66ab;
}

.blue {
	color: #2e66ab;
}

.bigger {
	font-size: 1.2em;
}

.mini {
	height: 240px;
	width: 340px;
}

.logo {
	width: 315px;
	height: 75px;
}

.containernav {
	width: 100%;
	height: 120px;
	text-align: center;
	padding: 20px;
	background-color:#2e66ab;
}

.invisible-left {
	margin: 8px 4px 8px 8px;
	padding: 5px 0 0;
	float: left;
}

.invisible-left2 {
	margin: 8px 4px 8px 0;
	padding: 5px 0 0;
	float: left;
}

.invisible-right {
	margin: 8px 8px 8px 0;
	padding: 5px 0 0;
	float: right;
}

.button {
    padding:8px 10px;
    position:relative;
	font-family: Arvo, Helvetica, sans-serif;
	font-weight: 700;
	font-size: .8em;
    text-decoration:none;
    color:#303030;
    border: solid 1px #2d2d2d;
    background-color: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(239, 239, 239)), to(rgb(189, 189, 188)));
	background-image: -webkit-linear-gradient(top, rgb(239, 239, 239), rgb(189, 189, 188));
	background-image: -moz-linear-gradient(top, rgb(239, 239, 239), rgb(189, 189, 188));
	background-image: -o-linear-gradient(top, rgb(239, 239, 239), rgb(189, 189, 188));
	background-image: -ms-linear-gradient(top, rgb(239, 239, 239), rgb(189, 189, 188));
	background-image: linear-gradient(top, rgb(239, 239, 239), rgb(189, 189, 188));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#efefef', EndColorStr='#bdbdbc');
	border-radius: 5px;
	box-shadow: inset 0px 1px 1px #414142, 0px 1px 0px #0e0e0e;
}

.button:hover {
    text-decoration: none;
    border: solid 1px #2d2d2d;
	background-color: #f7f7f7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(247, 247, 247)), to(rgb(205, 205, 205)));
	background-image: -webkit-linear-gradient(top, rgb(247, 247, 247), rgb(205, 205, 205));
	background-image: -moz-linear-gradient(top, rgb(247, 247, 247), rgb(205, 205, 205));
	background-image: -o-linear-gradient(top, rgb(247, 247, 247), rgb(205, 205, 205));
	background-image: -ms-linear-gradient(top, rgb(247, 247, 247), rgb(205, 205, 205));
	background-image: linear-gradient(top, rgb(247, 247, 247), rgb(205, 205, 205));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f7f7f7', EndColorStr='#cdcdcd');
}
 
.button:active {
    top:1px;
    color: #5e5e5e;
    background-color: #b6b7b6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 183, 182)), to(rgb(235, 235, 235)));
	background-image: -webkit-linear-gradient(top, rgb(182, 183, 182), rgb(235, 235, 235));
	background-image: -moz-linear-gradient(top, rgb(182, 183, 182), rgb(235, 235, 235));
	background-image: -o-linear-gradient(top, rgb(182, 183, 182), rgb(235, 235, 235));
	background-image: -ms-linear-gradient(top, rgb(182, 183, 182), rgb(235, 235, 235));
	background-image: linear-gradient(top, rgb(182, 183, 182), rgb(235, 235, 235));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b6b7b6', EndColorStr='#ebebeb');
}

.button2 {
    padding:4px 10px;
    position:relative;
	font: 30px/24px socialico_plusregular;
    text-decoration:none;
    color:#FFF;
    border: solid 1px #2d2d2d;
	background-color: #2e66ab;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(46, 102, 171)), to(rgb(62, 136, 229)));
	background-image: -webkit-linear-gradient(top, rgb(46, 102, 171), rgb(62, 136, 229));
	background-image: -moz-linear-gradient(top, rgb(46, 102, 171), rgb(62, 136, 229));
	background-image: -o-linear-gradient(top, rgb(46, 102, 171), rgb(62, 136, 229));
	background-image: -ms-linear-gradient(top, rgb(46, 102, 171), rgb(62, 136, 229));
	background-image: linear-gradient(top, rgb(46, 102, 171), rgb(62, 136, 229));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2e66ab', EndColorStr='#3e88e5');
	border-radius: 5px;
	box-shadow: inset 0px 1px 1px #414142, 0px 1px 0px #0e0e0e;
}

.button2:hover {
	color:#FFF;
    padding:4px 10px;
    position:relative;
	font: 35px/24px socialico_plusregular;
    text-decoration:none;
    border: solid 1px #2d2d2d;
	background-color: #9eccff;
	background-color: #316ebc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 110, 188)), to(rgb(109, 153, 246)));
	background-image: -webkit-linear-gradient(top, rgb(49, 110, 188), rgb(109, 153, 246));
	background-image: -moz-linear-gradient(top, rgb(49, 110, 188), rgb(109, 153, 246));
	background-image: -o-linear-gradient(top, rgb(49, 110, 188), rgb(109, 153, 246));
	background-image: -ms-linear-gradient(top, rgb(49, 110, 188), rgb(109, 153, 246));
	background-image: linear-gradient(top, rgb(49, 110, 188), rgb(109, 153, 246));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#316ebc', EndColorStr='#6d99f6');
	border-radius: 5px;
}
 
.button2:active {
    top:1px;
	background-color: #013ef2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1, 62, 242)), to(rgb(157, 204, 255)));
	background-image: -webkit-linear-gradient(top, rgb(1, 62, 242), rgb(157, 204, 255));
	background-image: -moz-linear-gradient(top, rgb(1, 62, 242), rgb(157, 204, 255));
	background-image: -o-linear-gradient(top, rgb(1, 62, 242), rgb(157, 204, 255));
	background-image: -ms-linear-gradient(top, rgb(1, 62, 242), rgb(157, 204, 255));
	background-image: linear-gradient(top, rgb(1, 62, 242), rgb(157, 204, 255));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#013ef2', EndColorStr='#9dccff');
}

#jumbotron {
	background: none;
}

.home-banner {
	background:url(/img/holidayparties.jpg) no-repeat center center;
}

.image-container2{
    position:relative;
    margin:10px auto;
    background-size:cover;
    max-width:1140px;
    width:100%;
    height:100%;
    padding: 50px 0;
}

.footer-left {
	float: left;
	margin-bottom: 8px;
}

.footer-right {
	float: right;
	margin-bottom: 8px;
}

.h-pad {
	padding-bottom: 20px;
}

.image-container-sub {

}

.image-container-sub img{
	width: 100%;
	height: 100%;
}

.photopage{
	height:480px;
	width:158px;
	margin: 10px auto;
}

.badgebox{
	height:131px;
	width:400px;
	display:block;
}

/*.icon-left {
	float: left;
	
}

.icon-right {
	float: right;
} */

@media (max-width: 996px) {
	.social {
	font-family: socialico_plusregular;
	font-size: 1em;
	text-align: center;
	color: #2e66ab;
}
}

/*Some Phone Stuff*/
@media (max-width: 505px) {
	
	.logo {
	width: 240px;
	height: 59px;
	}
	
	.containernav {
	width: 100%;
	height: 100px;
	text-align: center;
	padding: 20px;
	background-color:#2e66ab;
	}
	
	.invisible-left {
	margin: 8px auto 12px auto;
	padding: 5px 0 0;
	text-align: center;
	float: none;
}

	.invisible-left2 {
	margin: 14px auto 12px auto;
	padding: 5px 0 0;
	text-align: center;
	float: none;
}

	.invisible-right {
	margin: 12px auto 8px auto;
	padding: 5px 0 0;
	text-align: center;
	float: none;
	}
	
.button {
    padding:8px 8px;
	font-family: Arvo, Helvetica, sans-serif;
	font-weight: 700;
	font-size: .8em;
}
	
}