@charset "UTF-8";
/*
Theme name: NJSPE
*/
/* CSS Document */

/*Import Bootstrap CSS Files*/
@import url(css/bootstrap.min.css);

/* Fonts */
@font-face {
    font-family: 'deliciousbold';
    src: url('./fonts/delicious-bold-webfont.eot');
    src: url('./fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/delicious-bold-webfont.woff2') format('woff2'),
         url('./fonts/delicious-bold-webfont.woff') format('woff'),
         url('./fonts/delicious-bold-webfont.ttf') format('truetype'),
         url('./fonts/delicious-bold-webfont.svg#deliciousbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'deliciousbold_italic';
    src: url('./fonts/delicious-bolditalic-webfont.eot');
    src: url('./fonts/delicious-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/delicious-bolditalic-webfont.woff2') format('woff2'),
         url('./fonts/delicious-bolditalic-webfont.woff') format('woff'),
         url('./fonts/delicious-bolditalic-webfont.ttf') format('truetype'),
         url('./fonts/delicious-bolditalic-webfont.svg#deliciousbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'delicious_heavyregular';
    src: url('./fonts/delicious-heavy-webfont.eot');
    src: url('./fonts/delicious-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/delicious-heavy-webfont.woff2') format('woff2'),
         url('./fonts/delicious-heavy-webfont.woff') format('woff'),
         url('./fonts/delicious-heavy-webfont.ttf') format('truetype'),
         url('./fonts/delicious-heavy-webfont.svg#delicious_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'deliciousitalic';
    src: url('./fonts/delicious-italic-webfont.eot');
    src: url('./fonts/delicious-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/delicious-italic-webfont.woff2') format('woff2'),
         url('./fonts/delicious-italic-webfont.woff') format('woff'),
         url('./fonts/delicious-italic-webfont.ttf') format('truetype'),
         url('./fonts/delicious-italic-webfont.svg#deliciousitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'deliciousroman';
    src: url('./fonts/delicious-roman-webfont.eot');
    src: url('./fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/delicious-roman-webfont.woff2') format('woff2'),
         url('./fonts/delicious-roman-webfont.woff') format('woff'),
         url('./fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('./fonts/delicious-roman-webfont.svg#deliciousroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'delicious_smallcapsregular';
    src: url('./fonts/delicious-smallcaps-webfont.eot');
    src: url('./fonts/delicious-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/delicious-smallcaps-webfont.woff2') format('woff2'),
         url('./fonts/delicious-smallcaps-webfont.woff') format('woff'),
         url('./fonts/delicious-smallcaps-webfont.ttf') format('truetype'),
         url('./fonts/delicious-smallcaps-webfont.svg#delicious_smallcapsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Main Layout */

body {background:#011b39; font-size:20px; color:#404040; line-heigh:1.5; }
.bg {background:#f7f0e7}
#ceiling {height:25px; background:#011b39; border-bottom:10px solid #0072bc}
.banner {background-position:left center; background-repeat:no-repeat; background-size:cover; min-height:600px}
.banner h1, .carousel-caption h2 {text-shadow: 2px 2px #000;}
header {padding:0px 0; align-content:flex-start}
.logo {position:relative; display:block; max-width:500px;  padding:50px; margin:0 auto; }
footer {font-family: 'deliciousroman'; text-transform:uppercase;  padding:26px 0; line-height:1; font-size:24px; color:#fff !important}
footer a {color:#fff}
.title {background:url(images/title-line.png) center repeat-x;}
footer .title {background:url(images/lt-title-line.png) center repeat-x;}
.sidebar {background: url(images/escheresque_@2X.png) repeat; padding:15px 15px 25px; text-align:center; margin-bottom: 25px}
input {margin:5px 0 10px}
.page-template-page-landing .col-md-5.r {background-color:#2370be; border:5px solid #fff; padding:15px; margin-top:25px; margin-bottom:25px}
	.page-template-page-landing .widget h3 {font-family: 'deliciousroman';color:#fff; text-align:center; margin:0px auto 10px; border-bottom:none; padding:0px}
	.page-template-page-landing .widget h4 {font-family: 'delicious_heavyregular';color:#011b39; font-size:26px; text-align:center; margin:0px auto 10px;}
	.page-template-page-landing .widget	.ninja-forms-required-items {color:#fff; font-size:16px}
	.page-template-page-landing .widget .ninja-forms-form-wrap label {font-size:24px; color:#fff; font-family: 'deliciousroman'; }
	.page-template-page-landing .field-wrap {margin-bottom:10px}
  .page-id-438 .col-md-8.mt25 {margin-left: -15px; margin-right: -15px}
  .page-id-438 input, .page-id-438 textArea { border: #0072bc 1px solid;}
  #ninja_forms_field_4.col-xs-12 {width: 100%}
textarea#ninja_forms_field_3 {  padding-right: 15px;   padding-left: 15px;}
.col-sm-6-wrap {  width: 49%;     display: inline-block;      margin: auto;      margin-bottom: 5px !important;  }
  .page-id-438 .field-wrap {margin-bottom: 5px}
ol.tribe-list-widget  {list-style: none; margin:0; padding:0}
input#submit {background: #0072bc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; color: #ffffff; text-transform: uppercase; font-family: 'deliciousroman'; font-size: 18px; padding: 5px 30px 5px 30px; border: solid #011b39 3px; text-decoration: none;}
input#submit:hover {background: #011b39; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; color: #ffffff; text-transform: uppercase; font-family: 'deliciousroman'; font-size: 18px; padding: 5px 30px 5px 30px; border: solid #0072bc 3px; text-decoration: none;}
.comment-form label {display:block}
p.comment-notes { margin-top: 15px;}
h3#reply-title {padding: 10px 15px 10px 0px;}
p.comment-form-author, p.comment-form-email { display: inline-block;  width: 45%; margin-bottom:0px}
p.comment-form-url { display: none;}
.g-recaptcha { margin-bottom: 20px;}
.blog hr {border-top: #011b39 5px solid}
p.date { margin-bottom: 5px;  font-weight: bold;   font-size: 16px;}
/* Row Variations */
.row {padding:30px 0px; margin:0}
.row-white {background:#fff;}
	/* .page-template-default .row-white p {margin:0px 20px} */
	.watermark {background:url(images/watermark.jpg) right no-repeat #fff}
.row-blue {background:#0072bc; color:#fff}
.row-gray {background:url(images/bkg-gray.gif) repeat #f9f9fa; color:#343434}
.row-teal {background:#6bb4af; color:#fff}
.bg-row {background:url(images/escheresque_@2X.png) repeat}
.col-md-6 .bg-row {padding:30px 50px; min-height:515px}
 .col-md-5 .bg-row {padding:30px 50px; min-height:515px}
.row-background {background:url(images/img-row.jpg) center ; background-size:cover; padding:50px 0px}

/* Buttons */
.btn, .blog .read-more {-webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0px; color: #ffffff; text-transform:uppercase; font-family: 'deliciousroman'; font-size: 18px; background: #b13232; padding: 5px 30px 5px 30px; border: solid #fff 3px; text-decoration: none;}
.btn:hover {background: #fff; text-decoration: none; border-color:#fff; color:#0072BC}
.blog .read-more:hover {background: #011b39; text-decoration: none; border-color:#0072bc; color:#0072BC}
.bg-row .btn {width:250px}

.btn-ltblue, .blog .read-more {background:#0072bc}
	#dk-border, .blog .read-more {border:solid 3px #011b39; margin:20px 0px 20px -35px }
.btn-dkblue {background:#011b39}
.blog .read-more {display: block; max-width: 150px; margin: 20px 0px}
.btn-white {background:#fff; border: solid #0072bc 3px; color:#0072bc; margin-left: 25px;}
.btn-white:hover { background: #0072bc; border: solid #fff 3px; color:#fff}

.email-btm {background:url(images/icon-email.png) no-repeat bottom left; height:40px; display:block; margin-bottom: 10px; padding-left:60px; text-align:left}
.email-btm:hover {background:url(images/icon-email.png) no-repeat top left; height:40px; display:block; color:#0072bc}

.address {background:url(images/icon-location.png) no-repeat bottom left; height:40px; padding-left:60px; display:block; margin-bottom: 100px; text-align:left; }
.address:hover {background:url(images/icon-location.png) no-repeat top left; height:40px; padding-left:60px; display:block; color:#0072bc}

.tel-btm {background:url(images/icon-phone.png) no-repeat bottom left; height:40px; display:block; margin-bottom: 10px; padding-left:60px; text-align:left}
.tel-btm:hover {background:url(images/icon-phone.png) no-repeat top left; height:40px;  display:block; color:#0072bc}

.fax-btm {background:url(images/icon-fax.png) no-repeat bottom left; height:40px; display:block; margin-bottom: 10px; padding-left:60px; text-align:left}
.fax-btm:hover {background:url(images/icon-fax.png) no-repeat top left; height:40px;  display:block; color:#0072bc}

/* Links */
a {color:#0072bc}
a:hover {color:#011b39; text-decoration:none}

/* Text Styles */
h1, .carousel-caption h2  {font-family: 'delicious_heavyregular'; text-transform:uppercase;     word-spacing: -5px;}
	.banner h1, .carousel-caption h2 {color:#fff; font-size:55px; margin-top:100px; margin-bottom:30px; position:relative; z-index:1000}
	.row-white h1, h2.award {color:#011b39 !important; display:inline-block; border-bottom:10px solid #0072bc; padding:5px 50px 15px 0px}
h2 {font-family: 'delicious_heavyregular'; font-size:36px; margin:0;     word-spacing: -5px;}
	.row-blue h2 {color:#fff; background:#0072BC; padding-right:25px; margin:25px 0px; display:inline-block}
	.bg-row h2 {border-bottom: solid #0072bc 10px; color:#011b39;font-size:36px !important; margin-bottom: 20px ; font-weight:bold; text-transform:uppercase}
	.row-white h2 {font-family: 'deliciousbold'; font-size:24px; color:#0072bc; text-transform:uppercase; margin:20px 0px 10px}
	.page-template-default .row-white h2 {margin:20px 0px 10px}
	footer h2 {color:#fff; background:#011b39; padding-right:25px; margin:25px 0px; display:inline-block}
	.row-background h2 {color:#fff; text-transform:uppercase; font-size:43px}
h3 {font-family: 'deliciousbold';color:#011b39; font-size:30px; border-bottom: 5px solid #0072bc; padding:10px 15px; margin:auto }
	.carousel h3 { font-family: 'deliciousbold'; color: #011b39; font-size: 30px;  padding: 10px 15px; text-shadow:none; margin-bottom:30px;; margin-top:-20px; text-shadow: none; border-bottom:none}
.bg-row h3 {border-bottom:none; color:#011b39; margin-bottom: 0px; text-transform:uppercase; padding:10px 0px}
.sidebar h5 { font-size:14px; color:#0072bc; margin-bottom:20px}
p {margin-bottom:20px}
	.bg-row p {font-size:18px}
	.white-row p {margin-left:25px}
	#blue-txt {color:#0072bc}
	#black-txt {color:#404040}
.blue-bullet {padding:12px 0 0 11px; margin-left:25px; margin-top:-10px; margin-bottom:15px; text-align:left}
.blue-bullet li{list-style-image:none; list-style-type:none; padding:10px 0px 8px 23px; background:url(images/bullet.png) left 20px no-repeat;}
	.textwidget .blue-bullet {margin-left:0px; font-weight:600; font-size:16px}
.nope {margin-bottom:50px}
.nope li{list-style-image:none; list-style-type:none; padding:10px 0px 8px 10px; margin-bottom:25px}
.accent {color:#0072bc;}
.widget ul {list-style: none; padding-left: 0px; text-align: left;}
.blog .widget ul, .single .widget ul { list-style: none; padding-left: 0px; text-align: center;}
.blog .widget ul li, .single .widget ul li { border-bottom: 2px solid #011b39; padding-bottom: 10px; margin-top: 10px}
.blog .widget ul li:last-child, .single .widget ul li:last-child { border-bottom: none;}
#light-blue {color:#000; text-shadow: 2px 2px #fff;}
ol.commentlist { padding-top: 15px;}

/* Navigation Adjustments*/
.navbar-nav, .navbar-header {float:none; position:relative; z-index:500000000}
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
.navbar-default {background:#011b39; border:none; position:relative; z-index:6; border-radius:0; margin:0px}
.nav.navbar-nav { margin:0 auto; text-align:center}
.navbar-default .navbar-nav>li>a  {font-family: 'deliciousroman', sans-serif; font-weight:normal; font-size:24px; color:#fff; text-transform:uppercase; margin:auto; padding:25px 35px;}
.navbar-default .navbar-nav>li>a:hover {border-bottom:#0072bc solid 10px; padding-bottom:15px; color:#fff}
.navbar-default .navbar-toggle {background:#011b39; border:none; color:#fff}
.dropdown-menu {background:#011b39; z-index:400000000}
.dropdown-menu li {	margin-bottom: 10px;list-style: none;}
.dropdown-menu li:last-child {margin-bottom: 0;}
.dropdown-menu>li>a  {background:#011b39; color:#fff!important; text-transform:uppercase; text-decoration: none; padding:10px 30px; position:relative; z-index:inherit}
.dropdown-menu>li>a:hover  {color:#fff!important; background:#0072bc!important}
.navbar-default .navbar-nav>.active>a {color:#fff !important; background:none !important}
.navbar-default .navbar-nav>.open>a {color:#fff !important; background:none !important;}

/* Misc */
.clear {clear:both}
.l {float:left}
.r {float:right}
.txt-r {text-align:right}
.txt-c {text-align:center}
.ma {margin:auto}

.mb10 {margin-bottom:10px}

.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}

.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt35 {margin-top:37px}
.mt50 {margin-top:50px}

.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}

.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}

.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}


 /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		.navbar-default .navbar-nav>li>a {padding-left:15px; padding-right:15px; }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.navbar-default .navbar-nav>li>a {padding-left:5px; padding-right:5px; }
		.r {float:none}
    .logo {padding: 50px 0px}
    .bg-row .btn.mt20{
    margin-top: 0; margin-bottom: 25px
    }
    .bg-row {padding-bottom: 25px}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none; margin-top:20px}
		.btn-hide-request {visibility:visible; display:block; background:#b13232}
			.btn-hide-request a {color:#fff !important}
		.logo img {text-align:center; position:static}
.logo {padding: 25px 0px}
.bg-row .btn.mt20{
margin-top: 0; margin-bottom: 25px
}
p.comment-form-author, p.comment-form-email, p.comment-form-comment, p.comment-form-comment textarea {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
		.btn-hide-request {visibility:visible; display:block; background:#b13232}
			.btn-hide-request a {color:#fff !important}
		.logo img {text-align:center; position:static}
    .logo {padding: 15px 0px}
    .bg-row .btn.mt20{
    margin-top: 0; margin-bottom: 15px
    }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }

/* Begin Default Wordpress WYSIWYG Editor Styles */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* Buddy Press */
#buddypress {margin-bottom: 40px;}
.profile-fields {margin-top:30px}
.bp-widget.base h4 {display: none;}
 #buddypress table.profile-fields tr td.label {font-size:100%;    border-right: none;   font-weight: 700;    width: 225px; background: transparent !important;  border-radius:0; color:#000;}
 #buddypress table.profile-fields tr.alt td {background: transparent !important}

 .tribe-events-loop .tribe-events-event-meta {font-size:16px}


 /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 min-height: 550px;
position:relative;

  width:100%;
  max-width:100%
 }
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  min-height: 550px;
  background-color:#011b39;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;

}
.overlay {
    background: rgba(0,0,0,.5);
    display: block;
    position: absolute;
    width: 100%;
}
.carousel-inner .item {
    width: 100%;
    min-height: 650px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-inner > .item > ol {
    margin: 0 auto;
}

.ad1 {background:url(images/blueprints.jpg)  center ; background-size:cover;  background-repeat:no-repeat;}
.ad2 {background:url(images/meeting.jpg)  center ; background-size:cover;  background-repeat:no-repeat;}
.ad3 {background:url(images/awardsdinner.jpg)  center ; background-size:cover;  background-repeat:no-repeat;}
.ad4 {background:url(images/working.jpg) left center ; background-size:cover;  background-repeat:no-repeat;}
.carousel-indicators {float: right;
    text-align: right;
    width: auto;
    margin-left: auto;
    display: inline-block;
    left: auto;
    right: auto;
   }
.carousel-indicators li {border:#0072bc 2px solid; background:transparent}
.carousel-indicators .active {background:#0072bc}
.carousel-caption { position: absolute; right: 15%; bottom: auto; left: auto; z-index: 0; padding:20px 0px 0px; }
/* .single-tribe_events .tribe-event-date-start {display: none;} */
.tribe-events-cal-links,.tribe-events-ical {display:none !important; }
.tribe-events-loop .tribe-events-content {float:none}
.single-tribe_events .tribe-events-cal-links:nth-child(3), .tribe-events-cal-links:nth-child(4) { margin-bottom: 1.75em; display: none !important;}
div#ninja_forms_form_15_all_fields_wrap {
    text-align: left; font-size:16px;
}
label#ninja_forms_field_19_label {
    margin-top: 15px;
}
