@charset "UTF-8"; /* CSS Document */ body, html { font-size: 16px; line-height: 1.4; font-family: "Open Sans"; } /****customize new interface*****/ .navigation .btn { font-weight: 600; font-size: 16px; line-height: 20px; font-family: "proxima-nova", "Open Sans", Arial; padding-top: 14px; padding-bottom: 14px; } /* start aimg customizations */ .join-btn, .join-btn2, .enroll-btn { display: inline-block; font-weight: 800; text-transform: uppercase; color: #FFF; text-decoration: none; padding: 12px 30px; font-size: 24px; line-height: 1.1; font-family: "proxima-nova"; } .enroll-btn { padding: 8px 15px; font-size: 20px; } .join-btn, .enroll-btn { border: 1px solid #002550; -webkit-box-shadow: inset 0px 3px 0px 0px rgba(10, 66, 130, 1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(10, 66, 130, 1); box-shadow: inset 0px 3px 0px 0px rgba(10, 66, 130, 1); background: #002550; background: -moz-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #002550), color-stop(66%, #083a73), color-stop(100%, #002550)); background: -webkit-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: -o-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: -ms-linear-gradient(top, #002550 0%, #083a73 66%, #002550 100%); background: linear-gradient(to bottom, #002550 0%, #083a73 66%, #002550 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#002550', endColorstr='#002550', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 2px 1px 1px #011730; } .join-btn2 { border: 1px solid #cd5f00; -webkit-box-shadow: inset 0px 3px 0px 0px rgba(238, 133, 42, 1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(238, 133, 42, 1); box-shadow: inset 0px 3px 0px 0px rgba(238, 133, 42, 1); background: #cd5f00; background: -moz-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #cd5f00), color-stop(68%, #ee852a), color-stop(100%, #cd5f00)); background: -webkit-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: -o-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: -ms-linear-gradient(top, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); background: linear-gradient(to bottom, #cd5f00 0%, #ee852a 68%, #cd5f00 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cd5f00', endColorstr='#cd5f00', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 2px 1px 1px #a44d03; } .join-btn:hover, .join-btn2:hover, .enroll-btn:hover { border: 1px solid #333; -webkit-box-shadow: inset 0px 3px 0px 0px rgba(80, 80, 80, 1); -moz-box-shadow: inset 0px 3px 0px 0px rgba(80, 80, 80, 1); box-shadow: inset 0px 3px 0px 0px rgba(80, 80, 80, 1); background: #222; background: -moz-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #222), color-stop(68%, #666), color-stop(100%, #222)); background: -webkit-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: -o-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: -ms-linear-gradient(top, #222 0%, #666 68%, #222 100%); background: linear-gradient(to bottom, #222 0%, #666 68%, #222 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#222', GradientType=0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; text-shadow: 2px 1px 1px #000; } .membership-cta-box { background-color: #ee852a; border-top: 14px solid #cd5f00; border-bottom: 14px solid #cd5f00; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; text-shadow: 1px 2px 1px #994c0a; text-align: center; font-size: 22px; padding: 20px 5px 15px; margin-bottom: 40px; } .membership-cta-box .join-btn { margin-left: 10px; margin-right: 10px; } .membership-cta-box p { margin-bottom: 14px; } .membership-cta-box-heading { font-size: 33px; line-height: 1.1; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; letter-spacing: -1px; } /************ allow video & maps to resize **************/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 100px; min-height: 100px; } /****qa sidebar****/ .qa-side-block-wrap { margin: -23px 0 20px 0; } .qa-side-block { background-color: #4ea3cb; margin-bottom: 1px; overflow: hidden; color: #FFF; } .qa-side-block:after { display: table; content: ""; clear: both; } .qa-side-block a.btn { background-color: #ee852a; display: block; margin: 10px 15px; color: #FFF; font-weight: bold; font-size: 15px; clear: both; } .qa-side-block a.btn:hover { background-color: #253663; } .qa-side-block:nth-child(2) { background-color: #2a5b94; } .qa-side-block:nth-child(3) { background-color: #2a947c; } .qa-side-block:nth-child(4) { background-color: #4a5d73; } .qa-side-block:nth-child(5) { background-color: #2b3d57; } .qa-side-block-icon { float: left; width: 80px; } .qa-side-block-content { float: left; padding-top: 15px; font-size: 18px; width: calc(100% - 80px); } .qa-side-block-content a { color: #fff; text-transform: uppercase; text-decoration: none; } .qa-side-block-content a:hover { color: #fff; text-transform: uppercase; text-decoration: underline; } .qa-side-block-content p { margin-bottom: 10px; } .qa-side-block-content p.small { margin-bottom: 0px; } .ContentItemHtml.thinband { display: block !important; } @media (max-width: 767px) { .ContentItemHtml.thinband img { display: none !important; } .ContentItemHtml.thinband h3 { font-size: 21px !important; padding: 5px 0; } .ContentItemHtml.thinband .btn { margin-left: 0 !important; background-color: transparent !important; font-size: 21px !important; text-decoration: underline; padding: 0 !important; } .ContentItemHtml.thinband .btn:hover { background-color: transparent !important; color: #f5861e !important; } } @media (max-width: 665px) { #MPAuxNav ul.level1 li a { padding: 5px 1px !important; } } @media (max-width: 580px) { #MPAuxNav ul.level1 li a { font-size: 12px !important; } } @media (max-width: 500px) { #MPAuxNav ul.level1 li a { font-size: 10px !important; } } @media (max-width: 475px) { .searchb { display: none !important; } } broadstreet-zone > div > span > a { padding: 2px; } broadstreet-zone-container { width: 258px; } img.imghover { transition:0.5s } img.imghover:hover { opacity: 0.5; } /*NEW STYLES 6/30*/ .acca-inner { max-width: 1200px; margin: 0 auto; } .acca-inner-flex { display: flex; } @media (max-width: 1090px) { .acca-inner-flex { display: block; } } .col-flex-center { display: flex; flex-direction: column; justify-content: center; } .verticalPaddingBlock { padding: 20px 0; } #MPOuterHeader > .col-md-12 { margin: 0; max-width: None; float: none; padding: 0; } #MPOuterMost.full #HEADER, #MPOuterMost.full #BreadCrumb, #MPOuterMost.full #FOOTER, #MPOuterMost.full #MPFooterLinkContent, #MPOuterMost.full #MPButtonBar { margin: 0; max-width: None; } #MPOuterHeader::before { background: none; } #MPheader > .row:first-child { background-color: #EBEBEB; padding: 0 5px 0; margin-left: 0; margin-right: 0; } #MPAuxNav ul.level1 li a { color: #0061AA; font-weight: 600; } #MPAuxNav ul.level1 li a:hover { color: black; } #MPheader > .row:first-child .col-md-12 { margin: 0 auto; max-width: 1240px; } .row.traditional-nav, .navbar.navbar-default { width: 100%; background-color: #0061AA; } .navbar-default .navbar-nav { max-width: 1200px; margin: 0 auto; float: none; } .navbar-default .navbar-nav > li > a { color: white; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > li > a:hover { background-color: #f5861e; color: white; } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: white; border-bottom-color: white; } #NAV { margin-right: 0; margin-left: 0; margin-bottom: 0; border-bottom: 2px solid #FFF; } #NAV > .col-md-12 { border-radius: 0; background-color: #0061AA; } @media (max-width: 1200px) { .collapse.navbar-collapse.navbar-ex1-collapse { position: relative; left: -15px; } } @media (max-width: 992px) { .collapse.navbar-collapse.navbar-ex1-collapse { position: relative; left: -30px; } } #Logo { max-width: 1245px; margin: 0 auto; padding: 5px 25px 10px !important; } #Logo > .col-md-12 { padding: 0; } .find.map.overlay.overlay-blue.reverse.text-center.thinband.contain-inner { display: none !important; } .blueHomepage p { color: #0061AA; max-width: 350px; font-size: 16px; } .blueHomepage h2 { font-size: 32px; color: #0061AA; } .blueHomepage p:last-of-type { font-weight: 600; font-size: 14px; } .blueHomepage p:last-of-type a { font-weight: 600; color: #0061AA; text-decoration: none; text-transform: uppercase; } .blueHomepage p:last-of-type a:hover { color: #F4861F; } @media (max-width: 1092px) { .blueHomepage .col-md-5 { width: 400px; margin: 30px auto 0px; } .blueHomepage .col-md-7 img { margin: 0 auto; display: block; } } .home-four-col-container { padding: 50px 0; } .home-four-col img { max-width: 100%; } .home-four-col h2 { margin-top: 20px; color: #0061AA; border-bottom: 4px solid #F4861F; max-width: 75%; line-height:1.1 } .home-four-col p { color: black; } .home-four-col p:last-of-type { margin-top: 15px; } .home-four-col a.cta-link { color: #0061AA; font-weight: 700; text-transform: uppercase; } .home-four-col a.cta-link:hover { color: #F4861F} ul.huge.crsl-wrap { padding-top: 30px; } @media (max-width: 1092px) { .acca-inner.home-four-col { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .acca-inner.home-four-col .col-md-3 { max-width: 320px; padding: 0 10px; } } #MPOuterFooter, #MPFooterLink { background-color: #0061AA; } #MPFooterLink { padding: 0 !important } #MPOuterFooter h4, #MPOuterFooter p, #MPOuterFooter a { color: white; mix-blend-mode: initial !important; transition: 0.5s; } #MPOuterFooter a:hover { color: black; } @media only screen and (min-width: 992px) { #FOOTER .HtmlContent > div.col-logo, #FOOTER .HtmlContent > div.col-socialinks { max-width: 220px; } } .col-contact h4, .col-contact p { margin-bottom: 0; } .col-contact p { font-size: 15px; } #atftbx { float: right; } #atftbx > p { display: none; } @media only screen and (min-width: 992px) { #FOOTER .col-info, #FOOTER .col-contact { padding-left: 2em; border-right: 0 solid transparent; } } .bottomMainFooter { width: 100%; } .bottomMainFooter > p:first-of-type { float: left; } .bottomMainFooter > p:last-of-type { float: right; } #MPOuterFooter .bottomMainFooter > p { color: #3998E0; } .bottomMainFooter a { color: white; } #MPFooter { background-color: #004A81; margin-left: 0; margin-right: 0; } #MPFooter .Footer.col-md-12 { padding: 0; } #FOOTER > .row:nth-of-type(3), #FOOTER > .row:nth-of-type(4) { display: none; } .footerBottom { padding-bottom: 0.8em; } .footerBottom p { color: white; } #MPOuterFooter .footerBottom p a { color: #1C7DC6; } #MPOuterFooter .footerBottom p a:hover { color: black; } .footerBottom p:first-of-type { float: left; } .footerBottom p:last-of-type { float: right; } #FOOTER { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 1090px) { .bottomMainFooter > p:last-of-type, .bottomMainFooter > p:first-of-type { float: none; } #atftbx { float: none; } #FOOTER .HtmlContent > div { margin-top: 1em; } } @media (max-width: 950px) { .footerBottom p:first-of-type, .footerBottom p:last-of-type { float: none; } } .searchb { display: none; } #MPAuxNav ul.level1 li:first-of-type a::before { font-family: "Font Awesome 5 Pro"; content: '\f0e0'; margin-right: 5px; position: relative; top: 0; } #MPAuxNav ul.level1 li:nth-of-type(2) a::before { font-family: "Font Awesome 5 Pro"; content: '\f002'; margin-right: 5px; position: relative; top: 0; } #MPAuxNav ul.level1 li:nth-of-type(3) a::before { font-family: "Font Awesome 5 Pro"; content: '\f058'; margin-right: 5px; position: relative; top: 0; } a#Welcome_LoginLink { border: 0px; text-decoration: none; display: block; padding: 5px 10px 5px 0; margin: 0px 2px; transition: 0.5s; color: #0061AA; font-weight: 600; background-color: transparent; padding-top: 9px; } a#Welcome_LoginLink:hover { color: black; } a#Welcome_LoginLink::before { font-family: "Font Awesome 5 Pro"; content: '\f023'; margin-right: 5px; position: relative; top: 0; } #NAV { padding: 0 10px; } #NAV > .col-md-12 { padding-left: 10px;padding-right: 10px; max-width: 1200px; margin: 0 auto; } .navbar-default .navbar-nav > .dropdown > a .caret { display: none; } .navbar-default .navbar-nav > .dropdown > a { position: relative; padding-right: 24px; } .navbar-default .navbar-nav > .dropdown > a::after { font-family: "Font Awesome 5 Pro"; content: '\f107'; position: absolute; right: 8px; opacity: 0.5; } /***custom header***/ .headerInner { max-width: 1200px; margin: 0 auto; padding-right: 10px; padding-left: 10px; overflow: hidden; } .headerButtonRow { display: flex; justify-content: flex-end; } .headerButtonRow > div > a { padding: 8px 15px; color: white; border-radius: 3px; text-decoration: none; font-weight: 600; font-family: Montserrat, Open Sans, sans-serif; margin-left: 16px; margin-bottom: 5px; display: block; } .headerButtonRow > div:first-of-type > a { background-color: #F4861F; } .headerButtonRow > div:first-of-type > a:hover { background-color: #0061AA; } .headerButtonRow > div:last-of-type > a { background-color: #0061AA; } .headerButtonRow > div:last-of-type > a:hover { background-color: #F4861F; } .headerTextRow { text-align: right; color: black; font-size: 16px; margin-top: 5px;} .headerTextRow a { text-decoration: none; color: black; } .headerTextRow a:hover { text-decoration: underline; } @media (max-width: 768px) { .headerButtonRow { flex-direction: column; align-items: flex-end; } } /** custom carousel****/ .full-width-carousel .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; max-height: 400px; } #hp-slider .item { height: 500px; min-height: 200px; overflow: hidden; background-size: cover; } .hp-slider-inner { max-width: 1200px; margin: 0 auto; text-align: left; padding: 20px 0; } .hp-slider-inner a { display: block; } .hp-slider-inner img { max-width: 100%; margin: 0; display: block; height: auto; transition: .5s; } .hp-slider-inner img:hover { opacity:.5; } .hp-slider-inner img.slider-txt-xs { padding-top: 20px; } .hp-slider-inner img.slider-txt-sml { padding-top: 40px; } .hp-slider-inner img.slider-txt-med { padding-top: 80px; } .hp-slider-inner img.slider-txt-lrg { padding-top: 120px; } .hp-slider-inner img.slider-txt-xl { padding-top: 140px; } @media (max-width: 1020px) { #hp-slider .item{ background-position: -150px center !important; } } @media (max-width: 768px) { .hp-slider-inner img { margin: 0 auto; max-height: 250px; } .hp-slider-inner { text-align: center; } #hp-slider .item { height: 300px; } .hp-slider-inner img.slider-txt-xs { padding-top: 20px; } .hp-slider-inner img.slider-txt-sml, .hp-slider-inner img.slider-txt-med, hp-slider-inner img.slider-txt-lrg, .hp-slider-inner img.slider-txt-xl { padding-top: 0; } } /***** standard page banner & misc ****/ ul, ol {margin-bottom: 20px;} .MPContentArea {font-size: 16px; line-height: 1.4;} .orange-txt { color: #ee852a;} .white-txt { color: #fff;} .inner { max-width: 1230px; margin: auto; padding: 0 15px; } .inner:after { content: ""; display: table; clear: both; } .text-banner { background-color: #004a81; color: #FFF; padding: 60px 0 50px; text-shadow: 2px 1px 1px #11417b; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; } .banner-mini-link {margin-top: 10px; font-size: 16px;} .banner-mini-link a {color: #FFF; text-decoration: none;} .banner-mini-link a:hover {color: #72ace7;} .text-banner-subtxt { margin: 10px auto 0; font-size: 28px; } h1#PageTitleH1, h2#PageTitleH1, p#PageTitleH1 { font-weight: 700; color: #ee852a; background: none; /*padding: 0 15px;*/ height: auto !important; font-size: 42px; text-transform: uppercase; display: block; margin-bottom: 20px !important; margin-top: 20px !important; } h1#PageTitleH1.white-txt, h2#PageTitleH1.white-txt, p#PageTitleH1.white-txt { color: #fff; } .text-banner h1#PageTitleH1, .text-banner h2#PageTitleH1, .text-banner p#PageTitleH1 { margin: 0 auto 10px !important; } h1#PageTitleH1 a, h2#PageTitleH1 a, p#PageTitleH1 a { color: #ee852a; } h1#PageTitleH1 a:hover, h2#PageTitleH1 a:hover, p#PageTitleH1 a:hover { color: #fff; } @media (max-width:991px) { .text-banner { text-align: center; height: auto; padding-bottom: 20px; } } #MainCopy_ContentWrapper p, #MainCopy_ContentWrapper h1, #MainCopy_ContentWrapper h2 { margin-bottom: 20px; } /**rectangle**/ .rect-flex-wrap { display: flex; justify-content: center; margin: 0 -1% 24px; flex-wrap: wrap; } .rect-flex { width: 48%; margin: 10px 1%; padding: 10px 10px 15px; background-color: #0061AA; text-align: center; font-size: 20px; font-weight: bold; overflow: hidden; } .rect-flex a { color: #FFF; text-decoration: none; display: block; transition: .5s; } .rect-flex a:hover { color: #ee852a; } .rect-accent { display: block; margin: -10px -10px 10px; } .rect-accent img { width: 100%; height: auto; transition: .5s; } .rect-flex a:hover .rect-accent img { opacity: .5; } @media (max-width: 640px) { .rect-flex { width: 100; margin: 10px 0; } } a.join-list-cta { display: block; margin: 20px auto; padding: 15px 20px 20px; border-radius: 50px; background-color: #2660a5; transition: .5s; font-weight: bold; font-size: 20px; text-align: center; text-decoration: none; color: #FFF; background-image: url("https://higherlogicdownload.s3.amazonaws.com/ACCA/93b0a0ad-9bed-4b2b-9c65-87a6bf202114/UploadedImages/UpdateBG.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; } a.join-list-cta:hover { color: #fd8c08; } a.join-list-cta .join-list-cta-title { display: block; font-size: 28px; } .contractor-locator-cta {background-color: #fd8c08;margin: 10px auto 0;font-weight: bold;font-size: 20px;line-height: 1.2;text-align: center;padding: 30px 10px 40px;background-image: url("https://higherlogicdownload.s3.amazonaws.com/ACCA/78edf092-91cc-4450-bde0-fc66cab009d1/UploadedImages/mkt/cta-background.jpg");background-size: cover;background-repeat: no-repeat;background-position: center top;} .contractor-locator-cta a {color: #FFF;text-decoration: none;transition: .5s;} .contractor-locator-cta-link {font-weight: bold;font-size: 28px;} .contractor-locator-cta-link span {border-bottom: 4px solid #0061AA;display: inline-block} .contractor-locator-cta a:hover {color: #0061AA;} .memberHeader{ background-color: rgb(255,121,0); color: white; } .memberHeaderInner{ max-width: 1200px; width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; } .memberPortal{ font-size: 48px; } .headerFlex{ display: flex; min-width: 350px; font-size: 20px; justify-content: space-between; } .memberPortal a, .headerFlex a { color: #fff; text-decoration: none; } .memberPortal a:hover, .headerFlex a:hover { color: #325086; } .portal-block h1 { color: #2a5b94; border-bottom: 4px solid #2a5b94; } .resourceBox { margin-top: 30px; box-shadow: 0 0 5px grey; padding: 20px; } .resourceBox h2 { font-weight: 400; color: #2a5b94; } .resourceBox h2 span { font-weight: 600; } .resourceBox .resources { display: flex; flex-wrap: wrap; } .resourceBox .resources > div { display: flex; width: 50%; margin-bottom: 15px; } .resourceBox .resources i { color: #2a5b94; font-size: 28px; margin-right: 20px; width: 40px; text-align: center; } .resourceBox .resources a { color: black; font-size: 16px; width: calc(100% - 40px); } .resourceboxes { display: flex; justify-content: space-between; } .resourceboxes .resourceBox { width: 47%; } .resourceboxes .resourceBox .resources > div { width: 100%; } @media (max-width: 992px) { .row-wide { padding: 0 15px; } } @media (max-width: 768px) { .resourceBox .resources > div { width: 100%; } .resourceboxes { flex-wrap: wrap; } .resourceboxes .resourceBox { width: 100%; } } .top-margin { margin-top: 20px; } .bot-margin { margin-bottom: 20px; } .reduce-font { font-size: 14px; } /***fixes****/ @media only screen and (max-width: 992px) { .interior .row-wide div[class*="section"] { padding-right: 15px; padding-left: 15px; } }