@charset "UTF-8";
/*
Theme name: AIA-NJ 2017
*/

/* CSS Document */

/*Import Bootstrap CSS Files*/

/*fonts */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');


/* Main Layout */
body {font-family: 'Open Sans', sans-serif; font-size: 13px}
header {background: #eeeded; border-bottom: 7px solid #fd3329; color: #fd3329; font-weight: bold; font-size: 13px}
	header .row {padding: 15px 0 5px}
	header .logo {margin-top: 10px; display: block}
.wpbdp-listing .listing-details { width:75%; padding-left:15px; display:inline-block; margin-left:0px !important}
/*img.wpbdp-thumbnail.attachment-wpbdp-thumb.wpbdp-single-thumbnail {
    max-height: 150px;
    width: auto;
} */
.wpbdp-listing .listing-thumbnail {width:24%; display:inline-block; }
img {max-width: 100%; height: auto!important}
.social {float: right; font-size: 24px}
/*.jumbotron {background-image: url(images/acskyline.jpg); background-size: cover; background-position: 50% 81%; height: 402px; padding:150px 0px 0px; position: relative; margin-bottom: 0} */
.jumbotron {background-image: url(https://aia-nj.org/wp-content/uploads/2023/08/train_station.jpg); background-size: cover; background-position: 50% 81%; height: 402px; padding:150px 0px 0px; position: relative; margin-bottom: 0}
.border-red {border: 2px solid #fd3329; height: 100%; background: #fff; padding: 6px 25px 0px; text-align: center}
	.border-red hr {border-top: 1px solid #000; width: 80%; max-width: 415px}
.red-line {background-image: url(images/red-line.png); background-position: center; background-repeat: repeat-x; text-align: center}
.entry {text-align: left}
.blog .entry {margin-bottom: 40px; padding-right: 30px}
footer {background: #726f6f; color: #fff; padding: 10px 0px }
	footer p {margin-bottom: 0}
.col-8.mr-auto.align-middle.ml-auto.mb50 {margin-bottom: 25px; }
 .page-template-default .main-content ul, .single .entry ul {padding-left: 20px}
 .page-template-default .main-content ul li, .single .entry ul li{  color: #000; list-style: none;}
 select {
     border-radius: 0px;
     border: 3px solid #fd3329;
     color: #fd3329;
     text-align: center;
     margin: auto;
     width: 100%;
     padding: 5px;
     -webkit-border-radius: 0px;
     height: 35px;
     font-weight: bold;
 }
 .page-template-default .main-content ul li::before, .single .entry ul li::before {
  color: #fd3329;
  content: "\2022";
  font-size: 15px;
  position: relative;
  top: 0em;
  padding-right: 10px;
}
.widget {padding: 30px 20px; margin-bottom: 0px}
.page-template-front-page .widget {padding: 0px 15px}
.page-template-front-page .widget img {margin-bottom: 25px}
.widget_media_image {padding: 0}
.widget_media_image img {width: 100%}
.widget_categories {background-image: url(images/cat-back.jpg); background-size: cover;margin-bottom: -2px }
#cat select {background-color:#fff; font-family:'Open Sans';}
.widget_archive, .widget_recent_entries {background-color: #726f6f}
 .widget_recent_entries {padding: 30px 20px 33px}
.tribe-events-list-widget{background-image: url(images/event-back.jpg); background-size: cover; color: #fff}
p.tribe-events-widget-link { text-align: center;margin-bottom: 0}
.tribe-events-list-widget .tribe-event-featured {background:transparent;}
.tribe-events-list-widget .tribe-events-widget-link {text-decoration: underline; font-size: 12px; font-weight: normal}
	.widget ul li {color: #fd3329; }
	.widget ul {margin-bottom: 0}
	.widget ul li a {color: #000}
	.widget_archive ul li a,.widget_recent_entries ul li a, .tribe-events-list-widget a {color: #fff}
.widget_recent_entries ul {list-style: none; padding-left: 0}

.widget_recent_entries ul li{margin-bottom: 10px}
.widget_recent_entries ul li:last-child{margin-bottom: 0px}
.tribe-events-list-widget .tribe-list-widget {  padding-left: 0;}
.tribe-events-list-widget .tribe-events-list-widget-events {  padding: 0;}
.search-field-header { display: inline-block; padding:3px 15px 0px}
button.search-submit {background: #ef559d; border: none; padding-top:3px}
input.search-field {  border: none; padding-top:3px}
.tribe-events-month-event-title  {font-size:1em !important; overflow:visible !important;}
.tribe-events-schedule h2 {border-bottom:none;}
.single .col-10 h1{display:none;}
.savethedate {width:80%;}
#wrap-hotspots-image-12928 {margin-left:0px;}

.card-body {padding: 1rem;}
.card {margin-bottom: 25px;}
/* Row Variations */
.row {padding:30px 0px}
.row-white {background:#fff; padding:0px 0px; color:#000; }
.row-grey	{background-color: #eeeded; padding: 20px 0px}
.row-red {background-color: #fd3329; color: #fff; padding-top: 20px; font-size: 18px; font-weight: 600}
.blank {border:none;}
.row-red-notice {background-color:#fd3329; padding: 10px 0px 10px; color:#fff; font-size: 16px; }
.row-red-notice p {margin-bottom:0;}
/* Buttons */
.btn, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px;  margin-top:0px; background:#fd3329; border:2px solid #fff; padding:10px ;width: 195px; font-size:14px; color:#fff; text-transform:none; margin-bottom:20px; font-size: 18px; letter-spacing: 1px}
.btn:hover {background:#fff; color:#fd3329; text-decoration: none; border-color: #fd3329}

.btn-shadow{-webkit-box-shadow: 7px 7px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 17px 0px rgba(0,0,0,0.75);
box-shadow: 7px 7px 17px 0px rgba(0,0,0,0.75);}

.btn-inverse{background-color: #fff; color: #fd3329; border-color: #eeeded}
.btn-grey {background-color: #797777;padding: 10px 15px 10px 34px; min-width:150px; text-transform: uppercase}
.btn-grey:hover {background-color: #fd3329;padding: 10px 15px 10px 34px; border-color: #797777; color: #fff; min-width:150px; text-transform: uppercase}
.btn-grey i, .btn-grey svg {margin-right: 25px;
    margin-left: -115px;
    font-size: 30px;
    display: inline-block;
    margin-top: -5px;
    margin-bottom: 1px;
}
.col-lg-4 .btn-grey svg {
    margin-right: 17px;
    transform: translateY(4px);
    margin-left: -30px;
}
.btn-grey i.fab-facebook, .btn-grey svg.fab-facebook{margin-top: -2px; margin-bottom: -1px}
.btn-grey span {    margin-top: -26px;
    display: block;
    margin-left: 35px;}
.page-template-page-epic .ngg-imagebrowser h3 {display: none}
#gallery-2 {
    margin: auto;
    text-align: center;
}
#gallery-2 .gallery-item {
    float: none !important;
    margin-top: 10px;
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
    text-align: center;
}

.gallery dt {
    text-align: center;
    margin: auto;
}
#gallery-2 img {
    border: 2px solid #cfcfcf;
    margin: auto;
    display: inline-flex;
}

/* Links */
a {color:#fd3329; }
a:hover {color:inherit; text-decoration:none}
.blog .entry a {text-decoration: underline}
.blog .entry h2 a {text-decoration: none}


.social i{ margin-left: 10px}
.social i:hover {color: #fff }

/* Text Styles */
h1 {font-size: 36px; color: #fff; line-height: 1.25 }
.blog h1, .single h1, .page-template-default h1, .page-template-page-communities h1,  .page-template-page-epic-news h1,  .page-template-page-epic h1 { color: #000; font-weight: 600; font-size: 30px; margin-top: 30px; margin-bottom: 20px; border-bottom: 2px solid #fd3329; padding-bottom: 15px; margin-left: -15px}
.single h1 {margin-left: 0px}
h2 {font-size: 30px; font-weight: 600; border-bottom: 3px solid #fd3329; padding-bottom: 15px; margin-bottom: 20px; }
.blog h2 {border-bottom: none; font-size: 21px; color: #fd3329; padding-bottom: 0; margin-bottom: 15px}
h3, .gform_wrapper h3.gform_title {font-weight: 600 !important; font-size: 1.5rem !important; letter-spacing: .5px }
	.page-template-default h3, .single h3, .gform_wrapper h3.gform_title {color: #fd3329}
	.red-line h3 {background: #fff;  display: inline-block;  margin-top: 14px;  margin-bottom: 14px;  padding: 0 30px;}
	.widget h3 {text-align: center; margin-top:0; margin-bottom: 30px; color: #fff; text-transform: uppercase}
	.widget_categories h3 {color: #000}
	h3#comments {  width: 100%;  border-top: 1px solid #fd3329;  padding-top: 20px;   color: #726f6f;   margin-top: 20px;   margin-bottom: 20px;}
	.banner-text {color:#fff}
	#commentform label {display:block;}
h4 {font-size:16px; font-weight: 600; margin-top: 16px }
	.entry a h4{text-decoration: underline; font-weight: 300; font-size: 13px; margin-bottom: 11px}
	h4.tribe-event-title {font-size: 14px}
p {margin-bottom:15px}
.entry p {margin-bottom: 10px}
.accent {color:#8c4e8f !important}
p.larger {font-size: 24px; }
.gform_wrapper .gfield_required {color:#fd3329; }
/* Navigation Adjustments*/
nav.navbar.navbar-expand-md {  padding-right: 0px;}
.nav-fill .nav-item:last-child .nav-link{margin-right: -15px}
.nav-link {
    display: inline-block;
    padding: .5rem .9rem;
}
.nav-tabs {margin-left: -15px}
.nav-link.btn {margin-bottom: 0}
.navbar {padding: .5rem 0}
.navbar-toggler i {color:#fff }
.navbar-toggler {border-radius: 0; border: 2px solid #fff; background-color: #797777}
.nav-link:hover {text-decoration: underline; background:#fd3329; color: #fff}
.dropdown-item {  padding: .25rem .2rem;}
.dropdown-menu {border-radius: 0}
.dropdown-item {   display: block;  padding: .5rem 1rem;  color: #000;  font-weight: 600;  font-size: 14px;}
.dropdown-item:hover {text-decoration:none; background-color: #ffd6d4}
.navbar-toggler {  border-radius: 0;  border: 2px solid #fff !important;   background-color: #797777;  }
.pullnews ul{list-style:none;}
/* Interactive Map */
#content-hotspot-12928{
	display:none;
}

/* Gallery */


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

.mb10 {margin-bottom:10px}
.mb25 {margin-bottom:25px}
.mb50 {margin-bottom:50px}

.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}
.mt30 {margin-top:30px}
.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}
.pt30 {padding-top:30px}
.pt35 {padding-top:35px}

.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}

/*.listing-title {display:none;}*/
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {.nav-link {padding: .5rem}
		.navbar .menu-item {font-size: .9em;}

 }



/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) { .nav-link {padding: .5rem}
	.collapse	.nav{display: block}
		.dropdown-menu {position: relative; width: 100%}
		nav.navbar.navbar-expand-md {padding-left: 0px}
		.col-lg-6.col-xs-12.row-eq-height {margin: 30px 0px}
		.row-grey .row {padding: 0}
		.col-8.mr-auto.align-middle.ml-auto.mb50 {margin-bottom: 15px; margin-top: 25px}
		.row + .row {  padding-top: 0px;  }
		.widget_categories select {max-width:150px;}
		.nav.nav-tabs .nav-link.btn{width: auto;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {.social {display: none}
.widget_media_image {padding: 30px 30px 0px}
.navbar-light .navbar-toggler {margin-top: -65px}
.nav.nav-tabs .nav-link.btn{width: auto;}
.blog h1, .single h1, .page-template-default h1, .page-template-page-communities h1,  .page-template-page-epic h1, .nav-tabs {margin-left: 0px}
 }

 /*==========  Non-Mobile First Method  ==========*/
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
.col-12.col-sm-5.col-md-4.pt35 {padding: 20px 0px 0px}
.nav-tabs {border-bottom: none; display: block; text-align: center;}
.nav-tabs .nav-item { margin-bottom: 10px;  width: 100%;}
.nav-tabs .nav-link {border-top-left-radius: 0;border-top-right-radius: 0; width: 100%;
}
.nav.nav-tabs .nav-link.btn {
    width: 100%;
}
.blog h1, .single h1, .page-template-default h1, .page-template-page-communities h1,  .page-template-page-epic-news h1,  .page-template-page-epic h1 {margin-top: 0; margin-left:0px}
}


/* 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 {}

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

/* Carousel base class */
.carousel {
 min-height: 525px;
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: 525px;
  background-color:#062a5f;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;

}
.carousel-inner .item {
    width: 100%;
    min-height: 525px;
    -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/bannerphoto_01.jpg) no-repeat center center;}
.ad2 {background:url(images/bannerphoto_01.jpg) no-repeat center center;}
.ad3 {background:url(images/bannerphoto_01.jpg) no-repeat center center;}
.ad4 {background:url(images/bannerphoto_01.jpg) no-repeat center center;}
.carousel-indicators {float: right;
    text-align: right;
    width: auto;
    margin-left: auto;
    display: inline-block;
    left: auto;
    right: auto;
   }
.carousel-indicators li {border:none; background:#9be5fd}
.carousel-indicators .active {background:#8c4e8f}
.carousel-caption .btn { margin-top:0px; background:#5aa6bf; border:none; padding:10px 30px; font-size:14px  }

.carousel-caption {}

.carousel-caption h2{ text-transform:uppercase; font-size: 40px; color:#ef559d;  display:inline-block; margin:0  }
.carousel-caption  p {font-size: 17px; margin:20px auto; color:#000}