body { font-family: Arial, Verdana, sans-serif; }
p {  font-family: Arial, Verdana, sans-serif; }
a, a:visited { color: #008c44; }
a:hover { color: #01c761; }
h2 { font-family: 'EB Garamond', serif; color: #196bac; font-size: 33px; margin-top: 25px; margin-bottom: 25px; }
h3 { font-family: 'EB Garamond', serif; margin: 10px 0; outline: none; }
h4 { font-family: 'EB Garamond', serif; outline: none; }
hr { border-top-color: #a7a8ac; }
.mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; }
.indented { padding-left: 15px; }
.formPadding { padding-top: 7px; }

#main { margin: 0 auto; background-color: #fff; }

header { border-top: 4px solid #6d6e71; }
header > div, #menuBar > div, #content, #bottomNav > div, footer > div { max-width: 1250px; margin: 0 auto; position: relative; }
header { background-color: #fff; }

#headerLinks, #headerSearch { float: right; clear: right; }
#headerLinks a { display: inline-block; padding: 12px 10px 10px 10px; font-size: 17px; color: #6d6e71; }
#headerLinks a.filledLink { background-color: #6d6e71; color: #fff; }
#headerLinks a.filledLink:hover { text-decoration: none; background-color: #a7a8ac; }
#headerLinks a.iconLink { font-size: 25px; padding-top: 3px; color: lightgrey; }
#headerLinks a.iconLink:hover, #headerLinks a.iconLink:active { color: #6d6e71; }
#headerLinks a.iconLink.linkedIn:hover, #headerLinks a.iconLink.linkedIn:active { color: #0077b5; }
#headerLinks a.iconLink.youTube:hover, #headerLinks a.iconLink.youTube:active { color: #f00; }

#headerSearch { margin-top: 30px; margin-right: 10px; }
#headerSearch button { background-color: #6d6e71; border: 2px solid #6d6e71; color: #fff; }
#headerSearch button:hover { background-color: #a7a8ac; border-color: #a7a8ac; }

#menuBar { background-color: #196bac; width: 100%; }
#menuBar .nav.navbar-nav { padding-top: 0px; }
#menuBar .sf-menu { margin-top: 7px; margin-left: 3px; font-size: 14px; }
#menuBar .sf-menu > li > a { font-weight: bold; }
#menuBar .navbar-default { background-color: #196bac; border: none; }
#menuBar .navbar-default .navbar-nav>li>a { color: #fff; }
#menuBar .navbar-nav>li>a:hover { text-decoration: underline; }
#menuBar .navbar-default .navbar-nav>.open>a, #menuBar .navbar-default .navbar-nav>.open>a:focus, #menuBar .navbar-default .navbar-nav>.open>a:hover { background-color: #008c44; }

#interiorNav h2 { color: #6d6e71; font-size: 22px; margin: 0px; }
#interiorNav hr { border-top: 1px solid #a7a8ac; margin: 10px 0; }
#interiorNav ul { font-weight: bold; padding-left: 20px; }
#interiorNav ul.bulleted { color: #6d6e71; }
#interiorNav li { margin-bottom: 5px; }
#interiorNav li a { color: #6d6e71; }
#interiorNav li a:hover { color: #196bac; }

#interiorNav, #interiorContent { margin-bottom: 20px; }
#interiorNav img, .contentItem img { max-width: 100%; height: auto !important; }
.contentItem img { margin-right: 15px; }

#interiorContent { line-height: 1.5em; }
#interiorContent h2 { margin: 20px 0; font-size: 35px; }
#interiorContent h3 {  margin: 30px 0 10px 0; color: #196bac; }
#interiorContent .form-horizontal > h3 { margin-left: -15px; }
#interiorContent ul li, #interiorContent ol li { margin-bottom: 1em; }
#interiorContent a { text-decoration: underline; }

#bottomNav { background-color: #196bac; }
#bottomNav li { width: 12%; display: inline-block; text-align: center; font-size: 18px; }
@media (max-width: 991px) { #bottomNav li { width: 49%; } }
#bottomNav a { display: inline-block; margin: 20px 0 10px 0; color: #fff; }
#bottomNav a:hover { color: #fdb913; }

footer { background-color: #196bac; color: #fff; margin: 0; padding: 10px 0; }
footer a { color: #fdb913; }
footer a:visited { color: #fdb913; }
footer a:hover, footer a:active, footer a:focus { color: #f2cb59; }
.fullPage footer { margin: 0; }

.resultTile { border: 1px solid #6d6e71; padding: 20px; background-color: #f5f5f5; margin-bottom: 10px; }
.resultTile h4 { font-size: 19px; }
.resultTile ul { list-style: none; }

/*** Pages ***/

/* /home */
@keyframes slidy2 { 0% { left: 0%; } 45% { left: 0%; } 50% { left: -100%; } 95% { left: -100%; } 100% { left: -200%; } }
@keyframes slidy3 { 0% { left: 0%; } 30% { left: 0%; } 35% { left: -100%; } 65% { left: -100%; } 70% { left: -200%; } 95% { left: -200%; } 100% { left: -300%; } }
@keyframes slidy4 { 0% { left: 0%; } 20% { left: 0%; } 25% { left: -100%; } 45% { left: -100%; } 50% { left: -200%; } 70% { left: -200%; } 75% { left: -300%; } 95% { left: -300%; } 100% { left: -400%; } }
@keyframes slidy5 { 0% { left: 0%; } 17% { left: 0%; } 20% { left: -100%; } 37% { left: -100%; } 40% { left: -200%; } 57% { left: -200%; } 60% { left: -300%; } 77% { left: -300%; } 80% { left: -400%; } 97% { left: -400%; } 100% { left: -500%; } }
@keyframes slidy6 { 0% { left: 0%; } 14% { left: 0%; } 17% { left: -100%; } 30% { left: -100%; } 33% { left: -200%; } 47% { left: -200%; } 50% { left: -300%; } 63% { left: -300%; } 66% { left: -400%; } 80% { left: -400%; } 83% { left: -500%; } 97% { left: -500%; } 100% { left: -600%; } }

* { box-sizing: border-box; }
figure { margin: 0; background: #fff; font-weight: 100; }
div#captioned-gallery { width: 100%; overflow: hidden; }
figure.slider { position: relative; font-size: 0;}
figure.slider figure { height: auto; display: inline-block;  position: inherit; }
figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { position: absolute; bottom: 30px; left: 30px; background: rgba(0,0,0,0.4); color: #fff; font-size: 2rem; padding: .6rem; }
figcaption { max-width: 80%; color: #fff; }
figcaption div { font-size: 15px; margin-bottom: 5px; font-weight: bold; }

figcaption a { text-align: center; background-color: #008c44; color: #fff; font-weight: bold; height: 42px; width: 160px; display: inline-block; line-height: 42px; font-size: 18px; margin: 0 0 10px 10px; }
figcaption a:visited { background-color: #008c44; text-decoration: none; color: #fff; }
figcaption a:hover, figcaption a:active, figcaption a:focus { background-color: #01c761; color: #fff; text-decoration: none; }

figure.slider.twoSlides { width: 300%; animation: 10s slidy2 infinite; } figure.slider.twoSlides figure { width: 33.333%; }
figure.slider.threeSlides { width: 400%; animation: 15s slidy3 infinite; } figure.slider.threeSlides figure { width: 25%; }
figure.slider.fourSlides { width: 500%; animation: 20s slidy4 infinite; } figure.slider.fourSlides figure { width: 20%; }
figure.slider.fiveSlides { width: 600%; animation: 25s slidy5 infinite; } figure.slider.fiveSlides figure { width: 16.666%; }
figure.slider.sixSlides { width: 700%; animation: 30s slidy6 infinite; } figure.slider.sixSlides figure { width: 14.285%; }

.highlightLink { color: #196bac !important; font-weight: bold; }
.highlightLink:visited { color: #196bac !important; }
.highlightLink:hover, .highlightLink:focus { color: #1184df !important; text-decoration: none; }

@media (min-width: 1200px) { .container.homePageMain { width: 1200px; } }

#homePageNews { padding-bottom: 10px; }
#homePageNews h2 {  font-size: 37px; padding-left: 10px; margin-top: 0px; }
#homePageNews h3 { color: #196bac; font-size: 20px; margin-bottom: 5px; }
#homePageNews p { font-size: 17px; margin-bottom: 0; }
#homePageNews p a { color: #008c44; text-decoration: none; }
#homePageNews p a:visited { color: #008c44; }
#homePageNews p a:hover, #homePageNews p a:active, #homePageNews p a:focus { color: #01c761; }
#homePageNews hr { border-top-color: #6d6e71; }
.homepageNewsItem { padding-left: 10px; }

#forProfessionalsSection { background-color: #196bac; }
#forProfessionalsSection h2 { color: #fff; padding-left: 15px; }

#forCouncilsAndAEPSection .container { padding: 45px; }
#forCouncilsAndAEPSection h2 { color: #196bac; font-weight: bold; padding-left: 0px; margin-top: 5px; }
#forCouncilsAndAEPSection .fancyBoxLink { padding-bottom: 20px; position: relative; }
#forCouncilsAndAEPSection .fancyLink { color: #333; }
#forCouncilsAndAEPSection .fancyLink h3 { margin: 0 0 5px 0; font-size: 24px; font-weight: bold; }
#forCouncilsAndAEPSection .fancyLink h3 a:hover { text-decoration: underline; }
#forCouncilsAndAEPSection .fancyLink p { margin-bottom: 0px; font-size: 17px; padding-right: 20px; }

#aboutNAEPCSection {
    background-image: url(/img/national/home/about-background-min.jpg);
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#aboutNAEPCSection #aboutBox { margin: 60px 15px; background-color: #fff; }
#aboutNAEPCSection #aboutText { margin: 20px; padding: 10px; }
#aboutNAEPCSection #aboutInfographic { background-color: #6d6e71; padding: 0 10px 75px 10px; margin: 10px; }
#aboutNAEPCSection h2 { margin: 0 0 10px 0; padding-left: 0px; }
#aboutNAEPCSection h3 { color: #fff; text-align: center; font-size: 40px; padding-top: 55px; padding-bottom: 25px; }

#forThePublicSection { background-color: #cdcecf; }
#forThePublicSection h2 { padding-left: 15px; }

.homePageCard, .homePageContentItem { margin: 0 15px 30px 15px; }
.homePageCard { text-align: center; display: flex; }
@media (max-width: 767px) {
  .homePageCard { flex-direction: column; }
}
@media (min-width: 768px) {
  .homePageCards { display: flex; }
  .homePageCard > div { display: flex; flex-direction: column; overflow: auto; }
  .homePageCard p, .homePageCards.simple .homePageCard h3 { flex-grow: 1; }
}
.homePageCard > div { background-color: #fff; flex-grow: 1; }
.homePageCard h3 { color: #196bac; font-size: 20px; font-weight: bold; }
.homePageCard h3, .homePageCard p { padding: 0 10px; }
.homePageCard a { background-color: #008c44; color: #fff; font-weight: bold; height: 42px; width: 160px; display: inline-block; line-height: 42px; font-size: 18px; margin: 0 auto 25px auto; }
.homePageCard a:visited { background-color: #008c44; text-decoration: none; }
.homePageCard a:hover, .homePageCard a:active, .homePageCard a:focus { background-color: #01c761; text-decoration: none; }
.homePageCard img { flex-shrink: 0; }

.homePageContentItem video { width: 100%; }

.homePageContentItem.broadridge { background-color: #fff; padding: 20px; }
.homePageContentItem.broadridge img { margin-bottom: 10px; }

/* /affiliated-councils/council-relations-committee */
#crcTerritoryMap { width: 370px; height: 205px; margin-bottom: 35px; margin-left: 140px; }
#territories { padding-left: 20px; }
ul.twoColumn { float: left; width: 250px; margin-left: 40px; }
ul.twoColumn li { padding-bottom: 4px; }

/* /conference/registration */
#registrationTable th { border-bottom: none; }
#registrationTable tbody tr:hover td { background-color: #fff; }
#registrationTable h3 { display: inline-block; margin: 0px; }
#registrationTable p { padding-left: 20px; }
#registrationTable .singleDay .checkbox { padding-left: 20px; }
#registrationTable .singleDay p { padding-left: 42px; margin-bottom: 0px; }
#registrationTable label { font-weight: bold; margin-bottom: 0px; }
#registrationTable tr.noTopBorder td { border-top: none; }

/* /designations/estate-planners/search */
.blueBar { background-color: #196bac; color: #fff !important; margin-bottom: 5px; text-align: center; }
.noResults { margin: 20px; font-size: 15px; }

/* /events/events-calendar */
#eventsCalendar { margin-left: 10px; margin-bottom: 20px; margin-top: 20px; }
#eventsCalendar h2 { margin: 0px; }
.eventTile { margin-bottom: 10px; }
.fc-event, .fc-event-dot { background-color: #008c44; }
.fc-event { border: 1px solid #008c44; }

/* /events/webinar */
.webinarProgram { max-height: 130px; position: relative; overflow: hidden; }
.webinarProgram > p { margin-bottom: 0px; }

/* /members (logged-in) */
#for-members-section { background-color: #cdcecf; margin-top: -20px; }
#for-members-section h3 { color: #196bac; font-weight: bold; }

/* /membership/application */
.applicationQuestionParagraph { padding-left: 50px; }

/* /membership/benefits/category */
ul#benefitsList li { margin-bottom: 0px; }
#benefits .benefit { max-height: 130px; position: relative; overflow: hidden; }
.benefit h4 { text-align: center; }
.benefitImage { margin-left: 15px; }

/* /membership/find_council */
#mapCanvas { height: 400px; margin-bottom: 10px; }

/* Utility classes */
.blockDisplay { display: block; }
.clear { clear: both; }
.center { text-align: center; }
.normalPadding { padding: 10px; }
.noPadding { padding: 0; } .noTopPadding { padding-top: 0; } .noBottomPadding { padding-bottom: 0; } .noLeftPadding { padding-left: 0; } .noRightPadding { padding-right: 0; }
.smallBottomPadding { padding-bottom: 5px; } .smallTopPadding { padding-top: 5px; } .smallLeftPadding { padding-left: 5px; } .smallRightPadding { padding-right: 5px; }
.mediumBottomPadding { padding-bottom: 15px; } .mediumTopPadding { padding-top: 15px; } .mediumLeftPadding { padding-left: 15px; } .mediumRightPadding { padding-right: 15px; }
.noMargin { margin: 0; } .noTopMargin { margin-top: 0; } .noBottomMargin { margin-bottom: 0 !important; } .noLeftMargin { margin-left: 0; } .noRightMargin { margin-right: 0; }
.strong { font-weight: bold; }
.stepIndent { padding: 20px; }
.floatRight { float: right; }
.unadorned { text-decoration: none; list-style-type: none; }
.unadorned li, #interiorContent .unadorned li { margin-bottom: 0px; }
.smallText { font-size: 12px; line-height: 1.2em; }

.nav { padding-top: 3px; }
.nav .dropdown-toggle { color: #a7a8ac; font-size: 18px; }
.nav a:hover sup { display: inline-block; text-decoration: none; }

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; }
.yamm .container { position: relative; }
.yamm ul.dropdown-menu { left: auto; padding-top: 0px; padding-bottom: 0px; }
.yamm .yamm-content { padding: 10px 25px; }
.yamm .dropdown.yamm-fw .dropdown-menu { left: 20px; right: 50px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.yamm a { color: #196bac; }
.yamm a:hover { color: #1184df; }

.yamm-content .row { background-color: #cdcecf; color: #196bac; }
.yamm-content h2 { color: #196bac; font-size: 25px; font-weight: bold; margin-left: 25px; margin-top: 15px; margin-bottom: 15px; padding-left: 0px; }
.col-sm-4.imgContainer { padding-left: 0px; padding-right: 0px; }
@media (min-width: 768px) {
  .nav .withRightBorder { border-right: 1px solid #196bac; min-height: 195px; }
  .nav .menu4 .withRightBorder { min-height: 230px; margin-bottom: 20px; }
}

.nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { color: #fff; background-color: #196bac; }
.nav ul.unadorned, .nav ul.bulleted { padding-left: 25px; padding-right: 10px; }
.nav ul.unadorned li { font-weight: bold; padding-bottom: 7px; font-size: 15px; }
.nav ul.bulleted li { font-weight: normal; padding-bottom: 5px; }
.nav ul.bulleted li:last-child { padding-bottom: 0px; }

ul.bulleted { list-style: none; padding: 0; margin: 0; }
ul.bulleted li { padding-left: 15px; text-indent: -15px; }
ul.bulleted li::before { content: "•  "; }

.navbar-nav > li > .dropdown-menu.triangle { margin-top: 11px; }

.triangle {
  /*position: relative;
  margin: 3em;
  padding: 1em;*/
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
}
.triangle::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    top: 0;
    box-sizing: border-box;
    
    border: 1em solid black;
    border-color: #fff #fff transparent transparent ;
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    
    box-shadow: 1px -1px 0px 0 rgba(0, 0, 0, 0.4);
}

.triangle.menu1::after { left: 23px; }
.triangle.menu2::after { left: 94px; }
.triangle.menu3::after { left: 170px; }
.triangle.menu4::after { left: 257px; }
.triangle.menu5::after { left: 372px; }
.triangle.menu6::after { left: 480px; }
.triangle.menu7::after { left: 570px; }
.triangle.menu8::after { left: 655px; }

.fadeout {
  position: absolute; bottom: 0em; width:100%; height: 4em;
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);
}