diff --git a/components/index.html b/components/index.html index 18d3b5b..b771cf2 100644 --- a/components/index.html +++ b/components/index.html @@ -1,5 +1,5 @@ -Imarc-boilerplate - v3.1.2

General

mixins

accordion

Imarc-boilerplate - v3.1.3
\ No newline at end of file
+</div>
\ No newline at end of file diff --git a/css/styles.css.map b/css/styles.css.map index 6c9c6d6..79e8f20 100644 --- a/css/styles.css.map +++ b/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sources":["styles.css","styles.scss","_components.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["@charset \"UTF-8\";\n.accordion > div.open .header {\n background: #d0d0d0;\n}\n\n.accordion > div.open .header::after {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\n.accordion > div.close .header::after {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\n.accordion > div.initially-hidden .content {\n display: none;\n}\n\n.accordion > div .header {\n background-color: #DDD;\n color: #191919;\n cursor: pointer;\n font-size: 1em;\n margin-top: .5em;\n padding: .5em 1em;\n position: relative;\n text-align: left;\n width: 100%;\n}\n\n.accordion > div .header:hover {\n background-color: #d0d0d0;\n}\n\n.accordion > div .header::after {\n bottom: 0;\n height: 1em;\n margin: auto 0;\n position: absolute;\n right: 1em;\n top: 0;\n width: 1em;\n}\n\n.accordion > div .content {\n padding: 1em 0;\n}\n\n.backgroundvideo {\n align-items: center;\n display: flex;\n height: auto;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.backgroundvideo .mold {\n background-color: rgba(255, 255, 255, 0.6);\n padding: 2em;\n text-align: center;\n z-index: 2;\n}\n\n.backgroundvideo video {\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n}\n\n.backgroundvideo::before {\n content: \"\";\n display: block;\n padding-top: 30%;\n}\n\n.carousel .slick-slide {\n color: #FFF;\n height: auto;\n padding: 3rem;\n}\n\n.carousel .slick-prev,\n.carousel .slick-next {\n z-index: 1;\n}\n\n.carousel .slick-prev {\n left: 2rem;\n}\n\n.carousel .slick-next {\n right: 2rem;\n}\n\n.dossier > * {\n text-align: center;\n}\n\n.dossier > * .photo {\n margin-bottom: 2rem;\n}\n\n@media only screen and (min-width: 669px) {\n .dossier > * {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin-bottom: 4rem;\n text-align: left;\n }\n .dossier > * .photo {\n flex: 0 0 25%;\n margin-bottom: 0;\n margin-right: 2rem;\n }\n .dossier > * .bio .title {\n color: #727272;\n text-transform: uppercase;\n }\n}\n\n.header-content > .dropdown,\n.mobile {\n background-color: #191919;\n bottom: 0;\n display: none;\n height: 100%;\n opacity: 0;\n overflow-y: auto;\n padding: 1rem;\n position: fixed;\n top: 0;\n transition: transform .25s;\n width: 80%;\n z-index: 1000;\n}\n\n.header-content > .dropdown.left,\n.mobile.left {\n display: block;\n left: 0;\n right: auto;\n transform: translateX(-100%);\n}\n\n.header-content > .dropdown.right,\n.mobile.right {\n display: block;\n left: auto;\n right: 0;\n transform: translateX(100%);\n}\n\n.header-content > .dropdown.left.open, .header-content > .dropdown.right.open,\n.mobile.left.open,\n.mobile.right.open {\n transform: translateX(0);\n transition: transform .25s;\n}\n\n.header-content > .dropdown.init,\n.mobile.init {\n display: block;\n opacity: 1;\n}\n\n.header-content > .dropdown nav.utility ul li a,\n.mobile nav.utility ul li a {\n padding: 0.75rem 0;\n}\n\n.header-content > .dropdown ul,\n.mobile ul {\n display: block;\n padding-left: 0;\n}\n\n.header-content > .dropdown ul li,\n.mobile ul li {\n align-items: center;\n border-bottom: 1px solid #333333;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n margin-bottom: 0;\n text-align: left;\n}\n\n.header-content > .dropdown ul li a,\n.mobile ul li a {\n color: #fff;\n display: block;\n padding: 1rem 0;\n}\n\n.header-content > .dropdown ul li i.fa,\n.mobile ul li i.fa {\n display: inline-block;\n}\n\n@media only screen and (min-width: 1024px) {\n .header-content > .dropdown.open.left,\n .mobile.open.left {\n transform: translateX(-100%);\n }\n .header-content > .dropdown.open.right,\n .mobile.open.right {\n transform: translateX(100%);\n }\n}\n\n.features > * {\n background-color: #EEE;\n margin-bottom: 2rem;\n margin-left: auto;\n margin-right: auto;\n padding: 2rem;\n text-align: center;\n}\n\n.features > * img,\n.features > * h3,\n.features > * p {\n margin-bottom: 1rem;\n}\n\n.features > * .button {\n margin-bottom: 0;\n}\n\n@media only screen and (min-width: 1024px) {\n .features {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n }\n .features > * {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-left: 3rem;\n margin-right: 0;\n }\n .features > * .button {\n align-self: center;\n margin-top: auto;\n }\n .features > *:first-child {\n margin-left: 0;\n }\n}\n\nheader.primary.sticky {\n position: fixed;\n top: 0;\n transition: top 0.16s cubic-bezier(0, 0.4, 0.7, 1);\n width: 100%;\n z-index: 100;\n}\n\n.listing {\n margin-bottom: 2rem;\n}\n\n.listing form .search {\n display: flex;\n}\n\n.listing form .search label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.listing form .search .text {\n flex-grow: 1;\n}\n\n.listing form .search .submit {\n flex-basis: 120px;\n flex-shrink: 0;\n}\n\n.listing form .search .submit input {\n height: 100%;\n width: 100%;\n}\n\n.listing form .filters {\n margin-bottom: 2rem;\n}\n\n.listing form .filters label {\n display: inline;\n}\n\n.listing form .filters span {\n background-color: #07547c;\n border-radius: 0.5rem;\n color: #fff;\n display: inline-block;\n margin: 0 0.5rem 0.5rem 0;\n padding: 0.5rem 1rem;\n}\n\n.listing form .filters input[type=\"checkbox\"]:checked + span {\n background-color: #0C96DD;\n}\n\n.listing form .filters input[type=\"checkbox\"] {\n display: none;\n}\n\n.listing ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.listing ul li {\n border-top: 4px solid #e5e5e5;\n margin-bottom: 0;\n padding: 2rem 0;\n}\n\n.listing ul li .meta {\n display: block;\n font-size: 0.9rem;\n margin-bottom: 1em;\n}\n\n.listing ul li h2 + .meta {\n margin-top: -1em;\n}\n\n.listing ul li .summary p:last-of-type {\n margin-bottom: 0;\n}\n\n.login {\n background-color: #EEE;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: 3rem;\n}\n\n.login input:focus {\n box-shadow: 0 0 5px rgba(114, 164, 0, 0.7);\n}\n\n.login .submit {\n text-align: center;\n}\n\n.login .actions {\n text-align: center;\n}\n\n@media only screen and (min-width: 669px) {\n .login .actions {\n align-items: center;\n display: flex;\n justify-content: space-between;\n flex-flow: row wrap;\n }\n .login .actions > * {\n margin: 0;\n padding: 0;\n }\n .login .actions label {\n margin-left: 1em;\n }\n .login .actions a {\n display: block;\n margin-left: auto;\n text-align: right;\n }\n}\n\nnav.pagination {\n display: flex;\n justify-content: center;\n}\n\nnav.pagination ul {\n border: 1px solid #e5e5e5;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n}\n\nnav.pagination li {\n margin-bottom: 0;\n}\n\nnav.pagination a {\n color: #0C96DD;\n padding: 0.5rem 1rem;\n position: relative;\n}\n\nnav.pagination li:not(:last-child) a {\n border-right: 1px solid #e5e5e5;\n}\n\nnav.pagination li.active a {\n background-color: #0C96DD;\n color: #fff;\n cursor: default;\n pointer-events: none;\n}\n\nnav.pagination li.active a::before, nav.pagination li.active a::after {\n background-color: #0C96DD;\n}\n\nnav.pagination li.active a:hover {\n color: #fff;\n background-color: #EB7424;\n}\n\nnav.pagination li.active a:hover::before, nav.pagination li.active a:hover::after {\n background-color: #EB7424;\n}\n\nnav.pagination li.disabled a {\n color: #e5e5e5;\n cursor: default;\n pointer-events: none;\n}\n\nnav.pagination li.previous a::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\nnav.pagination li.next a::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\nnav.pagination li:hover:not(.active):not(.disabled) a {\n background-color: #0C96DD;\n color: #FFF;\n}\n\nnav.pagination li:hover:not(.active):not(.disabled) a::before {\n background-color: #0C96DD;\n color: #FFF;\n}\n\n@media only screen and (max-width: 1023px) {\n .desktop nav.primary .dropdown,\n .desktop nav.primary i.fa {\n display: none;\n }\n}\n\n@media only screen and (min-width: 1024px) {\n .desktop nav.primary i.fa {\n display: inline-block;\n }\n .desktop nav.primary .dropdown {\n background-color: #2A2A2A;\n color: #FFF;\n display: block;\n font-size: 1rem;\n min-width: 260px;\n opacity: 0;\n padding: 2rem 0;\n position: absolute;\n top: 100%;\n transition: opacity 300ms;\n visibility: hidden;\n z-index: 1;\n }\n .desktop nav.primary .dropdown ul {\n display: block;\n }\n .desktop nav.primary .dropdown .menu > * {\n padding: 0 1rem;\n }\n .desktop nav.primary .dropdown .menu li {\n margin-bottom: 0.4em;\n }\n .desktop nav.primary .dropdown .menu a {\n color: #0C96DD;\n }\n .desktop nav.primary .dropdown .menu a:hover,\n .desktop nav.primary .dropdown .menu a:focus {\n color: #0975ad;\n }\n .desktop nav.primary .dropdown.open {\n opacity: 1;\n visibility: visible;\n }\n}\n\n.desktop nav.primary li.mega {\n position: static;\n}\n\n@media only screen and (min-width: 1024px) {\n .desktop nav.primary li.mega .dropdown {\n left: 0;\n top: 100%;\n width: 100%;\n }\n .desktop nav.primary li.mega .dropdown .menu {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n margin-left: auto;\n margin-right: auto;\n max-width: 1168px;\n }\n .desktop nav.primary li.mega .dropdown .menu > * {\n border-left: 1px solid #777;\n flex-basis: 0;\n flex-grow: 1;\n padding: 0 3rem;\n }\n .desktop nav.primary li.mega .dropdown .menu > *:first-child {\n border-left: none;\n padding-left: 0;\n }\n .desktop nav.primary li.mega .dropdown .menu > *:last-child {\n padding-right: 0;\n }\n}\n\n.tabs {\n position: relative;\n}\n\n.tabs nav {\n border-bottom: 1px solid;\n}\n\n.tabs nav ul {\n list-style: none;\n margin-left: 20px;\n padding: 0;\n text-align: center;\n}\n\n.tabs nav li {\n background-color: #CBBFB4;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n cursor: pointer;\n display: inline-block;\n margin-bottom: 0;\n margin-right: 0.5em;\n padding: 0.5em 1em;\n}\n\n.tabs nav li.active {\n background-color: #FFF;\n border: 1px solid;\n border-bottom: none;\n position: relative;\n}\n\n.tabs nav li.active::after {\n background-color: #FFF;\n bottom: -1px;\n content: \"\";\n height: 1px;\n left: 0;\n position: absolute;\n width: 100%;\n}\n\n.tabs .panel {\n display: none;\n padding: 20px;\n}\n\n.tabs .panel.active {\n display: inherit;\n}\n\n@media only screen and (min-width: 1024px) {\n .tabs nav ul {\n margin-left: 20px;\n text-align: left;\n }\n}\n\n.testimonial {\n background-color: #191919;\n margin-bottom: 4rem;\n padding: 4rem 0 4rem;\n text-align: center;\n}\n\n.testimonial .asset {\n margin-bottom: 2rem;\n}\n\n.testimonial .asset img {\n max-width: 280px;\n}\n\n.testimonial blockquote {\n border: none;\n color: #fff;\n font-size: 1.125rem;\n margin-bottom: 1rem;\n padding: 0 2.5rem;\n position: relative;\n}\n\n.testimonial blockquote::before, .testimonial blockquote::after {\n color: #727272;\n font-family: Georgia, serif;\n font-size: 3.375rem;\n position: absolute;\n}\n\n.testimonial blockquote::before {\n content: \"“\";\n left: 0;\n line-height: 1;\n top: 0;\n}\n\n.testimonial blockquote::after {\n content: \"”\";\n line-height: 0;\n right: 0;\n bottom: 0;\n}\n\n.testimonial blockquote ~ p {\n color: #727272;\n font-size: 0.875rem;\n margin-bottom: 0;\n padding: 0 2.5rem;\n}\n\n@media only screen and (min-width: 1024px) {\n .testimonial {\n text-align: left;\n }\n .testimonial .wrapper {\n display: flex;\n justify-content: space-between;\n }\n .testimonial .asset {\n flex-basis: 33%;\n flex-shrink: 0;\n margin-bottom: 0;\n margin-right: 4rem;\n }\n .testimonial .asset img {\n max-width: 100%;\n }\n .testimonial blockquote {\n font-size: 1.5rem;\n padding: 0 6rem;\n }\n .testimonial blockquote::before, .testimonial blockquote::after {\n font-size: 7rem;\n }\n .testimonial blockquote ~ p {\n font-size: 1rem;\n padding: 0 6rem;\n }\n}\n\n.tiles > * {\n background-color: #EEE;\n margin-bottom: 2rem;\n text-align: left;\n}\n\n.tiles > * *:last-child {\n margin-bottom: 0;\n}\n\n.tiles .tile > * {\n padding: 2rem;\n}\n\n@media only screen and (min-width: 669px) {\n .tiles {\n display: flex;\n flex-flow: row wrap;\n margin-left: -1rem;\n margin-right: -1rem;\n }\n .tiles > * {\n flex-basis: calc(50% - 2rem);\n flex-shrink: 0;\n margin-left: 1rem;\n margin-right: 1rem;\n }\n}\n\n@media only screen and (min-width: 1024px) {\n .tiles > * {\n flex-basis: calc((100% / 4) - (2rem));\n }\n}\n\na, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, datalist, dd, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, hr, i, iframe, img, input, label, legend, li, main, meter, nav, object, ol, option, p, pre, progress, q, section, select, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, u, ul, video {\n border: 0;\n box-sizing: border-box;\n font: inherit;\n font-size: 100%;\n margin: 0;\n outline: 0;\n padding: 0;\n vertical-align: baseline;\n}\n\narticle, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {\n display: block;\n}\n\nhtml {\n background-color: #FFF;\n color: #191919;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\nbody {\n min-width: 300px;\n}\n\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n::selection {\n background: #e5e5e5;\n}\n\n::-moz-selection {\n background: #e5e5e5;\n}\n\n.group::before, .group::after {\n content: \"\";\n display: table;\n}\n\n.group::after {\n clear: both;\n}\n\n.container {\n margin-left: auto;\n margin-right: auto;\n max-width: 1200px;\n padding-left: 1rem;\n padding-right: 1rem;\n position: relative;\n}\n\n.columns > hr {\n border: 0;\n display: none;\n}\n\n@media only screen and (min-width: 669px) {\n .columns {\n display: table;\n table-layout: fixed;\n width: 100%;\n }\n .columns > * {\n display: table-cell;\n vertical-align: top;\n }\n .columns > hr {\n display: table-cell;\n width: 1rem;\n }\n}\n\n.sr-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.search-drawer {\n background-color: #4A4A4A;\n}\n\n.search-drawer > div {\n max-height: 0;\n overflow: hidden;\n transition: max-height 150ms ease;\n}\n\n.search-drawer > div.open {\n max-height: 80px;\n}\n\n.search-drawer form {\n display: flex;\n padding: 1rem 0;\n}\n\n.search-drawer form > * {\n margin-bottom: 0;\n}\n\n.search-drawer form .text {\n flex: 1 1 auto;\n}\n\n.search-drawer form .submit input {\n height: 100%;\n}\n\n.branding img {\n max-width: 180px;\n}\n\nheader.primary {\n background-color: #191919;\n padding: 1rem 0;\n position: relative;\n}\n\nheader.primary .container {\n position: static;\n}\n\nheader.primary .branding {\n flex-basis: 180px;\n flex-shrink: 0;\n}\n\nnav {\n margin-bottom: 2rem;\n}\n\nnav ul {\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n}\n\nnav ul li::before {\n display: none;\n}\n\nnav ul li {\n margin-bottom: 0;\n}\n\nnav a {\n color: #0C96DD;\n display: block;\n padding: 0 0.5rem;\n}\n\nnav li.active a,\nnav li.active:hover a {\n color: #191919;\n}\n\nnav.tabs {\n position: relative;\n}\n\nnav.tabs nav {\n border-bottom: 1px solid;\n}\n\nnav.tabs nav ul {\n list-style: none;\n margin-left: 20px;\n padding: 0;\n text-align: center;\n}\n\nnav.tabs nav li {\n background-color: #CBBFB4;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n cursor: pointer;\n display: inline-block;\n margin-bottom: 0;\n margin-right: 0.5em;\n padding: 0.5em 1em;\n}\n\nnav.tabs nav li.active {\n background-color: #FFF;\n border: 1px solid;\n border-bottom: none;\n position: relative;\n}\n\nnav.tabs nav li.active::after {\n background-color: #FFF;\n bottom: -1px;\n content: \"\";\n height: 1px;\n left: 0;\n position: absolute;\n width: 100%;\n}\n\nnav.tabs .panel {\n display: none;\n padding: 20px;\n}\n\nnav.tabs .panel.active {\n display: inherit;\n}\n\n@media only screen and (min-width: 1024px) {\n nav.tabs nav ul {\n margin-left: 20px;\n text-align: left;\n }\n}\n\nnav.breadcrumbs li:not(:last-child) a {\n padding-right: 0;\n}\n\nnav.breadcrumbs li:not(:last-child) a::after {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n padding-left: 0.5rem;\n}\n\nnav.progress ul {\n border: 1px solid #e5e5e5;\n border-radius: 2px;\n display: block;\n width: 100%;\n}\n\nnav.progress a {\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n}\n\nnav.progress a:hover {\n color: #EB7424;\n}\n\nnav.progress li:not(:last-child) a {\n border-right: 1px solid #e5e5e5;\n}\n\nnav.progress li.active a {\n background-color: #0C96DD;\n color: #FFF;\n cursor: default;\n pointer-events: none;\n}\n\nnav.progress li.active a:hover {\n background-color: #EB7424;\n color: #FFF;\n}\n\nnav.progress li.disabled a {\n color: #e5e5e5;\n cursor: default;\n pointer-events: none;\n}\n\nnav.progress li:hover:not(.active, .disabled) a {\n color: #EB7424;\n}\n\nnav.progress li:not(:last-child) a {\n border: 0;\n}\n\nnav.progress li.complete a {\n background-color: #FFF;\n color: #ccc;\n}\n\nnav.progress li.complete a::before {\n background-color: #FFF;\n}\n\nnav.progress li.complete a:hover {\n color: #0C96DD;\n}\n\n@media only screen and (min-width: 669px) {\n nav.progress ul {\n display: flex;\n }\n nav.progress li {\n flex: 1 1 auto;\n position: relative;\n }\n nav.progress li:last-child a::before {\n display: none;\n }\n nav.progress a::after, nav.progress a::before {\n border: 0 solid transparent;\n border-bottom: 1.25rem solid transparent;\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid transparent;\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n }\n nav.progress a::after {\n border-left-color: #FFF;\n }\n nav.progress a::before {\n border-left-color: #cccccc;\n margin-right: -1px;\n }\n nav.progress li.active {\n margin-left: -1rem;\n z-index: 2;\n }\n nav.progress li.active::before {\n border-bottom: 1.25rem solid #0C96DD;\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid #0C96DD;\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 2;\n }\n nav.progress li.active a::after, nav.progress li.active a::before {\n background-color: #0C96DD;\n border-bottom-color: #FFF;\n border-left-color: #0C96DD;\n border-top-color: #FFF;\n }\n nav.progress li.active a::before {\n margin-right: 0;\n }\n nav.progress li.active a:hover::after, nav.progress li.active a:hover::before {\n background-color: #EB7424;\n }\n}\n\nnav.primary {\n margin-bottom: 0.7rem;\n}\n\nnav.primary a {\n color: #FFF;\n}\n\nnav.primary li:hover a {\n color: #0C96DD;\n}\n\nnav.primary > ul li {\n margin-bottom: 0;\n}\n\nnav.primary li a {\n color: #FFF;\n}\n\nnav.primary li.active a,\nnav.primary li:hover a {\n color: #a5a5a5;\n}\n\nnav.utility {\n margin-bottom: 0.7rem;\n}\n\nnav.utility a {\n color: #FFF;\n font-size: 0.8rem;\n}\n\n.header-content {\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.header-content .menu-toggle:hover,\n.header-content .menu-toggle:focus {\n background-color: #0C96DD;\n}\n\n.header-content > .dropdown {\n background-color: #262626;\n z-index: 1001;\n}\n\n.header-content > .dropdown.sub-menu {\n background-color: #333333;\n z-index: 1002;\n}\n\n.desktop {\n display: none;\n}\n\nform.search {\n display: flex;\n}\n\nform.search .text,\nform.search .submit {\n margin-bottom: 0;\n}\n\nform.search .text {\n width: 100%;\n}\n\nform.search label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\nform.search .submit {\n flex-basis: 33%;\n flex-shrink: 0;\n}\n\nform.search input {\n border: none;\n width: 100%;\n}\n\n.torso {\n padding-bottom: 3rem;\n padding-top: 3rem;\n}\n\n.hero {\n background: #191919 url(../img/hero.jpg) no-repeat center/cover;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n height: 240px;\n -webkit-justify-content: center;\n justify-content: center;\n text-align: center;\n}\n\n.hero .copy {\n margin-left: auto;\n margin-right: auto;\n max-width: 1200px;\n padding-left: 1rem;\n padding-right: 1rem;\n position: relative;\n}\n\n.hero .copy * {\n color: #FFF;\n}\n\nmain section:not(:last-child) {\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 3rem;\n padding-bottom: 2rem;\n}\n\naside.primary {\n margin-bottom: 2rem;\n}\n\nnav.supplemental {\n margin-bottom: 0;\n}\n\nnav.supplemental ul {\n display: block;\n}\n\nnav.supplemental ul li {\n display: block;\n float: none;\n margin-bottom: 0;\n}\n\nnav.supplemental ul li a {\n color: #0C96DD;\n display: block;\n padding: 0.25em 0;\n}\n\nnav.supplemental ul li a:hover {\n color: #191919;\n}\n\nnav.supplemental ul ul a {\n color: #727272;\n font-size: 0.8rem;\n line-height: 2;\n padding: 0;\n}\n\nnav.supplemental > ul > li {\n padding-bottom: 0.5em;\n}\n\nnav.supplemental > ul > li ~ li {\n border-top: 1px solid #e5e5e5;\n padding-top: 0.5em;\n}\n\nfooter.primary {\n background-color: #191919;\n color: #FFF;\n font-size: 0.9rem;\n padding: 3rem 0;\n text-align: center;\n}\n\nfooter.primary .branding {\n margin-top: 0;\n}\n\nfooter.primary .branding a {\n margin-bottom: 1rem;\n}\n\nfooter.primary a {\n color: #0C96DD;\n display: inline-block;\n}\n\nfooter.primary a:hover {\n color: #0975ad;\n}\n\nfooter.primary nav ul {\n justify-content: center;\n margin-bottom: 2rem;\n text-align: center;\n}\n\nfooter.primary .social a {\n color: #FFF;\n}\n\nfooter.primary .legal {\n text-align: center;\n}\n\nfooter.primary .legal p {\n margin-bottom: 0.25rem;\n}\n\nfooter.primary .legal a {\n margin-left: 0.35rem;\n margin-right: 0.35rem;\n}\n\n.social {\n list-style: none;\n margin: 0;\n padding-left: 0;\n margin-bottom: 1rem;\n}\n\n.social li::before {\n display: none;\n}\n\n.social li {\n display: inline-block;\n font-size: 1.5rem;\n margin-bottom: 0;\n margin-right: 0.4rem;\n}\n\n.social .facebook a {\n color: #3664A2;\n}\n\n.social .linkedin a {\n color: #0077B5;\n}\n\n.social .twitter a {\n color: #55ACEE;\n}\n\n.social a:hover {\n opacity: 0.7;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n line-height: 1.2;\n margin-bottom: 0.6em;\n}\n\nh1 {\n font-size: 2.2rem;\n}\n\nh2 {\n font-size: 1.7rem;\n}\n\nh3 {\n font-size: 1.3rem;\n}\n\nh4 {\n font-size: 1.1rem;\n}\n\nh5 {\n font-size: 1rem;\n}\n\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nblockquote {\n border-left: 1px solid #e5e5e5;\n color: #727272;\n font-style: italic;\n margin-bottom: 1.5em;\n padding-left: 1rem;\n}\n\n.intro {\n color: #727272;\n}\n\n.intro p {\n font-size: 1.3rem;\n margin-bottom: 0.8em;\n}\n\n.guide {\n color: #727272;\n font-size: 1.25rem;\n}\n\n.meta {\n color: #727272;\n}\n\nhr {\n border: 0;\n border-top: 1px solid #727272;\n display: block;\n height: 0;\n margin: 2em auto 3em;\n width: 100%;\n}\n\na {\n color: #0C96DD;\n cursor: pointer;\n text-decoration: none;\n}\n\na:hover, a:active {\n color: #EB7424;\n}\n\na:focus {\n outline: thin dotted;\n}\n\na.disabled, a[disabled] {\n color: #cccccc;\n cursor: default;\n pointer-events: none;\n}\n\np,\nol,\nul,\ndl {\n margin-bottom: 2rem;\n}\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol li,\nol dt,\nol dd,\nul li,\nul dt,\nul dd {\n margin-bottom: 0.5em;\n}\n\nul {\n list-style: disc;\n}\n\ndt {\n font-weight: bold;\n padding-left: 0.5em;\n}\n\ndd {\n padding-left: 2em;\n}\n\npre {\n background-color: #4A4A4A;\n padding: 1em;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\ncode {\n color: #FBCE78;\n font-family: \"Consolas\", monospace;\n padding: 2px 4px;\n}\n\n.sr-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font: inherit;\n margin: 0;\n}\n\n.button,\n.checkboxes,\n.file,\n.password,\n.radios,\n.reset,\n.select,\n.submit,\n.text,\n.textarea {\n margin-bottom: 2rem;\n}\n\nlabel {\n cursor: pointer;\n display: block;\n font-weight: bold;\n margin-bottom: 0.5em;\n}\n\n.required {\n color: #CE2A2A;\n}\n\nfieldset .help {\n color: #727272;\n display: block;\n font-size: 0.8rem;\n margin: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"email\"],\ninput[type=\"month\"],\ninput[type=\"number\"],\ninput[type=\"password\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"time\"],\ninput[type=\"url\"],\ninput[type=\"week\"],\ntextarea {\n border: 1px solid #e5e5e5;\n border-radius: 0;\n box-sizing: border-box;\n color: #191919;\n display: block;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n margin: 0;\n padding: 0.4em 0.6em;\n width: 100%;\n}\n\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"text\"],\ninput[type=\"submit\"] {\n border-radius: 0;\n -webkit-appearance: none;\n}\n\n::-webkit-input-placeholder {\n color: #4A4A4A;\n}\n\n::ms-input-placeholder {\n color: #4A4A4A;\n}\n\n::-moz-placeholder {\n color: #4A4A4A;\n}\n\n::-placeholder {\n color: #4A4A4A;\n}\n\n.multiple select {\n padding-left: 5px;\n padding-right: 10px;\n}\n\ntextarea {\n height: 8em;\n overflow: auto;\n resize: vertical;\n}\n\n.radio,\n.checkbox {\n font-weight: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n padding: 0;\n}\n\na.button {\n background-color: #0C96DD;\n color: #FFF;\n display: inline-block;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-weight: bold;\n padding: 0.4em 1em;\n text-align: center;\n vertical-align: top;\n margin-bottom: 0;\n}\n\na.button:hover, a.button:focus {\n background-color: #EB7424;\n}\n\na.button.disabled, a.button[disabled] {\n background-color: #8c8c8c;\n color: #cccccc;\n pointer-events: none;\n}\n\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n background-color: #0C96DD;\n color: #FFF;\n display: inline-block;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-weight: bold;\n padding: 0.4em 1em;\n text-align: center;\n vertical-align: top;\n border: none;\n cursor: pointer;\n}\n\nbutton:hover, button:focus,\ninput[type=\"button\"]:hover,\ninput[type=\"button\"]:focus,\ninput[type=\"reset\"]:hover,\ninput[type=\"reset\"]:focus,\ninput[type=\"submit\"]:hover,\ninput[type=\"submit\"]:focus {\n background-color: #EB7424;\n}\n\nbutton.disabled, button[disabled],\ninput[type=\"button\"].disabled,\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"].disabled,\ninput[type=\"reset\"][disabled],\ninput[type=\"submit\"].disabled,\ninput[type=\"submit\"][disabled] {\n background-color: #8c8c8c;\n color: #cccccc;\n pointer-events: none;\n}\n\n.thumbs-up::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n margin-right: 0.5em;\n}\n\n.success {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n background-color: #48AC2C;\n}\n\n.success p:last-of-type,\n.success ul:last-of-type {\n margin-bottom: 0;\n}\n\n.success a {\n text-decoration: underline;\n}\n\n.success::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n display: inline-block;\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n}\n\n.success::before {\n content: \"\\f00c\";\n}\n\n.success a {\n color: #FFF;\n}\n\n.success a:hover {\n color: #d9d9d9;\n}\n\n.info {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n background-color: #DDD;\n}\n\n.info p:last-of-type,\n.info ul:last-of-type {\n margin-bottom: 0;\n}\n\n.info a {\n text-decoration: underline;\n}\n\n.info::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n display: inline-block;\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n}\n\n.info::before {\n content: \"\\f129\";\n}\n\n.error {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n background-color: #CE2A2A;\n}\n\n.error p:last-of-type,\n.error ul:last-of-type {\n margin-bottom: 0;\n}\n\n.error a {\n text-decoration: underline;\n}\n\n.error::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n display: inline-block;\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n}\n\n.error::before {\n content: \"\\f12a\";\n}\n\n.error a {\n color: #DDD;\n}\n\n.error a:hover {\n color: #b7b7b7;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: 2rem;\n width: 100%;\n}\n\ntable caption {\n font-size: 0.9rem;\n margin-bottom: 0.75em;\n}\n\ntable td,\ntable th {\n padding: 0.5em 1em;\n text-align: left;\n vertical-align: top;\n}\n\ntable th {\n background-color: #191919;\n color: #FFF;\n font-weight: bold;\n text-transform: uppercase;\n}\n\ntable td {\n border: 1px solid #e5e5e5;\n}\n\ntable tr:nth-child(even) td {\n background-color: #F3F3F3;\n}\n\n@media only screen and (min-width: 1024px) {\n header.primary {\n padding-bottom: 0;\n }\n header.primary .branding {\n margin-right: 2rem;\n }\n nav ul {\n text-align: left;\n }\n nav.primary {\n margin-bottom: 0;\n }\n nav.primary > ul > li {\n font-size: 1.1rem;\n margin-left: 1rem;\n padding-bottom: 1rem;\n position: relative;\n }\n nav.primary > ul > li:first-child {\n margin-left: 0;\n }\n nav.primary ul {\n text-align: left;\n }\n nav.primary ul li li {\n display: block;\n float: none;\n }\n .utilities nav.utility {\n margin-bottom: 0.4rem;\n }\n .utilities nav.utility ul {\n text-align: right;\n }\n .desktop {\n align-items: flex-end;\n display: flex;\n flex: 1 1 auto;\n flex-flow: column nowrap;\n justify-content: space-between;\n }\n .desktop nav.primary {\n align-self: flex-start;\n }\n button.menu-toggle {\n display: none;\n }\n .torso .wrap {\n display: flex;\n justify-content: space-between;\n }\n .torso .wrap main {\n flex: 1 1 auto;\n padding-right: 2rem;\n }\n .torso .wrap aside.primary {\n flex: 0 0 25%;\n }\n aside.primary {\n margin-bottom: 0;\n }\n aside.primary nav ul {\n text-align: left;\n }\n footer.primary .wrapper {\n display: flex;\n }\n footer.primary .wrapper > * {\n flex: 1 0 0;\n }\n footer.primary .wrapper > nav {\n flex-grow: 2;\n margin-bottom: 0;\n }\n footer.primary .wrapper > nav > ul {\n justify-content: center;\n }\n footer.primary .branding {\n margin-right: 0;\n max-width: none;\n text-align: left;\n }\n footer.primary .social {\n text-align: right;\n }\n h1 {\n font-size: 2.6rem;\n }\n h2 {\n font-size: 2.1rem;\n }\n h3 {\n font-size: 1.6rem;\n }\n h4 {\n font-size: 1.25rem;\n }\n h5 {\n font-size: 1.15rem;\n }\n}\n\n@media print {\n * {\n background-color: transparent !important;\n box-shadow: none !important;\n color: #000 !important;\n text-shadow: none !important;\n }\n a {\n text-decoration: underline;\n }\n pre,\n blockquote,\n tr,\n img,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n @page {\n margin: 0.5cm;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n}\n","////\n/// Built using Imarc Boilerplate v3.1\n///\n/// Copyright 2017 Imarc\n/// Licensed under the Apache License v2.0\n/// http://www.apache.org/licenses/LICENSE-2.0\n///\n/// = Table of Contents =\n/// Variables\n/// Mixins\n/// Components\n/// Base\n/// Layout\n/// Typography\n/// Forms\n/// Iconography\n/// Messaging\n/// Tables\n/// Section Specific\n/// Page Specific\n/// Media Queries\n/// Print Styles\n////\n\n@import \"_components\";\n\n\n///\n/// = Variables =\n///\n\n///\n/// This is the default font stack.\n///\n\n$font-stack: \"Helvetica Neue\", Arial, sans-serif;\n\n\n///\n/// We provide the color `$white`, `$lightgray`, `$gray`, `$darkgray`,\n/// `$charcoal` and `$black` for convienence.\n///\n\n$white: #FFF;\n$lightgray: #DDD;\n$gray: #808080;\n$darkgray: #4A4A4A;\n$charcoal: #191919;\n$black: #000;\n\n\n///\n/// The brand colors (name them the color)\n///\n\n$brand-blue: #0C96DD;\n$brand-orange: #EB7424;\n\n\n///\n/// Messaging colors\n///\n\n$success: #48AC2C;\n$error: #CE2A2A;\n$info: #DDD;\n\n\n///\n/// Applied colors\n///\n\n$plain-text: $charcoal;\n$meta-text: lighten($charcoal, 35%);\n$link: $brand-blue;\n$link-hover: $brand-orange;\n$border: lighten($charcoal, 80%);\n\n\n///\n/// Social Network Colors\n///\n\n$facebook: #3664A2;\n$twitter: #55ACEE;\n$linkedin: #0077B5;\n$youtube: #CD201F;\n\n\n///\n/// Breakpoint values\n///\n\n$medium: 669px;\n$large: 1024px;\n\n\n\n///\n/// = Mixins =\n///\n\n@mixin button {\n background-color: $link;\n color: #FFF;\n display: inline-block;\n font-family: $font-stack;\n font-weight: bold;\n padding: 0.4em 1em;\n text-align: center;\n vertical-align: top;\n\n &:hover,\n &:focus {\n background-color: $link-hover;\n }\n\n &.disabled,\n &[disabled] {\n background-color: lighten($charcoal, 45%);\n color: darken(#FFF, 20%);\n pointer-events: none;\n }\n}\n\n\n///\n/// container mixin\n///\n\n@mixin container {\n margin-left: auto;\n margin-right: auto;\n max-width: 1200px;\n padding-left: 1rem;\n padding-right: 1rem;\n position: relative;\n}\n\n\n///\n/// grouping mixin\n///\n\n@mixin grouping {\n &::before,\n &::after {\n content: \"\";\n display: table;\n }\n &::after {\n clear: both;\n }\n}\n\n\n///\n/// fontawesome mixin\n///\n\n@mixin fontawesome($character: \"\") {\n font: normal normal normal 1em unquote(\"/\") 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n\n @if $character != \"\" {\n content: $character;\n } @else {\n display: inline-block;\n }\n}\n\n\n///\n/// messaging mixin\n///\n\n@mixin messaging {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n p:last-of-type,\n ul:last-of-type {\n margin-bottom: 0;\n }\n a {\n text-decoration: underline;\n }\n &::before {\n @include fontawesome;\n\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n }\n}\n\n\n///\n/// no-bullets mixin\n///\n\n@mixin no-bullets {\n list-style: none;\n margin: 0;\n padding-left: 0;\n\n li::before {\n display: none;\n }\n}\n\n\n///\n/// transition mixin\n///\n\n@mixin transition($properties: all, $duration: 250ms, $easing: ease-in-out) {\n @if length($properties) > 1 {\n -webkit-transition-property: $properties;\n transition-property: $properties;\n } @else {\n -webkit-transition: $properties $duration $easing;\n transition: $properties $duration $easing;\n }\n}\n\n\n///\n/// visuallyhidden mixin\n///\n\n@mixin visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n\n///\n/// = Components =\n///\n\n.accordion {\n @include accordion();\n}\n\n.backgroundvideo {\n @include backgroundvideo();\n}\n\n.carousel {\n @include carousel;\n}\n\n.dossier {\n @include dossier($gutter: 2rem, $photoWidth: 25%, $direction: row);\n}\n\n.header-content > .dropdown,\n.mobile {\n @include mobileNavigation;\n}\n\n.features {\n @include features($gutter: 3rem);\n}\n\nheader.primary.sticky {\n @include sticky-header();\n}\n\n.listing {\n @include listing();\n}\n\n.login {\n @include login;\n}\n\nnav.pagination {\n @include pagination();\n}\n\n.desktop nav.primary {\n @include dropdown();\n li.mega {\n @include dropdown-mega();\n }\n}\n\n.tabs {\n @include tabs();\n}\n\n.testimonial {\n @include testimonial;\n}\n\n.tiles {\n @include tiles();\n}\n\n\n///\n/// = Base =\n///\n\na, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, datalist, dd, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, hr, i, iframe, img, input, label, legend, li, main, meter, nav, object, ol, option, p, pre, progress, q, section, select, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, u, ul, video {\n border: 0;\n box-sizing: border-box;\n font: inherit;\n font-size: 100%;\n margin: 0;\n outline: 0;\n padding: 0;\n vertical-align: baseline;\n}\n\narticle, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {\n display: block;\n}\n\nhtml {\n background-color: #FFF;\n color: $plain-text;\n font-family: $font-stack;\n font-size: 16px;\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\nbody {\n min-width: 300px;\n}\n\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n::selection {\n background: $border;\n}\n\n::-moz-selection {\n background: $border;\n}\n\n\n///\n/// = Layout =\n///\n\n.group {\n @include grouping;\n}\n\n.container {\n @include container;\n}\n\n.columns {\n @include columns;\n}\n\n.sr-only {\n @include visuallyhidden;\n}\n\n.search-drawer {\n background-color: $darkgray;\n > div {\n max-height: 0;\n overflow: hidden;\n transition: max-height 150ms ease;\n &.open {\n max-height: 80px;\n }\n }\n form {\n display: flex;\n padding: 1rem 0;\n > * {\n margin-bottom: 0;\n }\n .text {\n flex: 1 1 auto;\n }\n .submit input {\n height: 100%;\n }\n }\n}\n\n.branding {\n img {\n max-width: 180px;\n }\n}\n\nheader.primary {\n background-color: $charcoal;\n padding: 1rem 0;\n position: relative;\n .container {\n position: static;\n }\n .branding {\n flex-basis: 180px;\n flex-shrink: 0;\n }\n}\n\nnav {\n margin-bottom: 2rem;\n ul {\n @include no-bullets;\n\n display: flex;\n li {\n margin-bottom: 0;\n }\n }\n a {\n color: $link;\n display: block;\n padding: 0 0.5rem;\n }\n\n li.active a,\n li.active:hover a {\n color: $charcoal;\n }\n\n &.tabs {\n @include tabs;\n }\n\n &.breadcrumbs {\n @include breadcrumbs();\n }\n\n &.progress {\n @include progress();\n }\n\n}\n\nnav.primary {\n margin-bottom: 0.7rem;\n\n a {\n color: #FFF;\n }\n\n li:hover a {\n color: $brand-blue;\n }\n\n > ul {\n li {\n margin-bottom: 0;\n }\n }\n li a {\n color: #FFF;\n }\n li.active,\n li:hover {\n a {\n color: lighten($charcoal, 55%);\n }\n }\n}\n\nnav.utility {\n margin-bottom: 0.7rem;\n a {\n color: #FFF;\n font-size: 0.8rem;\n }\n}\n\n.header-content {\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n .menu-toggle:hover,\n .menu-toggle:focus {\n background-color: $link;\n }\n > .dropdown {\n background-color: lighten($charcoal, 5%);\n z-index: 1001;\n &.sub-menu {\n background-color: lighten($charcoal, 10%);\n z-index: 1002;\n }\n }\n}\n\n.desktop {\n display: none;\n}\n\nform.search {\n display: flex;\n .text,\n .submit {\n margin-bottom: 0;\n }\n .text {\n width: 100%;\n }\n label {\n @include visuallyhidden;\n }\n .submit {\n flex-basis: 33%;\n flex-shrink: 0;\n }\n input {\n border: none;\n width: 100%;\n }\n}\n\n.torso {\n padding-bottom: 3rem;\n padding-top: 3rem;\n}\n\n.hero {\n background: $plain-text url(../img/hero.jpg) no-repeat center / cover;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n height: 240px;\n -webkit-justify-content: center;\n justify-content: center;\n text-align: center;\n .copy {\n @include container;\n\n * {\n color: #FFF;\n }\n }\n}\n\nmain section {\n &:not(:last-child) {\n border-bottom: 1px solid $border;\n margin-bottom: 3rem;\n padding-bottom: 2rem;\n }\n}\n\naside.primary {\n margin-bottom: 2rem;\n}\n\nnav.supplemental {\n margin-bottom: 0;\n ul {\n display: block;\n li {\n display: block;\n float: none;\n margin-bottom: 0;\n a {\n color: $link;\n display: block;\n padding: 0.25em 0;\n }\n a:hover {\n color: $plain-text;\n }\n }\n ul {\n a {\n color: $meta-text;\n font-size: 0.8rem;\n line-height: 2;\n padding: 0;\n }\n }\n }\n > ul {\n > li {\n padding-bottom: 0.5em;\n }\n > li ~ li {\n border-top: 1px solid $border;\n padding-top: 0.5em;\n }\n }\n}\n\nfooter.primary {\n background-color: $charcoal;\n color: #FFF;\n font-size: 0.9rem;\n padding: 3rem 0;\n text-align: center;\n .branding {\n margin-top: 0;\n a {\n margin-bottom: 1rem;\n }\n }\n a {\n color: $link;\n display: inline-block;\n &:hover {\n color: darken($link, 10%);\n }\n }\n nav ul {\n justify-content: center;\n margin-bottom: 2rem;\n text-align: center;\n }\n .social a {\n color: #FFF;\n }\n .legal {\n text-align: center;\n p {\n margin-bottom: 0.25rem;\n }\n a {\n margin-left: 0.35rem;\n margin-right: 0.35rem;\n }\n }\n}\n\n.social {\n @include no-bullets;\n\n margin-bottom: 1rem;\n li {\n display: inline-block;\n font-size: 1.5rem;\n margin-bottom: 0;\n margin-right: 0.4rem;\n }\n .facebook a {\n color: $facebook;\n }\n .linkedin a {\n color: $linkedin;\n }\n .twitter a {\n color: $twitter;\n }\n a:hover {\n opacity: 0.7;\n }\n}\n\n\n///\n/// = Typography =\n///\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n line-height: 1.2;\n margin-bottom: 0.6em;\n}\n\nh1 {\n font-size: 2.2rem;\n}\n\nh2 {\n font-size: 1.7rem;\n}\n\nh3 {\n font-size: 1.3rem;\n}\n\nh4 {\n font-size: 1.1rem;\n}\n\nh5 {\n font-size: 1rem;\n}\n\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nblockquote {\n border-left: 1px solid $border;\n color: $meta-text;\n font-style: italic;\n margin-bottom: 1.5em;\n padding-left: 1rem;\n}\n\n.intro {\n color: $meta-text;\n p {\n font-size: 1.3rem;\n margin-bottom: 0.8em;\n }\n}\n\n.guide {\n color: $meta-text;\n font-size: 1.25rem;\n}\n\n.meta {\n color: $meta-text;\n}\n\nhr {\n border: 0;\n border-top: 1px solid $meta-text;\n display: block;\n height: 0;\n margin: 2em auto 3em;\n width: 100%;\n}\n\n@mixin link {\n color: $link;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: $link-hover;\n }\n &:focus {\n outline: thin dotted;\n }\n\n &.disabled,\n &[disabled] {\n color: darken(#FFF, 20%);\n cursor: default;\n pointer-events: none;\n }\n}\na {\n @include link;\n}\n\np,\nol,\nul,\ndl {\n margin-bottom: 2rem;\n}\n\nol,\nul {\n padding-left: 2rem;\n li,\n dt,\n dd {\n margin-bottom: 0.5em;\n }\n}\n\nul {\n list-style: disc;\n}\n\ndt {\n font-weight: bold;\n padding-left: 0.5em;\n}\n\ndd {\n padding-left: 2em;\n}\n\npre {\n background-color: #4A4A4A;\n padding: 1em;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\ncode {\n color: #FBCE78;\n font-family: \"Consolas\", monospace;\n padding: 2px 4px;\n}\n\n.sr-only {\n @include visuallyhidden;\n}\n\n\n///\n/// = Forms =\n///\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font: inherit;\n margin: 0;\n}\n\n.button,\n.checkboxes,\n.file,\n.password,\n.radios,\n.reset,\n.select,\n.submit,\n.text,\n.textarea {\n margin-bottom: 2rem;\n}\n\nlabel {\n cursor: pointer;\n display: block;\n font-weight: bold;\n margin-bottom: 0.5em;\n}\n\n.required {\n color: $error;\n}\n\nfieldset .help {\n color: $meta-text;\n display: block;\n font-size: 0.8rem;\n margin: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"email\"],\ninput[type=\"month\"],\ninput[type=\"number\"],\ninput[type=\"password\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"time\"],\ninput[type=\"url\"],\ninput[type=\"week\"],\ntextarea {\n border: 1px solid $border;\n border-radius: 0;\n box-sizing: border-box;\n color: $plain-text;\n display: block;\n font-family: $font-stack;\n margin: 0;\n padding: 0.4em 0.6em;\n width: 100%;\n}\n\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"text\"],\ninput[type=\"submit\"] {\n border-radius: 0;\n -webkit-appearance: none;\n}\n\n::-webkit-input-placeholder {\n color: #4A4A4A;\n}\n\n::ms-input-placeholder {\n color: #4A4A4A;\n}\n\n::-moz-placeholder {\n color: #4A4A4A;\n}\n\n::-placeholder {\n color: #4A4A4A;\n}\n\n.multiple select {\n padding-left: 5px;\n padding-right: 10px;\n}\n\ntextarea {\n height: 8em;\n overflow: auto;\n resize: vertical;\n}\n\n.radio,\n.checkbox {\n font-weight: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n padding: 0;\n}\n\na.button {\n @include button;\n margin-bottom: 0;\n}\n\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n @include button;\n border: none;\n cursor: pointer;\n}\n\n\n///\n/// = Iconography =\n///\n\n.thumbs-up::before {\n @include fontawesome(\"\\f087\");\n\n margin-right: 0.5em;\n}\n\n\n///\n/// = Messaging =\n///\n\n.success {\n @include messaging;\n\n background-color: $success;\n &::before {\n content: \"\\f00c\";\n }\n a {\n color: #FFF;\n }\n a:hover {\n color: darken(#FFF, 15%);\n }\n}\n\n.info {\n @include messaging;\n\n background-color: $info;\n &::before {\n content: \"\\f129\";\n }\n}\n\n.error {\n @include messaging;\n\n background-color: $error;\n &::before {\n content: \"\\f12a\";\n }\n a {\n color: $info;\n }\n a:hover {\n color: darken($info, 15%);\n }\n}\n\n\n///\n/// = Tables =\n///\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: 2rem;\n width: 100%;\n caption {\n font-size: 0.9rem;\n margin-bottom: 0.75em;\n }\n td,\n th {\n padding: 0.5em 1em;\n text-align: left;\n vertical-align: top;\n }\n th {\n background-color: $plain-text;\n color: #FFF;\n font-weight: bold;\n text-transform: uppercase;\n }\n td {\n border: 1px solid $border;\n }\n tr:nth-child(even) td {\n background-color: #F3F3F3;\n }\n}\n\n\n///\n/// = Section Specific =\n///\n\n\n///\n/// = Page Specific =\n///\n\n\n///\n/// = Media Queries =\n///\n\n@media only screen and (min-width: $medium) {\n\n}\n\n\n@media only screen and (min-width: $large) {\n\n ///\n /// = Layout =\n ///\n\n header.primary {\n padding-bottom: 0;\n .branding {\n margin-right: 2rem;\n }\n }\n\n nav {\n ul {\n text-align: left;\n }\n }\n\n nav.primary {\n margin-bottom: 0;\n > ul > li {\n font-size: 1.1rem;\n margin-left: 1rem;\n padding-bottom: 1rem;\n position: relative;\n }\n > ul > li:first-child {\n margin-left: 0;\n }\n ul {\n text-align: left;\n li li {\n display: block;\n float: none;\n }\n }\n }\n\n .utilities {\n nav.utility {\n margin-bottom: 0.4rem;\n ul {\n text-align: right;\n }\n }\n }\n\n .desktop {\n align-items: flex-end;\n display: flex;\n flex: 1 1 auto;\n flex-flow: column nowrap;\n justify-content: space-between;\n\n nav.primary {\n align-self: flex-start;\n }\n }\n\n button.menu-toggle {\n display: none;\n }\n\n .torso .wrap {\n display: flex;\n justify-content: space-between;\n main {\n flex: 1 1 auto;\n padding-right: 2rem;\n }\n aside.primary {\n flex: 0 0 25%;\n }\n }\n\n aside.primary {\n margin-bottom: 0;\n nav ul {\n text-align: left;\n }\n }\n\n footer.primary {\n .wrapper {\n display: flex;\n > * {\n flex: 1 0 0;\n }\n > nav {\n flex-grow: 2;\n margin-bottom: 0;\n }\n > nav > ul {\n justify-content: center;\n }\n }\n .branding {\n margin-right: 0;\n max-width: none;\n text-align: left;\n }\n .social {\n text-align: right;\n }\n }\n\n\n ///\n /// = Typography =\n ///\n\n h1 {\n font-size: 2.6rem;\n }\n\n h2 {\n font-size: 2.1rem;\n }\n\n h3 {\n font-size: 1.6rem;\n }\n\n h4 {\n font-size: 1.25rem;\n }\n\n h5 {\n font-size: 1.15rem;\n }\n}\n\n\n///\n/// = Print Styles =\n///\n\n@media print {\n * {\n background-color: transparent !important;\n box-shadow: none !important;\n color: #000 !important; // Black prints faster: h5bp.com/s\n text-shadow: none !important;\n }\n\n a {\n text-decoration: underline;\n }\n\n pre,\n blockquote,\n tr,\n img,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n page-break-inside: avoid;\n }\n\n thead {\n display: table-header-group;\n }\n\n @page {\n margin: 0.5cm;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n}\n","////\n/// _components.scss contains solely the mixin definitions for components.\n///\n/// + This file should not depend on styles.scss; we should be able to use\n/// include this file without including styles.scss.\n/// + This file should not generate any CSS on it's own; it should only contain\n/// mixin and/or function definitions.\n///\n////\n\n\n///\n/// ACCORDION\n///\n/// ACCORDION requires the accordion.plugin.js file. Call the ACCORDION\n/// function on your outer element (in our example we use an .accordion div).\n/// You can pass in optional plugin options. See the demo page for a list.\n/// Within the outer element class each accordion item requires a div wrapper. \n/// Within the div wrapper there is a .header class and a .content class. \n/// \n///\n///\n/// @emmet .accordion>div>(.header{header}+.content>{lorem ipsum})\n/// @demo components/accordion.html\n///\n/// @example markup HTML\n///
\n///
\n///
header
\n///
\n/// lorem ipsum\n///
\n///
\n///
\n///\n/// @example javascript JavaScript\n/// $('.accordion').accordion({\n/// hiddenOnLoad: true,\n/// singleOpen: true\n/// });\n///\n\n@mixin accordion() {\n > div {\n &.open {\n .header {\n background: darken($lightgray, 5%);\n &::after {\n @include fontawesome(\"\\f068\");\n }\n }\n }\n &.close {\n .header{\n &::after {\n @include fontawesome(\"\\f067\");\n }\n }\n }\n &.initially-hidden {\n .content {\n display: none;\n }\n }\n .header {\n background-color: $lightgray;\n color: $plain-text;\n cursor: pointer;\n font-size: 1em;\n margin-top: .5em;\n padding: .5em 1em;\n position: relative;\n text-align: left;\n width: 100%;\n &:hover {\n background-color: darken($lightgray, 5%);\n }\n &::after {\n bottom: 0;\n height: 1em;\n margin: auto 0;\n position: absolute;\n right: 1em;\n top: 0;\n width: 1em;\n }\n }\n .content {\n padding: 1em 0;\n }\n }\n}\n\n\n///\n/// BACKGROUND VIDEO plays a video (without sound) in the background of an element. \n/// Increasing the parent’s ::before padding results in a larger height.\n///\n///\n///\n/// @emmet .backgroundvideo>(.mold>div>h1+p)+video>source[src]\n/// @demo components/background-video.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n///

\n/// Imarc loves background videos\n///

\n///

\n/// Lorem ipsum dolor sit amet consectetur adipisicing elit fuga.\n///

\n///
\n///
\n/// \n///
\n///\n\n@mixin backgroundvideo() {\n align-items: center;\n display: flex;\n height: auto;\n justify-content: center;\n overflow: hidden;\n position: relative;\n .mold {\n background-color: rgba(2255, 255, 255, 0.6);\n padding: 2em;\n text-align: center;\n z-index: 2;\n }\n video {\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n &::before {\n content: \"\";\n display: block;\n padding-top: 30%;\n }\n}\n\n\n///\n/// BREADCRUMBS provides basic breadcrumb styling, complete with\n/// fontawesome icons for separators. Many styles for BREADCRUMBS\n/// are cascading from our base styles.scss file.\n///\n///\n///\n/// @emmet nav.breadcrumbs>ul>li>a+li.active>a\n/// @demo components/breadcrumbs.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin breadcrumbs() {\n li:not(:last-child) a {\n padding-right: 0;\n\n &::after {\n @include fontawesome(\"\\f105\");\n padding-left: 0.5rem;\n }\n }\n}\n\n\n///\n/// CAROUSEL uses Slick to create a carousel. It defaults to a rather\n/// basic, one-slide-at-a-time implementation with dots, but slick supports a\n/// good deal of configuration including showing multiple slides, breakpoints,\n/// syncing between slides, and plenty of javascript events and methods for\n/// integration.\n///\n/// The implementation on Boilerplate is using a CDN to provide\n///\n/// + slick.css\n/// + slick-theme.css\n/// + slick.min.js\n///\n/// See http://kenwheeler.github.io/slick/ for more information.\n///\n/// The carousel() mixin should be included on a parent element that contains\n/// one div per slide. No additional classes are necessary – the slick classes\n/// referenced are added dynamically by slick.\n///\n///\n/// @emmet .carousel>div*3>h2+p\n/// @demo components/carousel.html\n///\n/// @example markup HTML\n///
\n///
\n///

Headline

\n///

Lorem ipsum

\n///
\n///
\n///\n\n@mixin carousel() {\n .slick-slide {\n color: #FFF;\n height: auto;\n padding: 3rem;\n }\n .slick-prev,\n .slick-next {\n z-index: 1;\n }\n .slick-prev {\n left: 2rem;\n }\n .slick-next {\n right: 2rem;\n }\n}\n\n\n///\n/// The COLUMNS mixin makes it so that immmediate child elements appear as\n/// columns. It assumes the use of < hr > elements to create visual gutters\n/// that are only visible while displayed as columns.\n///\n///\n/// @emmet .columns>div+(hr+div)*2\n/// @demo components/columns.html\n///\n/// @example markup HTML\n///
\n///
\n///

A column

\n///
\n///
\n///
\n///

Another column

\n///
\n///
\n///\n\n@mixin columns() {\n > hr {\n border: 0;\n display: none;\n }\n @media only screen and (min-width: $medium) {\n & {\n display: table;\n table-layout: fixed;\n width: 100%;\n > * {\n display: table-cell;\n vertical-align: top;\n }\n > hr {\n display: table-cell;\n width: 1rem;\n }\n }\n }\n}\n\n\n///\n/// The DOSSIER mixin displays an individual’s biography and photograph. \n/// If the photo portion is omitted, the biography element flexes to \n/// fill the space.\n///\n/// @emmet .dossier>div>(.photo>img^.bio>h2{Lorem Ipsum}+p.title{Vice President}+p{Lorem20})\n/// @demo components/dossier.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n/// \"Jane\n///
\n///
\n///

\n/// Jane Doe\n///

\n///

\n/// Executive Vice President of Operations\n///

\n///

\n/// Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam quidem, soluta quisquam est velit praesentium ex, vero perspiciatis ad autem sapiente. Sed amet et voluptates, inventore corrupti quas assumenda nemo quibusdam magni officia ut, aperiam quo, quae! Eos, unde ea placeat ab earum molestias a veritatis architecto quas.\n///

\n///

\n/// Magnam quidem, soluta quisquam est velit praesentium ex, vero perspiciatis ad autem sapiente. Sed amet et voluptates, inventore corrupti quas assumenda nemo quibusdam magni officia ut, aperiam quo quae! Eos unde ea placeat.\n///

\n///
\n///
\n///
\n///\n///\n/// @param {measure} $gutter [2rem] - gutter between content and image\n/// @param {measure} $photoWidth [25%] - width of image\n/// @param {direction} $direction [row] - whether to put the images on the left or right\n///\n\n@mixin dossier($gutter: 2rem, $photoWidth: 25%, $direction: row) {\n > * {\n text-align: center;\n .photo {\n margin-bottom: 2rem;\n }\n }\n @media only screen and (min-width: $medium) {\n > * {\n display: flex;\n flex-direction: $direction;\n flex-wrap: nowrap;\n margin-bottom: 4rem;\n text-align: left;\n .photo {\n flex: 0 0 $photoWidth;\n margin-bottom: 0;\n margin-right: $gutter;\n @if $direction == row-reverse {\n margin-left: $gutter;\n margin-right: 0;\n }\n }\n .bio {\n .title {\n color: $meta-text;\n text-transform: uppercase;\n }\n }\n }\n }\n}\n\n\n///\n/// The DROPDOWN mixin allows for single-column dropdown menus. The mixin\n/// is called from the nav.primary element, not a list item.\n///\n/// @emmet nav.primary>ul>li>a{link name}+.dropdown>>ul>li>(a{link name})*3\n/// @demo components/dropdown-simple.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin dropdown() {\n @media only screen and (max-width: $large - 1px) {\n .dropdown,\n i.fa {\n display: none;\n }\n }\n @media only screen and (min-width: $large) {\n i.fa {\n display: inline-block;\n }\n .dropdown {\n background-color: #2A2A2A;\n color: #FFF;\n display: block;\n font-size: 1rem;\n min-width: 260px;\n opacity: 0;\n padding: 2rem 0;\n position: absolute;\n top: 100%;\n transition: opacity 300ms;\n visibility: hidden;\n z-index: 1;\n ul {\n display: block;\n }\n .menu {\n > * {\n padding: 0 1rem;\n }\n li {\n margin-bottom: 0.4em;\n }\n a {\n color: #0C96DD;\n }\n a:hover,\n a:focus {\n color: darken(#0C96DD, 10%);\n }\n }\n }\n .dropdown.open {\n opacity: 1;\n visibility: visible;\n }\n }\n}\n\n\n///\n/// The DROPDOWN (mega) mixin allows for full-width mega dropdown\n/// menus. Call this mixin on a list item, not on nav.primary. \n/// Note that the simple dropdown component is a dependency of \n/// DROPDOWN (mega). The mega dropdown is positioned to header.primary \n/// instead of its parent list item.\n///\n/// @emmet nav.primary>ul>li>a{link name}+.dropdown>.menu(div*3)\n/// @demo components/dropdown-mega.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin dropdown-mega() {\n position: static;\n @media only screen and (min-width: $large) {\n .dropdown {\n left: 0;\n top: 100%;\n width: 100%;\n .menu {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n margin-left: auto;\n margin-right: auto;\n max-width: 1168px;\n > * {\n border-left: 1px solid #777;\n flex-basis: 0;\n flex-grow: 1;\n padding: 0 3rem;\n }\n > *:first-child {\n border-left: none;\n padding-left: 0;\n }\n > *:last-child {\n padding-right: 0;\n }\n }\n }\n }\n}\n\n\n///\n/// FEATURES holds three modules in one row. Powered by flexbox,\n/// this allows for a bottom alignment of an optional button. Use the\n/// `$gutter` variable to pass a preferred gutter width.\n///\n/// @emmet .features>(div>(.icon>img)+h4+p+a)*3\n/// @demo components/features.html\n///\n/// @example markup HTML\n///
\n///
\n///
\"\"
\n///

\n///

\n/// \n///
\n///
\n///\n/// @param {measure} $gutter [3rem] - gutter between features\n///\n\n@mixin features($gutter: 3rem) {\n > * {\n background-color: #EEE;\n margin-bottom: 2rem;\n margin-left: auto;\n margin-right: auto;\n padding: 2rem;\n text-align: center;\n img,\n h3,\n p {\n margin-bottom: 1rem;\n }\n .button {\n margin-bottom: 0;\n }\n }\n @media only screen and (min-width: $large) {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n > * {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-left: $gutter;\n margin-right: 0;\n .button {\n align-self: center;\n margin-top: auto;\n }\n &:first-child {\n margin-left: 0;\n }\n }\n }\n}\n\n\n///\n/// LISTING shows a listing of entries. It includes an optional search form with filters.\n/// Remove the search form elements for a simple list.\n///\n/// @emmet .listing>(form>.search>(.text>label+input^.submit>label+input[type=\"submit\"]))+p.guide{Showing 10 of 20}+ul>li>a>h2{Listing headline}+a.meta+div.summary>p{Lorem Ipsum}\n/// @demo components/listing.html\n///\n///\n/// @example markup HTML\n///
\n///
\n///
\n///
\n/// \n/// \n///
\n///
\n/// \n///
\n///
\n///
\n/// \n/// \n///
\n///
\n///

\n/// Showing results 1–10 for responsive design\n///

\n/// \n///
\n///\n\n@mixin listing() {\n margin-bottom: 2rem;\n form {\n .search {\n display: flex;\n label {\n @include visuallyhidden;\n }\n .text {\n flex-grow: 1;\n }\n .submit {\n flex-basis: 120px;\n flex-shrink: 0;\n }\n .submit input {\n height: 100%;\n width: 100%;\n }\n }\n .filters {\n margin-bottom: 2rem;\n label {\n display: inline;\n }\n span {\n background-color: darken($link, 20%);\n border-radius: 0.5rem;\n color: #fff;\n display: inline-block;\n margin: 0 0.5rem 0.5rem 0;\n padding: 0.5rem 1rem;\n }\n input[type=\"checkbox\"]:checked + span {\n background-color: $link;\n }\n input[type=\"checkbox\"] {\n display: none;\n }\n }\n }\n\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n li {\n border-top: 4px solid $border;\n margin-bottom: 0;\n padding: 2rem 0;\n .meta {\n display: block;\n font-size: 0.9rem;\n margin-bottom: 1em;\n }\n h2 + .meta {\n margin-top: -1em;\n }\n .summary {\n p:last-of-type {\n margin-bottom: 0;\n }\n }\n }\n }\n}\n\n\n///\n/// The LOGIN mixin is a basic implementation of a login module that includes \n/// an email input, password input, submit button, forgot password link, and\n/// remember me checkbox.\n///\n/// @emmet .login>form>(div.text>label{Username}+input)+(div.password>label{Password}+input[type=\"password\"])+div.actions>(.submit>button{Login})+(label>input[type=\"hidden\"]+input[type=\"checkbox\"])+a{Forgot Your Password?}\n/// @demo components/login.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n/// \n/// \n///
\n///
\n/// \n/// \n///
\n///
\n///
\n/// \n///
\n/// \n/// Forgot Your Password?\n///
\n///
\n///
\n///\n\n@mixin login() {\n background-color: #EEE;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: 3rem;\n input {\n &:focus {\n box-shadow: 0 0 5px rgba(114, 164, 0, 0.7);\n }\n }\n .submit {\n text-align: center;\n }\n .actions {\n text-align: center;\n\n }\n @media only screen and (min-width: $medium) {\n .actions {\n align-items: center;\n display: flex;\n justify-content: space-between;\n flex-flow: row wrap;\n > * {\n margin: 0;\n padding: 0;\n }\n label {\n margin-left: 1em;\n }\n a {\n display: block;\n margin-left: auto;\n text-align: right;\n }\n }\n }\n}\n\n\n///\n/// The mobile navigation mixin is missing any kind of sass, docblock style\n/// documentation within _components.scss. Sorry.\n///\n/// @demo components/mobile-navigation.html\n///\n\n@mixin mobileNavigation() {\n background-color: $charcoal;\n bottom: 0;\n display: none;\n height: 100%;\n opacity: 0;\n overflow-y: auto;\n padding: 1rem;\n position: fixed;\n top: 0;\n transition: transform .25s;\n width: 80%;\n z-index: 1000;\n &.left {\n display: block;\n left: 0;\n right: auto;\n transform: translateX(-100%);\n }\n &.right {\n display: block;\n left: auto;\n right: 0;\n transform: translateX(100%);\n }\n &.left.open, &.right.open {\n transform: translateX(0);\n transition: transform .25s;\n }\n &.init {\n display: block;\n opacity: 1;\n }\n nav.utility {\n ul li a {\n padding: 0.75rem 0;\n }\n }\n ul {\n display: block;\n padding-left: 0;\n }\n ul li {\n align-items: center;\n border-bottom: 1px solid lighten($charcoal, 10%);\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n margin-bottom: 0;\n text-align: left;\n a {\n color: #fff;\n display: block;\n padding: 1rem 0;\n }\n i.fa {\n display: inline-block;\n }\n\n }\n @media only screen and (min-width: $large) {\n &.open.left {\n transform: translateX(-100%);\n }\n &.open.right {\n transform: translateX(100%);\n }\n }\n}\n\n\n///\n/// PAGINATION provides a navigational unordered list of pages. Often used\n/// in conjunction of a LISTING component.\n///\n/// @emmet nav.pagination>ul>(li.previous>a{Previous})+(li*2>a)+(li.active>a)+(li*2>a)+li.next>a{Next}\n/// @demo components/pagination.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin pagination() {\n display: flex;\n justify-content: center;\n ul {\n border: 1px solid $border;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n }\n li {\n margin-bottom: 0;\n }\n a {\n color: $link;\n padding: 0.5rem 1rem;\n position: relative;\n }\n li:not(:last-child) a {\n border-right: 1px solid $border;\n }\n li.active a {\n background-color: $brand-blue;\n color: #fff;\n cursor: default;\n pointer-events: none;\n &::before,\n &::after {\n background-color: $brand-blue;\n }\n &:hover {\n color: #fff;\n background-color: $link-hover;\n &::before,\n &::after {\n background-color: $link-hover;\n }\n }\n }\n li.disabled a {\n color: $border;\n cursor: default;\n pointer-events: none;\n }\n li.previous a {\n &::before {\n @include fontawesome(\"\\f100\");\n }\n }\n li.next a {\n &::before {\n @include fontawesome(\"\\f101\");\n }\n }\n li:hover:not(.active):not(.disabled) {\n a {\n background-color: $link;\n color: #FFF;\n\n &::before {\n background-color: $link;\n color: #FFF;\n }\n }\n }\n}\n\n\n///\n/// PROGRESS provides a basic, pill-style progress nav bar like you\n/// might find as part of an ecommerce or registration process.\n///\n/// @emmet nav.progress>ul>(li.complete*2>a)+(li.active>a)+(li*2>a)\n/// @demo components/progress.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin progress() {\n ul {\n border: 1px solid $border;\n border-radius: 2px;\n display: block;\n width: 100%;\n }\n a {\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n &:hover {\n color: $link-hover;\n }\n }\n li:not(:last-child) a {\n border-right: 1px solid $border;\n }\n li.active {\n a {\n background-color: $link;\n color: #FFF;\n cursor: default;\n pointer-events: none;\n\n &:hover {\n background-color: $link-hover;\n color: #FFF;\n }\n }\n }\n li.disabled a {\n color: $border;\n cursor: default;\n pointer-events: none;\n }\n li:hover:not(.active,.disabled) a {\n color: $link-hover;\n }\n li:not(:last-child) a {\n border: 0;\n }\n li.complete a {\n background-color: #FFF;\n color: #ccc;\n &::before {\n background-color: #FFF;\n }\n &:hover {\n color: $link;\n }\n }\n @media only screen and (min-width: $medium) {\n ul {\n display: flex;\n }\n li {\n flex: 1 1 auto;\n position: relative;\n }\n li:last-child a {\n &::before {\n display: none;\n }\n }\n a {\n &::after,\n &::before {\n border: 0 solid transparent;\n border-bottom: 1.25rem solid rgba(0,0,0,0);\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid rgba(0,0,0,0);\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n }\n &::after {\n border-left-color: #FFF;\n }\n &::before {\n border-left-color: darken($border, 10%);\n margin-right: -1px;\n }\n }\n li.active {\n margin-left: -1rem;\n z-index: 2;\n &::before {\n border-bottom: 1.25rem solid $link;\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid $link;\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 2;\n }\n a {\n &::after,\n &::before {\n background-color: $link;\n border-bottom-color: #FFF;\n border-left-color: $link;\n border-top-color: #FFF;\n }\n &::before {\n margin-right: 0;\n }\n }\n a:hover {\n &::after,\n &::before {\n background-color: $link-hover;\n }\n }\n }\n }\n}\n\n\n///\n/// The STICKY-HEADER mixin works with (sticky-header.plugin.js) to hide \n/// a site’s header.primary element as you scroll down page. The element \n/// reappears when the user scrolls up the page. This is\n/// responsive as the \"top\" value is dynamically set in the\n/// js based on the height of the header. Top padding is also added\n/// to the body dynamically via js so that the header doesn't overlap any\n/// content.\n///\n/// @emmet header.primary\n/// @demo components/sticky-header.html\n///\n\n@mixin sticky-header() {\n position: fixed;\n top: 0;\n transition: top 0.16s cubic-bezier(0, .40, .70, 1);\n width: 100%;\n z-index: 100;\n}\n\n\n///\n/// TABS allows for the showing and hiding of panels via an\n/// associated tab navigation.\n///\n/// @emmet .tabs>(nav>ul>li*4)>.panel.active+(.panel*3)\n/// @demo components/tabs.html\n///\n/// @example markup HTML\n///
\n/// \n///
\n///

\n/// The New England Patriots are a professional American \n/// football team based in the Greater Boston area. \n///

\n///

\n/// Since the arrival of head coach Bill Belichick in 2000, \n/// the Patriots have become one of the most successful teams.\n///

\n///
\n///
\n///

\n/// The Boston Bruins are an American professional \n/// ice hockey team based in Boston, Massachusetts.\n///

\n///

\n/// The Bruins have won six Stanley Cup championships, \n/// tied for fifth most of all-time with the Blackhawks.\n///

\n///
\n///
\n///\n\n @mixin tabs() {\n position: relative;\n nav {\n border-bottom: 1px solid;\n ul {\n list-style: none;\n margin-left: 20px;\n padding: 0;\n text-align: center;\n }\n li {\n background-color: #CBBFB4;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n cursor: pointer;\n display: inline-block;\n margin-bottom: 0;\n margin-right: 0.5em;\n padding: 0.5em 1em;\n }\n li.active {\n background-color: #FFF;\n border: 1px solid;\n border-bottom: none;\n position: relative;\n &::after {\n background-color: #FFF;\n bottom: -1px;\n content: \"\";\n height: 1px;\n left: 0;\n position: absolute;\n width: 100%;\n }\n }\n }\n .panel {\n display: none;\n padding: 20px;\n }\n .panel.active {\n display: inherit;\n }\n @media only screen and (min-width: $large) {\n nav ul {\n margin-left: 20px;\n text-align: left;\n }\n }\n }\n\n///\n/// The TESTIMONIAL mixin is a basic implementation of a testimonial design.\n/// Add in an optional image wrapped in an element with a class of .asset.\n///\n/// @emmet div.testimonial.asset>div.container>(div>img)+blockquote+p\n/// @demo components/testimonial.html\n///\n/// @param {measure} $gutterWidth [4rem] - gutter between asset and quote\n///\n/// @example markup HTML\n///
\n///
\n///
\n///
\n/// \"\"\n///
\n///
\n///
\n/// It was an honor to work with Imarc. They demonstrated, very early on, a true ability to understand our business and solve for our needs—create a new intranet site, one that would increase engagement and foster community. Imarc delivered incredible results, taking our former site to new heights. We couldn’t be happier with their work and subject matter expertise.\n///
\n///

\n/// – John Smith, Chief Marketing Officer, Acme Co\n///

\n///
\n///
\n///
\n///
\n///\n\n@mixin testimonial($gutterWidth: 4rem) {\n background-color: $charcoal;\n margin-bottom: 4rem;\n padding: 4rem 0 4rem;\n text-align: center;\n .asset {\n margin-bottom: 2rem;\n img {\n max-width: 280px;\n }\n }\n blockquote {\n border: none;\n color: #fff;\n font-size: 1.125rem;\n margin-bottom: 1rem;\n padding: 0 2.5rem;\n position: relative;\n &::before,\n &::after {\n color: $meta-text;\n font-family: Georgia, serif;\n font-size: 3.375rem;\n position: absolute;\n }\n &::before {\n content: \"“\";\n left: 0;\n line-height: 1;\n top: 0;\n }\n &::after {\n content: \"”\";\n line-height: 0;\n right: 0;\n bottom: 0;\n }\n ~ p {\n color: $meta-text;\n font-size: 0.875rem;\n margin-bottom: 0;\n padding: 0 2.5rem;\n }\n }\n @media only screen and (min-width: $large) {\n text-align: left;\n .wrapper {\n display: flex;\n justify-content: space-between;\n }\n .asset {\n flex-basis: 33%;\n flex-shrink: 0;\n margin-bottom: 0;\n margin-right: $gutterWidth;\n img {\n max-width: 100%;\n }\n }\n blockquote {\n font-size: 1.5rem;\n padding: 0 6rem;\n &::before,\n &::after {\n font-size: 7rem;\n }\n ~ p {\n font-size: 1rem;\n padding: 0 6rem;\n }\n }\n }\n}\n\n\n///\n/// TILES helps you create an equal-width column grid layout without the use of row wrappers.\n/// Tiles is similar to the Features component, except that TILES’ items can wrap.\n/// Powered by flexbox, you can pass in a $gutter width and $column amount. Note that the\n/// specified $column amount only is respected at the large breakpoint. Tiles will automatically\n/// two-up your items at the medium breakpoint, and stack them at the small breakpoint.\n///\n/// @emmet .tiles>(.tile>p{Lorem Ipsum})*2\n/// @demo components/tiles.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n///

One Great Headline

\n///

Lorem ipsum dolor

\n///
\n///
\n///
\n///
\n///

One Great Headline

\n///

Lorem ipsum dolor

\n///
\n///
\n///
\n///
\n///

One Great Headline

\n///

Lorem ipsum dolor

\n///
\n///
\n///
\n///\n/// @param {measure} $gutter [2rem] - vertical gutter between tiles\n/// @param {number} $columns [4] - number of columns while min-width is $large\n///\n\n@mixin tiles($gutter: 2rem, $columns: 4) {\n > * {\n background-color: #EEE;\n margin-bottom: $gutter;\n text-align: left;\n *:last-child {\n margin-bottom: 0;\n }\n }\n .tile > * {\n padding: 2rem;\n }\n @media only screen and (min-width: $medium) {\n display: flex;\n flex-flow: row wrap;\n margin-left: -$gutter / 2;\n margin-right: -$gutter / 2;\n > * {\n flex-basis: calc(50% - #{$gutter});\n flex-shrink: 0;\n margin-left: $gutter / 2;\n margin-right: $gutter / 2;\n }\n }\n @media only screen and (min-width: $large) {\n > * {\n flex-basis: calc((100% / #{$columns}) - (#{$gutter}));\n }\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["styles.css","styles.scss","_components.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["@charset \"UTF-8\";\n.accordion > div.open .header {\n background: #d0d0d0;\n}\n\n.accordion > div.open .header::after {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\n.accordion > div.close .header::after {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\n.accordion > div.initially-hidden .content {\n display: none;\n}\n\n.accordion > div .header {\n background-color: #DDD;\n color: #191919;\n cursor: pointer;\n font-size: 1em;\n margin-top: .5em;\n padding: .5em 1em;\n position: relative;\n text-align: left;\n width: 100%;\n}\n\n.accordion > div .header:hover {\n background-color: #d0d0d0;\n}\n\n.accordion > div .header::after {\n bottom: 0;\n height: 1em;\n margin: auto 0;\n position: absolute;\n right: 1em;\n top: 0;\n width: 1em;\n}\n\n.accordion > div .content {\n padding: 1em 0;\n}\n\n.backgroundvideo {\n align-items: center;\n display: flex;\n height: auto;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.backgroundvideo .mold {\n background-color: rgba(255, 255, 255, 0.6);\n padding: 2em;\n text-align: center;\n z-index: 2;\n}\n\n.backgroundvideo video {\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n}\n\n.backgroundvideo::before {\n content: \"\";\n display: block;\n padding-top: 30%;\n}\n\n.carousel .slick-slide {\n color: #FFF;\n height: auto;\n padding: 3rem;\n}\n\n.carousel .slick-prev,\n.carousel .slick-next {\n z-index: 1;\n}\n\n.carousel .slick-prev {\n left: 2rem;\n}\n\n.carousel .slick-next {\n right: 2rem;\n}\n\n.dossier > * {\n text-align: center;\n}\n\n.dossier > * .photo {\n margin-bottom: 2rem;\n}\n\n@media only screen and (min-width: 669px) {\n .dossier > * {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin-bottom: 4rem;\n text-align: left;\n }\n .dossier > * .photo {\n flex: 0 0 25%;\n margin-bottom: 0;\n margin-right: 2rem;\n }\n .dossier > * .bio .title {\n color: #727272;\n text-transform: uppercase;\n }\n}\n\n.header-content > .dropdown,\n.mobile {\n background-color: #191919;\n bottom: 0;\n display: none;\n height: 100%;\n opacity: 0;\n overflow-y: auto;\n padding: 1rem;\n position: fixed;\n top: 0;\n transition: transform .25s;\n width: 80%;\n z-index: 1000;\n}\n\n.header-content > .dropdown.left,\n.mobile.left {\n display: block;\n left: 0;\n right: auto;\n transform: translateX(-100%);\n}\n\n.header-content > .dropdown.right,\n.mobile.right {\n display: block;\n left: auto;\n right: 0;\n transform: translateX(100%);\n}\n\n.header-content > .dropdown.left.open, .header-content > .dropdown.right.open,\n.mobile.left.open,\n.mobile.right.open {\n transform: translateX(0);\n transition: transform .25s;\n}\n\n.header-content > .dropdown.init,\n.mobile.init {\n display: block;\n opacity: 1;\n}\n\n.header-content > .dropdown nav.utility ul li a,\n.mobile nav.utility ul li a {\n padding: 0.75rem 0;\n}\n\n.header-content > .dropdown ul,\n.mobile ul {\n display: block;\n padding-left: 0;\n}\n\n.header-content > .dropdown ul li,\n.mobile ul li {\n align-items: center;\n border-bottom: 1px solid #333333;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n margin-bottom: 0;\n text-align: left;\n}\n\n.header-content > .dropdown ul li a,\n.mobile ul li a {\n color: #fff;\n display: block;\n padding: 1rem 0;\n}\n\n.header-content > .dropdown ul li i.fa,\n.mobile ul li i.fa {\n display: inline-block;\n}\n\n@media only screen and (min-width: 1024px) {\n .header-content > .dropdown.open.left,\n .mobile.open.left {\n transform: translateX(-100%);\n }\n .header-content > .dropdown.open.right,\n .mobile.open.right {\n transform: translateX(100%);\n }\n}\n\n.features > * {\n background-color: #EEE;\n margin-bottom: 2rem;\n margin-left: auto;\n margin-right: auto;\n padding: 2rem;\n text-align: center;\n}\n\n.features > * img,\n.features > * h3,\n.features > * p {\n margin-bottom: 1rem;\n}\n\n.features > * .button {\n margin-bottom: 0;\n}\n\n@media only screen and (min-width: 1024px) {\n .features {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n }\n .features > * {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-left: 3rem;\n margin-right: 0;\n }\n .features > * .button {\n align-self: center;\n margin-top: auto;\n }\n .features > *:first-child {\n margin-left: 0;\n }\n}\n\nheader.primary.sticky {\n position: fixed;\n top: 0;\n transition: top 0.16s cubic-bezier(0, 0.4, 0.7, 1);\n width: 100%;\n z-index: 100;\n}\n\n.listing {\n margin-bottom: 2rem;\n}\n\n.listing form .search {\n display: flex;\n}\n\n.listing form .search label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.listing form .search .text {\n flex-grow: 1;\n}\n\n.listing form .search .submit {\n flex-basis: 120px;\n flex-shrink: 0;\n}\n\n.listing form .search .submit input {\n height: 100%;\n width: 100%;\n}\n\n.listing form .filters {\n margin-bottom: 2rem;\n}\n\n.listing form .filters label {\n display: inline;\n}\n\n.listing form .filters span {\n background-color: #07547c;\n border-radius: 0.5rem;\n color: #fff;\n display: inline-block;\n margin: 0 0.5rem 0.5rem 0;\n padding: 0.5rem 1rem;\n}\n\n.listing form .filters input[type=\"checkbox\"]:checked + span {\n background-color: #0C96DD;\n}\n\n.listing form .filters input[type=\"checkbox\"] {\n display: none;\n}\n\n.listing ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.listing ul li {\n border-top: 4px solid #e5e5e5;\n margin-bottom: 0;\n padding: 2rem 0;\n}\n\n.listing ul li .meta {\n display: block;\n font-size: 0.9rem;\n margin-bottom: 1em;\n}\n\n.listing ul li h2 + .meta {\n margin-top: -1em;\n}\n\n.listing ul li .summary p:last-of-type {\n margin-bottom: 0;\n}\n\n.login {\n background-color: #EEE;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: 3rem;\n}\n\n.login input:focus {\n box-shadow: 0 0 5px rgba(114, 164, 0, 0.7);\n}\n\n.login .submit {\n text-align: center;\n}\n\n.login .actions {\n text-align: center;\n}\n\n@media only screen and (min-width: 669px) {\n .login .actions {\n align-items: center;\n display: flex;\n justify-content: space-between;\n flex-flow: row wrap;\n }\n .login .actions > * {\n margin: 0;\n padding: 0;\n }\n .login .actions label {\n margin-left: 1em;\n }\n .login .actions a {\n display: block;\n margin-left: auto;\n text-align: right;\n }\n}\n\nnav.pagination {\n display: flex;\n justify-content: center;\n}\n\nnav.pagination ul {\n border: 1px solid #e5e5e5;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n}\n\nnav.pagination li {\n margin-bottom: 0;\n}\n\nnav.pagination a {\n color: #0C96DD;\n padding: 0.5rem 1rem;\n position: relative;\n}\n\nnav.pagination li:not(:last-child) a {\n border-right: 1px solid #e5e5e5;\n}\n\nnav.pagination li.active a {\n background-color: #0C96DD;\n color: #fff;\n cursor: default;\n pointer-events: none;\n}\n\nnav.pagination li.active a::before, nav.pagination li.active a::after {\n background-color: #0C96DD;\n}\n\nnav.pagination li.active a:hover {\n color: #fff;\n background-color: #EB7424;\n}\n\nnav.pagination li.active a:hover::before, nav.pagination li.active a:hover::after {\n background-color: #EB7424;\n}\n\nnav.pagination li.disabled a {\n color: #e5e5e5;\n cursor: default;\n pointer-events: none;\n}\n\nnav.pagination li.previous a::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\nnav.pagination li.next a::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n}\n\nnav.pagination li:hover:not(.active):not(.disabled) a {\n background-color: #0C96DD;\n color: #FFF;\n}\n\nnav.pagination li:hover:not(.active):not(.disabled) a::before {\n background-color: #0C96DD;\n color: #FFF;\n}\n\n@media only screen and (max-width: 1023px) {\n .desktop nav.primary .dropdown,\n .desktop nav.primary i.fa {\n display: none;\n }\n}\n\n@media only screen and (min-width: 1024px) {\n .desktop nav.primary i.fa {\n display: inline-block;\n }\n .desktop nav.primary .dropdown {\n background-color: #2A2A2A;\n color: #FFF;\n display: block;\n font-size: 1rem;\n min-width: 260px;\n opacity: 0;\n padding: 2rem 0;\n position: absolute;\n top: 100%;\n transition: opacity 300ms;\n visibility: hidden;\n z-index: 1;\n }\n .desktop nav.primary .dropdown ul {\n display: block;\n }\n .desktop nav.primary .dropdown .menu > * {\n padding: 0 1rem;\n }\n .desktop nav.primary .dropdown .menu li {\n margin-bottom: 0.4em;\n }\n .desktop nav.primary .dropdown .menu a {\n color: #0C96DD;\n }\n .desktop nav.primary .dropdown .menu a:hover,\n .desktop nav.primary .dropdown .menu a:focus {\n color: #0975ad;\n }\n .desktop nav.primary .dropdown.open {\n opacity: 1;\n visibility: visible;\n }\n}\n\n.desktop nav.primary li.mega {\n position: static;\n}\n\n@media only screen and (min-width: 1024px) {\n .desktop nav.primary li.mega .dropdown {\n left: 0;\n top: 100%;\n width: 100%;\n }\n .desktop nav.primary li.mega .dropdown .menu {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n margin-left: auto;\n margin-right: auto;\n max-width: 1168px;\n }\n .desktop nav.primary li.mega .dropdown .menu > * {\n border-left: 1px solid #777;\n flex-basis: 0;\n flex-grow: 1;\n padding: 0 3rem;\n }\n .desktop nav.primary li.mega .dropdown .menu > *:first-child {\n border-left: none;\n padding-left: 0;\n }\n .desktop nav.primary li.mega .dropdown .menu > *:last-child {\n padding-right: 0;\n }\n}\n\n.tabs {\n position: relative;\n}\n\n.tabs nav {\n border-bottom: 1px solid;\n}\n\n.tabs nav ul {\n list-style: none;\n margin-left: 20px;\n padding: 0;\n text-align: center;\n}\n\n.tabs nav li {\n background-color: #CBBFB4;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n cursor: pointer;\n display: inline-block;\n margin-bottom: 0;\n margin-right: 0.5em;\n padding: 0.5em 1em;\n}\n\n.tabs nav li.active {\n background-color: #FFF;\n border: 1px solid;\n border-bottom: none;\n position: relative;\n}\n\n.tabs nav li.active::after {\n background-color: #FFF;\n bottom: -1px;\n content: \"\";\n height: 1px;\n left: 0;\n position: absolute;\n width: 100%;\n}\n\n.tabs .panel {\n display: none;\n padding: 20px;\n}\n\n.tabs .panel.active {\n display: inherit;\n}\n\n@media only screen and (min-width: 1024px) {\n .tabs nav ul {\n margin-left: 20px;\n text-align: left;\n }\n}\n\n.testimonial {\n background-color: #191919;\n margin-bottom: 4rem;\n padding: 4rem 0 4rem;\n text-align: center;\n}\n\n.testimonial .asset {\n margin-bottom: 2rem;\n}\n\n.testimonial .asset img {\n max-width: 280px;\n}\n\n.testimonial blockquote {\n border: none;\n color: #fff;\n font-size: 1.125rem;\n margin-bottom: 1rem;\n padding: 0 2.5rem;\n position: relative;\n}\n\n.testimonial blockquote::before, .testimonial blockquote::after {\n color: #727272;\n font-family: Georgia, serif;\n font-size: 3.375rem;\n position: absolute;\n}\n\n.testimonial blockquote::before {\n content: \"“\";\n left: 0;\n line-height: 1;\n top: 0;\n}\n\n.testimonial blockquote::after {\n content: \"”\";\n line-height: 0;\n right: 0;\n bottom: 0;\n}\n\n.testimonial blockquote ~ p {\n color: #727272;\n font-size: 0.875rem;\n margin-bottom: 0;\n padding: 0 2.5rem;\n}\n\n@media only screen and (min-width: 1024px) {\n .testimonial {\n text-align: left;\n }\n .testimonial .wrapper {\n display: flex;\n justify-content: space-between;\n }\n .testimonial .asset {\n flex-basis: 33%;\n flex-shrink: 0;\n margin-bottom: 0;\n margin-right: 4rem;\n }\n .testimonial .asset img {\n max-width: 100%;\n }\n .testimonial blockquote {\n font-size: 1.5rem;\n padding: 0 6rem;\n }\n .testimonial blockquote::before, .testimonial blockquote::after {\n font-size: 7rem;\n }\n .testimonial blockquote ~ p {\n font-size: 1rem;\n padding: 0 6rem;\n }\n}\n\n.tiles > * {\n background-color: #EEE;\n margin-bottom: 2rem;\n text-align: left;\n}\n\n.tiles > * *:last-child {\n margin-bottom: 0;\n}\n\n.tiles .tile > * {\n padding: 2rem;\n}\n\n@media only screen and (min-width: 669px) {\n .tiles {\n display: flex;\n flex-flow: row wrap;\n margin-left: -1rem;\n margin-right: -1rem;\n }\n .tiles > * {\n flex-basis: calc(50% - 2rem);\n flex-shrink: 0;\n margin-left: 1rem;\n margin-right: 1rem;\n }\n}\n\n@media only screen and (min-width: 1024px) {\n .tiles > * {\n flex-basis: calc((100% / 4) - (2rem));\n }\n}\n\na, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, datalist, dd, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, hr, i, iframe, img, input, label, legend, li, main, meter, nav, object, ol, option, p, pre, progress, q, section, select, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, u, ul, video {\n border: 0;\n box-sizing: border-box;\n font: inherit;\n font-size: 100%;\n margin: 0;\n outline: 0;\n padding: 0;\n vertical-align: baseline;\n}\n\narticle, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {\n display: block;\n}\n\nhtml {\n background-color: #FFF;\n color: #191919;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\nbody {\n min-width: 300px;\n}\n\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n::selection {\n background: #e5e5e5;\n}\n\n::-moz-selection {\n background: #e5e5e5;\n}\n\n.group::before, .group::after {\n content: \"\";\n display: table;\n}\n\n.group::after {\n clear: both;\n}\n\n.container {\n margin-left: auto;\n margin-right: auto;\n max-width: 1200px;\n padding-left: 1rem;\n padding-right: 1rem;\n position: relative;\n}\n\n.columns > hr {\n border: 0;\n display: none;\n}\n\n@media only screen and (min-width: 669px) {\n .columns {\n display: table;\n table-layout: fixed;\n width: 100%;\n }\n .columns > * {\n display: table-cell;\n vertical-align: top;\n }\n .columns > hr {\n display: table-cell;\n width: 1rem;\n }\n}\n\n.sr-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.search-drawer {\n background-color: #4A4A4A;\n}\n\n.search-drawer > div {\n max-height: 0;\n overflow: hidden;\n transition: max-height 150ms ease;\n}\n\n.search-drawer > div.open {\n max-height: 80px;\n}\n\n.search-drawer form {\n display: flex;\n padding: 1rem 0;\n}\n\n.search-drawer form > * {\n margin-bottom: 0;\n}\n\n.search-drawer form .text {\n flex: 1 1 auto;\n}\n\n.search-drawer form .submit input {\n height: 100%;\n}\n\n.branding img {\n max-width: 180px;\n}\n\nheader.primary {\n background-color: #191919;\n padding: 1rem 0;\n position: relative;\n}\n\nheader.primary .container {\n position: static;\n}\n\nheader.primary .branding {\n flex-basis: 180px;\n flex-shrink: 0;\n}\n\nnav {\n margin-bottom: 2rem;\n}\n\nnav ul {\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n}\n\nnav ul li::before {\n display: none;\n}\n\nnav ul li {\n margin-bottom: 0;\n}\n\nnav a {\n color: #0C96DD;\n display: block;\n padding: 0 0.5rem;\n}\n\nnav li.active a,\nnav li.active:hover a {\n color: #191919;\n}\n\nnav.tabs {\n position: relative;\n}\n\nnav.tabs nav {\n border-bottom: 1px solid;\n}\n\nnav.tabs nav ul {\n list-style: none;\n margin-left: 20px;\n padding: 0;\n text-align: center;\n}\n\nnav.tabs nav li {\n background-color: #CBBFB4;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n cursor: pointer;\n display: inline-block;\n margin-bottom: 0;\n margin-right: 0.5em;\n padding: 0.5em 1em;\n}\n\nnav.tabs nav li.active {\n background-color: #FFF;\n border: 1px solid;\n border-bottom: none;\n position: relative;\n}\n\nnav.tabs nav li.active::after {\n background-color: #FFF;\n bottom: -1px;\n content: \"\";\n height: 1px;\n left: 0;\n position: absolute;\n width: 100%;\n}\n\nnav.tabs .panel {\n display: none;\n padding: 20px;\n}\n\nnav.tabs .panel.active {\n display: inherit;\n}\n\n@media only screen and (min-width: 1024px) {\n nav.tabs nav ul {\n margin-left: 20px;\n text-align: left;\n }\n}\n\nnav.breadcrumbs li:not(:last-child) a {\n padding-right: 0;\n}\n\nnav.breadcrumbs li:not(:last-child) a::after {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n padding-left: 0.5rem;\n}\n\nnav.progress ul {\n border: 1px solid #e5e5e5;\n border-radius: 2px;\n display: block;\n width: 100%;\n}\n\nnav.progress a {\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n}\n\nnav.progress a:hover {\n color: #EB7424;\n}\n\nnav.progress li:not(:last-child) a {\n border-right: 1px solid #e5e5e5;\n}\n\nnav.progress li.active a {\n background-color: #0C96DD;\n color: #FFF;\n cursor: default;\n pointer-events: none;\n}\n\nnav.progress li.active a:hover {\n background-color: #EB7424;\n color: #FFF;\n}\n\nnav.progress li.disabled a {\n color: #e5e5e5;\n cursor: default;\n pointer-events: none;\n}\n\nnav.progress li:hover:not(.active, .disabled) a {\n color: #EB7424;\n}\n\nnav.progress li:not(:last-child) a {\n border: 0;\n}\n\nnav.progress li.complete a {\n background-color: #FFF;\n color: #ccc;\n}\n\nnav.progress li.complete a::before {\n background-color: #FFF;\n}\n\nnav.progress li.complete a:hover {\n color: #0C96DD;\n}\n\n@media only screen and (min-width: 669px) {\n nav.progress ul {\n display: flex;\n }\n nav.progress li {\n flex: 1 1 auto;\n position: relative;\n }\n nav.progress li:last-child a::before {\n display: none;\n }\n nav.progress a::after, nav.progress a::before {\n border: 0 solid transparent;\n border-bottom: 1.25rem solid transparent;\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid transparent;\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n }\n nav.progress a::after {\n border-left-color: #FFF;\n }\n nav.progress a::before {\n border-left-color: #cccccc;\n margin-right: -1px;\n }\n nav.progress li.active {\n margin-left: -1rem;\n z-index: 2;\n }\n nav.progress li.active::before {\n border-bottom: 1.25rem solid #0C96DD;\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid #0C96DD;\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 2;\n }\n nav.progress li.active a::after, nav.progress li.active a::before {\n background-color: #0C96DD;\n border-bottom-color: #FFF;\n border-left-color: #0C96DD;\n border-top-color: #FFF;\n }\n nav.progress li.active a::before {\n margin-right: 0;\n }\n nav.progress li.active a:hover::after, nav.progress li.active a:hover::before {\n background-color: #EB7424;\n }\n}\n\nnav.primary {\n margin-bottom: 0.7rem;\n}\n\nnav.primary a {\n color: #FFF;\n}\n\nnav.primary li:hover a {\n color: #0C96DD;\n}\n\nnav.primary > ul li {\n margin-bottom: 0;\n}\n\nnav.primary li a {\n color: #FFF;\n}\n\nnav.primary li.active a,\nnav.primary li:hover a {\n color: #a5a5a5;\n}\n\nnav.utility {\n margin-bottom: 0.7rem;\n}\n\nnav.utility a {\n color: #FFF;\n font-size: 0.8rem;\n}\n\n.header-content {\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.header-content .menu-toggle:hover,\n.header-content .menu-toggle:focus {\n background-color: #0C96DD;\n}\n\n.header-content > .dropdown {\n background-color: #262626;\n z-index: 1001;\n}\n\n.header-content > .dropdown.sub-menu {\n background-color: #333333;\n z-index: 1002;\n}\n\n.desktop {\n display: none;\n}\n\nform.search {\n display: flex;\n}\n\nform.search .text,\nform.search .submit {\n margin-bottom: 0;\n}\n\nform.search .text {\n width: 100%;\n}\n\nform.search label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\nform.search .submit {\n flex-basis: 33%;\n flex-shrink: 0;\n}\n\nform.search input {\n border: none;\n width: 100%;\n}\n\n.torso {\n padding-bottom: 3rem;\n padding-top: 3rem;\n}\n\n.hero {\n background: #191919 url(../img/hero.jpg) no-repeat center/cover;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n height: 240px;\n -webkit-justify-content: center;\n justify-content: center;\n text-align: center;\n}\n\n.hero .copy {\n margin-left: auto;\n margin-right: auto;\n max-width: 1200px;\n padding-left: 1rem;\n padding-right: 1rem;\n position: relative;\n}\n\n.hero .copy * {\n color: #FFF;\n}\n\nmain section:not(:last-child) {\n border-bottom: 1px solid #e5e5e5;\n margin-bottom: 3rem;\n padding-bottom: 2rem;\n}\n\naside.primary {\n margin-bottom: 2rem;\n}\n\nnav.supplemental {\n margin-bottom: 0;\n}\n\nnav.supplemental ul {\n display: block;\n}\n\nnav.supplemental ul li {\n display: block;\n float: none;\n margin-bottom: 0;\n}\n\nnav.supplemental ul li a {\n color: #0C96DD;\n display: block;\n padding: 0.25em 0;\n}\n\nnav.supplemental ul li a:hover {\n color: #191919;\n}\n\nnav.supplemental ul ul a {\n color: #727272;\n font-size: 0.8rem;\n line-height: 2;\n padding: 0;\n}\n\nnav.supplemental > ul > li {\n padding-bottom: 0.5em;\n}\n\nnav.supplemental > ul > li ~ li {\n border-top: 1px solid #e5e5e5;\n padding-top: 0.5em;\n}\n\nfooter.primary {\n background-color: #191919;\n color: #FFF;\n font-size: 0.9rem;\n padding: 3rem 0;\n text-align: center;\n}\n\nfooter.primary .branding {\n margin-top: 0;\n}\n\nfooter.primary .branding a {\n margin-bottom: 1rem;\n}\n\nfooter.primary a {\n color: #0C96DD;\n display: inline-block;\n}\n\nfooter.primary a:hover {\n color: #0975ad;\n}\n\nfooter.primary nav ul {\n justify-content: center;\n margin-bottom: 2rem;\n text-align: center;\n}\n\nfooter.primary .social a {\n color: #FFF;\n}\n\nfooter.primary .legal {\n text-align: center;\n}\n\nfooter.primary .legal p {\n margin-bottom: 0.25rem;\n}\n\nfooter.primary .legal a {\n margin-left: 0.35rem;\n margin-right: 0.35rem;\n}\n\n.social {\n list-style: none;\n margin: 0;\n padding-left: 0;\n margin-bottom: 1rem;\n}\n\n.social li::before {\n display: none;\n}\n\n.social li {\n display: inline-block;\n font-size: 1.5rem;\n margin-bottom: 0;\n margin-right: 0.4rem;\n}\n\n.social .facebook a {\n color: #3664A2;\n}\n\n.social .linkedin a {\n color: #0077B5;\n}\n\n.social .twitter a {\n color: #55ACEE;\n}\n\n.social a:hover {\n opacity: 0.7;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n line-height: 1.2;\n margin-bottom: 0.6em;\n}\n\nh1 {\n font-size: 2.2rem;\n}\n\nh2 {\n font-size: 1.7rem;\n}\n\nh3 {\n font-size: 1.3rem;\n}\n\nh4 {\n font-size: 1.1rem;\n}\n\nh5 {\n font-size: 1rem;\n}\n\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nblockquote {\n border-left: 1px solid #e5e5e5;\n color: #727272;\n font-style: italic;\n margin-bottom: 1.5em;\n padding-left: 1rem;\n}\n\n.intro {\n color: #727272;\n}\n\n.intro p {\n font-size: 1.3rem;\n margin-bottom: 0.8em;\n}\n\n.guide {\n color: #727272;\n font-size: 1.25rem;\n}\n\n.meta {\n color: #727272;\n}\n\nhr {\n border: 0;\n border-top: 1px solid #727272;\n display: block;\n height: 0;\n margin: 2em auto 3em;\n width: 100%;\n}\n\na {\n color: #0C96DD;\n cursor: pointer;\n text-decoration: none;\n}\n\na:hover, a:active {\n color: #EB7424;\n}\n\na:focus {\n outline: thin dotted;\n}\n\na.disabled, a[disabled] {\n color: #cccccc;\n cursor: default;\n pointer-events: none;\n}\n\np,\nol,\nul,\ndl {\n margin-bottom: 2rem;\n}\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol li,\nol dt,\nol dd,\nul li,\nul dt,\nul dd {\n margin-bottom: 0.5em;\n}\n\nul {\n list-style: disc;\n}\n\ndt {\n font-weight: bold;\n padding-left: 0.5em;\n}\n\ndd {\n padding-left: 2em;\n}\n\npre {\n background-color: #4A4A4A;\n padding: 1em;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\ncode {\n color: #FBCE78;\n font-family: \"Consolas\", monospace;\n padding: 2px 4px;\n}\n\n.sr-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font: inherit;\n margin: 0;\n}\n\n.button,\n.checkboxes,\n.file,\n.password,\n.radios,\n.reset,\n.select,\n.submit,\n.text,\n.textarea {\n margin-bottom: 2rem;\n}\n\nlabel {\n cursor: pointer;\n display: block;\n font-weight: bold;\n margin-bottom: 0.5em;\n}\n\n.required {\n color: #CE2A2A;\n}\n\nfieldset .help {\n color: #727272;\n display: block;\n font-size: 0.8rem;\n margin: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"email\"],\ninput[type=\"month\"],\ninput[type=\"number\"],\ninput[type=\"password\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"time\"],\ninput[type=\"url\"],\ninput[type=\"week\"],\ntextarea {\n border: 1px solid #e5e5e5;\n border-radius: 0;\n box-sizing: border-box;\n color: #191919;\n display: block;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n margin: 0;\n padding: 0.4em 0.6em;\n width: 100%;\n}\n\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"text\"],\ninput[type=\"submit\"] {\n border-radius: 0;\n -webkit-appearance: none;\n}\n\n::-webkit-input-placeholder {\n color: #4A4A4A;\n}\n\n::ms-input-placeholder {\n color: #4A4A4A;\n}\n\n::-moz-placeholder {\n color: #4A4A4A;\n}\n\n::-placeholder {\n color: #4A4A4A;\n}\n\n.multiple select {\n padding-left: 5px;\n padding-right: 10px;\n}\n\ntextarea {\n height: 8em;\n overflow: auto;\n resize: vertical;\n}\n\n.radio,\n.checkbox {\n font-weight: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n padding: 0;\n}\n\na.button {\n background-color: #0C96DD;\n color: #FFF;\n display: inline-block;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-weight: bold;\n padding: 0.4em 1em;\n text-align: center;\n vertical-align: top;\n margin-bottom: 0;\n}\n\na.button:hover, a.button:focus {\n background-color: #EB7424;\n}\n\na.button.disabled, a.button[disabled] {\n background-color: #8c8c8c;\n color: #cccccc;\n pointer-events: none;\n}\n\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n background-color: #0C96DD;\n color: #FFF;\n display: inline-block;\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-weight: bold;\n padding: 0.4em 1em;\n text-align: center;\n vertical-align: top;\n border: none;\n cursor: pointer;\n}\n\nbutton:hover, button:focus,\ninput[type=\"button\"]:hover,\ninput[type=\"button\"]:focus,\ninput[type=\"reset\"]:hover,\ninput[type=\"reset\"]:focus,\ninput[type=\"submit\"]:hover,\ninput[type=\"submit\"]:focus {\n background-color: #EB7424;\n}\n\nbutton.disabled, button[disabled],\ninput[type=\"button\"].disabled,\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"].disabled,\ninput[type=\"reset\"][disabled],\ninput[type=\"submit\"].disabled,\ninput[type=\"submit\"][disabled] {\n background-color: #8c8c8c;\n color: #cccccc;\n pointer-events: none;\n}\n\n.thumbs-up::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n content: \"\";\n margin-right: 0.5em;\n}\n\n.success {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n background-color: #48AC2C;\n}\n\n.success p:last-of-type,\n.success ul:last-of-type {\n margin-bottom: 0;\n}\n\n.success a {\n text-decoration: underline;\n}\n\n.success::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n display: inline-block;\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n}\n\n.success::before {\n content: \"\\f00c\";\n}\n\n.success a {\n color: #FFF;\n}\n\n.success a:hover {\n color: #d9d9d9;\n}\n\n.info {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n background-color: #DDD;\n}\n\n.info p:last-of-type,\n.info ul:last-of-type {\n margin-bottom: 0;\n}\n\n.info a {\n text-decoration: underline;\n}\n\n.info::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n display: inline-block;\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n}\n\n.info::before {\n content: \"\\f129\";\n}\n\n.error {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n background-color: #CE2A2A;\n}\n\n.error p:last-of-type,\n.error ul:last-of-type {\n margin-bottom: 0;\n}\n\n.error a {\n text-decoration: underline;\n}\n\n.error::before {\n font: normal normal normal 1em / 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n display: inline-block;\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n}\n\n.error::before {\n content: \"\\f12a\";\n}\n\n.error a {\n color: #DDD;\n}\n\n.error a:hover {\n color: #b7b7b7;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: 2rem;\n width: 100%;\n}\n\ntable caption {\n font-size: 0.9rem;\n margin-bottom: 0.75em;\n}\n\ntable td,\ntable th {\n padding: 0.5em 1em;\n text-align: left;\n vertical-align: top;\n}\n\ntable th {\n background-color: #191919;\n color: #FFF;\n font-weight: bold;\n text-transform: uppercase;\n}\n\ntable td {\n border: 1px solid #e5e5e5;\n}\n\ntable tr:nth-child(even) td {\n background-color: #F3F3F3;\n}\n\n@media only screen and (min-width: 1024px) {\n header.primary {\n padding-bottom: 0;\n }\n header.primary .branding {\n margin-right: 2rem;\n }\n nav ul {\n text-align: left;\n }\n nav.primary {\n margin-bottom: 0;\n }\n nav.primary > ul > li {\n font-size: 1.1rem;\n margin-left: 1rem;\n padding-bottom: 1rem;\n position: relative;\n }\n nav.primary > ul > li:first-child {\n margin-left: 0;\n }\n nav.primary ul {\n text-align: left;\n }\n nav.primary ul li li {\n display: block;\n float: none;\n }\n .utilities nav.utility {\n margin-bottom: 0.4rem;\n }\n .utilities nav.utility ul {\n text-align: right;\n }\n .desktop {\n align-items: flex-end;\n display: flex;\n flex: 1 1 auto;\n flex-flow: column nowrap;\n justify-content: space-between;\n }\n .desktop nav.primary {\n align-self: flex-start;\n }\n button.menu-toggle {\n display: none;\n }\n .torso .wrap {\n display: flex;\n justify-content: space-between;\n }\n .torso .wrap main {\n flex: 1 1 auto;\n padding-right: 2rem;\n }\n .torso .wrap aside.primary {\n flex: 0 0 25%;\n }\n aside.primary {\n margin-bottom: 0;\n }\n aside.primary nav ul {\n text-align: left;\n }\n footer.primary .wrapper {\n display: flex;\n }\n footer.primary .wrapper > * {\n flex: 1 0 0;\n }\n footer.primary .wrapper > nav {\n flex-grow: 2;\n margin-bottom: 0;\n }\n footer.primary .wrapper > nav > ul {\n justify-content: center;\n }\n footer.primary .branding {\n margin-right: 0;\n max-width: none;\n text-align: left;\n }\n footer.primary .social {\n text-align: right;\n }\n h1 {\n font-size: 2.6rem;\n }\n h2 {\n font-size: 2.1rem;\n }\n h3 {\n font-size: 1.6rem;\n }\n h4 {\n font-size: 1.25rem;\n }\n h5 {\n font-size: 1.15rem;\n }\n}\n\n@media print {\n * {\n background-color: transparent !important;\n box-shadow: none !important;\n color: #000 !important;\n text-shadow: none !important;\n }\n a {\n text-decoration: underline;\n }\n pre,\n blockquote,\n tr,\n img,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n @page {\n margin: 0.5cm;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n}\n","////\n/// Built using Imarc Boilerplate v3.1\n///\n/// Copyright 2017 Imarc\n/// Licensed under the Apache License v2.0\n/// http://www.apache.org/licenses/LICENSE-2.0\n///\n/// = Table of Contents =\n/// Variables\n/// Mixins\n/// Components\n/// Base\n/// Layout\n/// Typography\n/// Forms\n/// Iconography\n/// Messaging\n/// Tables\n/// Section Specific\n/// Page Specific\n/// Media Queries\n/// Print Styles\n////\n\n@import \"_components\";\n\n\n///\n/// = Variables =\n///\n\n///\n/// This is the default font stack.\n///\n\n$font-stack: \"Helvetica Neue\", Arial, sans-serif;\n\n\n///\n/// We provide the color `$white`, `$lightgray`, `$gray`, `$darkgray`,\n/// `$charcoal` and `$black` for convienence.\n///\n\n$white: #FFF;\n$lightgray: #DDD;\n$gray: #808080;\n$darkgray: #4A4A4A;\n$charcoal: #191919;\n$black: #000;\n\n\n///\n/// The brand colors (name them the color)\n///\n\n$brand-blue: #0C96DD;\n$brand-orange: #EB7424;\n\n\n///\n/// Messaging colors\n///\n\n$success: #48AC2C;\n$error: #CE2A2A;\n$info: #DDD;\n\n\n///\n/// Applied colors\n///\n\n$plain-text: $charcoal;\n$meta-text: lighten($charcoal, 35%);\n$link: $brand-blue;\n$link-hover: $brand-orange;\n$border: lighten($charcoal, 80%);\n\n\n///\n/// Social Network Colors\n///\n\n$facebook: #3664A2;\n$twitter: #55ACEE;\n$linkedin: #0077B5;\n$youtube: #CD201F;\n\n\n///\n/// Breakpoint values\n///\n\n$medium: 669px;\n$large: 1024px;\n\n\n\n///\n/// = Mixins =\n///\n\n@mixin button {\n background-color: $link;\n color: #FFF;\n display: inline-block;\n font-family: $font-stack;\n font-weight: bold;\n padding: 0.4em 1em;\n text-align: center;\n vertical-align: top;\n\n &:hover,\n &:focus {\n background-color: $link-hover;\n }\n\n &.disabled,\n &[disabled] {\n background-color: lighten($charcoal, 45%);\n color: darken(#FFF, 20%);\n pointer-events: none;\n }\n}\n\n\n///\n/// container mixin\n///\n\n@mixin container {\n margin-left: auto;\n margin-right: auto;\n max-width: 1200px;\n padding-left: 1rem;\n padding-right: 1rem;\n position: relative;\n}\n\n\n///\n/// grouping mixin\n///\n\n@mixin grouping {\n &::before,\n &::after {\n content: \"\";\n display: table;\n }\n &::after {\n clear: both;\n }\n}\n\n\n///\n/// fontawesome mixin\n///\n\n@mixin fontawesome($character: \"\") {\n font: normal normal normal 1em unquote(\"/\") 1 FontAwesome;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n speak: none;\n text-rendering: auto;\n text-transform: none;\n\n @if $character != \"\" {\n content: $character;\n } @else {\n display: inline-block;\n }\n}\n\n\n///\n/// messaging mixin\n///\n\n@mixin messaging {\n margin-bottom: 2rem;\n padding: 1em 3em;\n position: relative;\n p:last-of-type,\n ul:last-of-type {\n margin-bottom: 0;\n }\n a {\n text-decoration: underline;\n }\n &::before {\n @include fontawesome;\n\n content: \"\";\n display: block;\n font-size: 20px;\n height: 23px;\n left: 1em;\n position: absolute;\n top: 1em;\n width: 23px;\n }\n}\n\n\n///\n/// no-bullets mixin\n///\n\n@mixin no-bullets {\n list-style: none;\n margin: 0;\n padding-left: 0;\n\n li::before {\n display: none;\n }\n}\n\n\n///\n/// transition mixin\n///\n\n@mixin transition($properties: all, $duration: 250ms, $easing: ease-in-out) {\n @if length($properties) > 1 {\n -webkit-transition-property: $properties;\n transition-property: $properties;\n } @else {\n -webkit-transition: $properties $duration $easing;\n transition: $properties $duration $easing;\n }\n}\n\n\n///\n/// visuallyhidden mixin\n///\n\n@mixin visuallyhidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n\n///\n/// = Components =\n///\n\n.accordion {\n @include accordion();\n}\n\n.backgroundvideo {\n @include backgroundvideo();\n}\n\n.carousel {\n @include carousel;\n}\n\n.dossier {\n @include dossier($gutter: 2rem, $photoWidth: 25%, $direction: row);\n}\n\n.header-content > .dropdown,\n.mobile {\n @include mobileNavigation;\n}\n\n.features {\n @include features($gutter: 3rem);\n}\n\nheader.primary.sticky {\n @include sticky-header();\n}\n\n.listing {\n @include listing();\n}\n\n.login {\n @include login;\n}\n\nnav.pagination {\n @include pagination();\n}\n\n.desktop nav.primary {\n @include dropdown();\n li.mega {\n @include dropdown-mega();\n }\n}\n\n.tabs {\n @include tabs();\n}\n\n.testimonial {\n @include testimonial;\n}\n\n.tiles {\n @include tiles();\n}\n\n\n///\n/// = Base =\n///\n\na, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, datalist, dd, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, hr, i, iframe, img, input, label, legend, li, main, meter, nav, object, ol, option, p, pre, progress, q, section, select, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, u, ul, video {\n border: 0;\n box-sizing: border-box;\n font: inherit;\n font-size: 100%;\n margin: 0;\n outline: 0;\n padding: 0;\n vertical-align: baseline;\n}\n\narticle, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {\n display: block;\n}\n\nhtml {\n background-color: #FFF;\n color: $plain-text;\n font-family: $font-stack;\n font-size: 16px;\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\nbody {\n min-width: 300px;\n}\n\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n::selection {\n background: $border;\n}\n\n::-moz-selection {\n background: $border;\n}\n\n\n///\n/// = Layout =\n///\n\n.group {\n @include grouping;\n}\n\n.container {\n @include container;\n}\n\n.columns {\n @include columns;\n}\n\n.sr-only {\n @include visuallyhidden;\n}\n\n.search-drawer {\n background-color: $darkgray;\n > div {\n max-height: 0;\n overflow: hidden;\n transition: max-height 150ms ease;\n &.open {\n max-height: 80px;\n }\n }\n form {\n display: flex;\n padding: 1rem 0;\n > * {\n margin-bottom: 0;\n }\n .text {\n flex: 1 1 auto;\n }\n .submit input {\n height: 100%;\n }\n }\n}\n\n.branding {\n img {\n max-width: 180px;\n }\n}\n\nheader.primary {\n background-color: $charcoal;\n padding: 1rem 0;\n position: relative;\n .container {\n position: static;\n }\n .branding {\n flex-basis: 180px;\n flex-shrink: 0;\n }\n}\n\nnav {\n margin-bottom: 2rem;\n ul {\n @include no-bullets;\n\n display: flex;\n li {\n margin-bottom: 0;\n }\n }\n a {\n color: $link;\n display: block;\n padding: 0 0.5rem;\n }\n\n li.active a,\n li.active:hover a {\n color: $charcoal;\n }\n\n &.tabs {\n @include tabs;\n }\n\n &.breadcrumbs {\n @include breadcrumbs();\n }\n\n &.progress {\n @include progress();\n }\n\n}\n\nnav.primary {\n margin-bottom: 0.7rem;\n\n a {\n color: #FFF;\n }\n\n li:hover a {\n color: $brand-blue;\n }\n\n > ul {\n li {\n margin-bottom: 0;\n }\n }\n li a {\n color: #FFF;\n }\n li.active,\n li:hover {\n a {\n color: lighten($charcoal, 55%);\n }\n }\n}\n\nnav.utility {\n margin-bottom: 0.7rem;\n a {\n color: #FFF;\n font-size: 0.8rem;\n }\n}\n\n.header-content {\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n .menu-toggle:hover,\n .menu-toggle:focus {\n background-color: $link;\n }\n > .dropdown {\n background-color: lighten($charcoal, 5%);\n z-index: 1001;\n &.sub-menu {\n background-color: lighten($charcoal, 10%);\n z-index: 1002;\n }\n }\n}\n\n.desktop {\n display: none;\n}\n\nform.search {\n display: flex;\n .text,\n .submit {\n margin-bottom: 0;\n }\n .text {\n width: 100%;\n }\n label {\n @include visuallyhidden;\n }\n .submit {\n flex-basis: 33%;\n flex-shrink: 0;\n }\n input {\n border: none;\n width: 100%;\n }\n}\n\n.torso {\n padding-bottom: 3rem;\n padding-top: 3rem;\n}\n\n.hero {\n background: $plain-text url(../img/hero.jpg) no-repeat center / cover;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n height: 240px;\n -webkit-justify-content: center;\n justify-content: center;\n text-align: center;\n .copy {\n @include container;\n\n * {\n color: #FFF;\n }\n }\n}\n\nmain section {\n &:not(:last-child) {\n border-bottom: 1px solid $border;\n margin-bottom: 3rem;\n padding-bottom: 2rem;\n }\n}\n\naside.primary {\n margin-bottom: 2rem;\n}\n\nnav.supplemental {\n margin-bottom: 0;\n ul {\n display: block;\n li {\n display: block;\n float: none;\n margin-bottom: 0;\n a {\n color: $link;\n display: block;\n padding: 0.25em 0;\n }\n a:hover {\n color: $plain-text;\n }\n }\n ul {\n a {\n color: $meta-text;\n font-size: 0.8rem;\n line-height: 2;\n padding: 0;\n }\n }\n }\n > ul {\n > li {\n padding-bottom: 0.5em;\n }\n > li ~ li {\n border-top: 1px solid $border;\n padding-top: 0.5em;\n }\n }\n}\n\nfooter.primary {\n background-color: $charcoal;\n color: #FFF;\n font-size: 0.9rem;\n padding: 3rem 0;\n text-align: center;\n .branding {\n margin-top: 0;\n a {\n margin-bottom: 1rem;\n }\n }\n a {\n color: $link;\n display: inline-block;\n &:hover {\n color: darken($link, 10%);\n }\n }\n nav ul {\n justify-content: center;\n margin-bottom: 2rem;\n text-align: center;\n }\n .social a {\n color: #FFF;\n }\n .legal {\n text-align: center;\n p {\n margin-bottom: 0.25rem;\n }\n a {\n margin-left: 0.35rem;\n margin-right: 0.35rem;\n }\n }\n}\n\n.social {\n @include no-bullets;\n\n margin-bottom: 1rem;\n li {\n display: inline-block;\n font-size: 1.5rem;\n margin-bottom: 0;\n margin-right: 0.4rem;\n }\n .facebook a {\n color: $facebook;\n }\n .linkedin a {\n color: $linkedin;\n }\n .twitter a {\n color: $twitter;\n }\n a:hover {\n opacity: 0.7;\n }\n}\n\n\n///\n/// = Typography =\n///\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n line-height: 1.2;\n margin-bottom: 0.6em;\n}\n\nh1 {\n font-size: 2.2rem;\n}\n\nh2 {\n font-size: 1.7rem;\n}\n\nh3 {\n font-size: 1.3rem;\n}\n\nh4 {\n font-size: 1.1rem;\n}\n\nh5 {\n font-size: 1rem;\n}\n\nstrong {\n font-weight: bold;\n}\n\nem {\n font-style: italic;\n}\n\nblockquote {\n border-left: 1px solid $border;\n color: $meta-text;\n font-style: italic;\n margin-bottom: 1.5em;\n padding-left: 1rem;\n}\n\n.intro {\n color: $meta-text;\n p {\n font-size: 1.3rem;\n margin-bottom: 0.8em;\n }\n}\n\n.guide {\n color: $meta-text;\n font-size: 1.25rem;\n}\n\n.meta {\n color: $meta-text;\n}\n\nhr {\n border: 0;\n border-top: 1px solid $meta-text;\n display: block;\n height: 0;\n margin: 2em auto 3em;\n width: 100%;\n}\n\n@mixin link {\n color: $link;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: $link-hover;\n }\n &:focus {\n outline: thin dotted;\n }\n\n &.disabled,\n &[disabled] {\n color: darken(#FFF, 20%);\n cursor: default;\n pointer-events: none;\n }\n}\na {\n @include link;\n}\n\np,\nol,\nul,\ndl {\n margin-bottom: 2rem;\n}\n\nol,\nul {\n padding-left: 2rem;\n li,\n dt,\n dd {\n margin-bottom: 0.5em;\n }\n}\n\nul {\n list-style: disc;\n}\n\ndt {\n font-weight: bold;\n padding-left: 0.5em;\n}\n\ndd {\n padding-left: 2em;\n}\n\npre {\n background-color: #4A4A4A;\n padding: 1em;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\ncode {\n color: #FBCE78;\n font-family: \"Consolas\", monospace;\n padding: 2px 4px;\n}\n\n.sr-only {\n @include visuallyhidden;\n}\n\n\n///\n/// = Forms =\n///\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font: inherit;\n margin: 0;\n}\n\n.button,\n.checkboxes,\n.file,\n.password,\n.radios,\n.reset,\n.select,\n.submit,\n.text,\n.textarea {\n margin-bottom: 2rem;\n}\n\nlabel {\n cursor: pointer;\n display: block;\n font-weight: bold;\n margin-bottom: 0.5em;\n}\n\n.required {\n color: $error;\n}\n\nfieldset .help {\n color: $meta-text;\n display: block;\n font-size: 0.8rem;\n margin: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"email\"],\ninput[type=\"month\"],\ninput[type=\"number\"],\ninput[type=\"password\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"time\"],\ninput[type=\"url\"],\ninput[type=\"week\"],\ntextarea {\n border: 1px solid $border;\n border-radius: 0;\n box-sizing: border-box;\n color: $plain-text;\n display: block;\n font-family: $font-stack;\n margin: 0;\n padding: 0.4em 0.6em;\n width: 100%;\n}\n\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"text\"],\ninput[type=\"submit\"] {\n border-radius: 0;\n -webkit-appearance: none;\n}\n\n::-webkit-input-placeholder {\n color: #4A4A4A;\n}\n\n::ms-input-placeholder {\n color: #4A4A4A;\n}\n\n::-moz-placeholder {\n color: #4A4A4A;\n}\n\n::-placeholder {\n color: #4A4A4A;\n}\n\n.multiple select {\n padding-left: 5px;\n padding-right: 10px;\n}\n\ntextarea {\n height: 8em;\n overflow: auto;\n resize: vertical;\n}\n\n.radio,\n.checkbox {\n font-weight: normal;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n padding: 0;\n}\n\na.button {\n @include button;\n margin-bottom: 0;\n}\n\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n @include button;\n border: none;\n cursor: pointer;\n}\n\n\n///\n/// = Iconography =\n///\n\n.thumbs-up::before {\n @include fontawesome(\"\\f087\");\n\n margin-right: 0.5em;\n}\n\n\n///\n/// = Messaging =\n///\n\n.success {\n @include messaging;\n\n background-color: $success;\n &::before {\n content: \"\\f00c\";\n }\n a {\n color: #FFF;\n }\n a:hover {\n color: darken(#FFF, 15%);\n }\n}\n\n.info {\n @include messaging;\n\n background-color: $info;\n &::before {\n content: \"\\f129\";\n }\n}\n\n.error {\n @include messaging;\n\n background-color: $error;\n &::before {\n content: \"\\f12a\";\n }\n a {\n color: $info;\n }\n a:hover {\n color: darken($info, 15%);\n }\n}\n\n\n///\n/// = Tables =\n///\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: 2rem;\n width: 100%;\n caption {\n font-size: 0.9rem;\n margin-bottom: 0.75em;\n }\n td,\n th {\n padding: 0.5em 1em;\n text-align: left;\n vertical-align: top;\n }\n th {\n background-color: $plain-text;\n color: #FFF;\n font-weight: bold;\n text-transform: uppercase;\n }\n td {\n border: 1px solid $border;\n }\n tr:nth-child(even) td {\n background-color: #F3F3F3;\n }\n}\n\n\n///\n/// = Section Specific =\n///\n\n\n///\n/// = Page Specific =\n///\n\n\n///\n/// = Media Queries =\n///\n\n@media only screen and (min-width: $medium) {\n\n}\n\n\n@media only screen and (min-width: $large) {\n\n ///\n /// = Layout =\n ///\n\n header.primary {\n padding-bottom: 0;\n .branding {\n margin-right: 2rem;\n }\n }\n\n nav {\n ul {\n text-align: left;\n }\n }\n\n nav.primary {\n margin-bottom: 0;\n > ul > li {\n font-size: 1.1rem;\n margin-left: 1rem;\n padding-bottom: 1rem;\n position: relative;\n }\n > ul > li:first-child {\n margin-left: 0;\n }\n ul {\n text-align: left;\n li li {\n display: block;\n float: none;\n }\n }\n }\n\n .utilities {\n nav.utility {\n margin-bottom: 0.4rem;\n ul {\n text-align: right;\n }\n }\n }\n\n .desktop {\n align-items: flex-end;\n display: flex;\n flex: 1 1 auto;\n flex-flow: column nowrap;\n justify-content: space-between;\n\n nav.primary {\n align-self: flex-start;\n }\n }\n\n button.menu-toggle {\n display: none;\n }\n\n .torso .wrap {\n display: flex;\n justify-content: space-between;\n main {\n flex: 1 1 auto;\n padding-right: 2rem;\n }\n aside.primary {\n flex: 0 0 25%;\n }\n }\n\n aside.primary {\n margin-bottom: 0;\n nav ul {\n text-align: left;\n }\n }\n\n footer.primary {\n .wrapper {\n display: flex;\n > * {\n flex: 1 0 0;\n }\n > nav {\n flex-grow: 2;\n margin-bottom: 0;\n }\n > nav > ul {\n justify-content: center;\n }\n }\n .branding {\n margin-right: 0;\n max-width: none;\n text-align: left;\n }\n .social {\n text-align: right;\n }\n }\n\n\n ///\n /// = Typography =\n ///\n\n h1 {\n font-size: 2.6rem;\n }\n\n h2 {\n font-size: 2.1rem;\n }\n\n h3 {\n font-size: 1.6rem;\n }\n\n h4 {\n font-size: 1.25rem;\n }\n\n h5 {\n font-size: 1.15rem;\n }\n}\n\n\n///\n/// = Print Styles =\n///\n\n@media print {\n * {\n background-color: transparent !important;\n box-shadow: none !important;\n color: #000 !important; // Black prints faster: h5bp.com/s\n text-shadow: none !important;\n }\n\n a {\n text-decoration: underline;\n }\n\n pre,\n blockquote,\n tr,\n img,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n page-break-inside: avoid;\n }\n\n thead {\n display: table-header-group;\n }\n\n @page {\n margin: 0.5cm;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n}\n","////\n/// _components.scss contains solely the mixin definitions for components.\n///\n/// + This file should not depend on styles.scss; we should be able to use\n/// include this file without including styles.scss.\n/// + This file should not generate any CSS on it's own; it should only contain\n/// mixin and/or function definitions.\n///\n////\n\n\n///\n/// ACCORDION\n///\n/// ACCORDION requires the accordion.plugin.js file. Call the ACCORDION\n/// function on your outer element (in our example we use an .accordion div).\n/// You can pass in optional plugin options. See the demo page for a list.\n/// Within the outer element class each accordion item requires a div wrapper.\n/// Within the div wrapper there is a .header class and a .content class.\n///\n///\n///\n/// @emmet .accordion>div>(.header{header}+.content>{lorem ipsum})\n/// @demo demo/accordion.html\n///\n/// @example markup HTML\n///
\n///
\n///
header
\n///
\n/// lorem ipsum\n///
\n///
\n///
\n///\n/// @example javascript JavaScript\n/// $('.accordion').accordion({\n/// hiddenOnLoad: true,\n/// singleOpen: true\n/// });\n///\n\n@mixin accordion() {\n > div {\n &.open {\n .header {\n background: darken($lightgray, 5%);\n &::after {\n @include fontawesome(\"\\f068\");\n }\n }\n }\n &.close {\n .header{\n &::after {\n @include fontawesome(\"\\f067\");\n }\n }\n }\n &.initially-hidden {\n .content {\n display: none;\n }\n }\n .header {\n background-color: $lightgray;\n color: $plain-text;\n cursor: pointer;\n font-size: 1em;\n margin-top: .5em;\n padding: .5em 1em;\n position: relative;\n text-align: left;\n width: 100%;\n &:hover {\n background-color: darken($lightgray, 5%);\n }\n &::after {\n bottom: 0;\n height: 1em;\n margin: auto 0;\n position: absolute;\n right: 1em;\n top: 0;\n width: 1em;\n }\n }\n .content {\n padding: 1em 0;\n }\n }\n}\n\n\n///\n/// BACKGROUND VIDEO plays a video (without sound) in the background of an element.\n/// Increasing the parent’s ::before padding results in a larger height.\n///\n///\n///\n/// @emmet .backgroundvideo>(.mold>div>h1+p)+video>source[src]\n/// @demo demo/background-video.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n///

\n/// Imarc loves background videos\n///

\n///

\n/// Lorem ipsum dolor sit amet consectetur adipisicing elit fuga.\n///

\n///
\n///
\n/// \n///
\n///\n\n@mixin backgroundvideo() {\n align-items: center;\n display: flex;\n height: auto;\n justify-content: center;\n overflow: hidden;\n position: relative;\n .mold {\n background-color: rgba(2255, 255, 255, 0.6);\n padding: 2em;\n text-align: center;\n z-index: 2;\n }\n video {\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n }\n &::before {\n content: \"\";\n display: block;\n padding-top: 30%;\n }\n}\n\n\n///\n/// BREADCRUMBS provides basic breadcrumb styling, complete with\n/// fontawesome icons for separators. Many styles for BREADCRUMBS\n/// are cascading from our base styles.scss file.\n///\n///\n///\n/// @emmet nav.breadcrumbs>ul>li>a+li.active>a\n/// @demo demo/breadcrumbs.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin breadcrumbs() {\n li:not(:last-child) a {\n padding-right: 0;\n\n &::after {\n @include fontawesome(\"\\f105\");\n padding-left: 0.5rem;\n }\n }\n}\n\n\n///\n/// CAROUSEL uses Slick to create a carousel. It defaults to a rather\n/// basic, one-slide-at-a-time implementation with dots, but slick supports a\n/// good deal of configuration including showing multiple slides, breakpoints,\n/// syncing between slides, and plenty of javascript events and methods for\n/// integration.\n///\n/// The implementation on Boilerplate is using a CDN to provide\n///\n/// + slick.css\n/// + slick-theme.css\n/// + slick.min.js\n///\n/// See http://kenwheeler.github.io/slick/ for more information.\n///\n/// The carousel() mixin should be included on a parent element that contains\n/// one div per slide. No additional classes are necessary – the slick classes\n/// referenced are added dynamically by slick.\n///\n///\n/// @emmet .carousel>div*3>h2+p\n/// @demo demo/carousel.html\n///\n/// @example markup HTML\n///
\n///
\n///

Headline

\n///

Lorem ipsum

\n///
\n///
\n///\n\n@mixin carousel() {\n .slick-slide {\n color: #FFF;\n height: auto;\n padding: 3rem;\n }\n .slick-prev,\n .slick-next {\n z-index: 1;\n }\n .slick-prev {\n left: 2rem;\n }\n .slick-next {\n right: 2rem;\n }\n}\n\n\n///\n/// The COLUMNS mixin makes it so that immmediate child elements appear as\n/// columns. It assumes the use of < hr > elements to create visual gutters\n/// that are only visible while displayed as columns.\n///\n///\n/// @emmet .columns>div+(hr+div)*2\n/// @demo demo/columns.html\n///\n/// @example markup HTML\n///
\n///
\n///

A column

\n///
\n///
\n///
\n///

Another column

\n///
\n///
\n///\n\n@mixin columns() {\n > hr {\n border: 0;\n display: none;\n }\n @media only screen and (min-width: $medium) {\n & {\n display: table;\n table-layout: fixed;\n width: 100%;\n > * {\n display: table-cell;\n vertical-align: top;\n }\n > hr {\n display: table-cell;\n width: 1rem;\n }\n }\n }\n}\n\n\n///\n/// The DOSSIER mixin displays an individual’s biography and photograph.\n/// If the photo portion is omitted, the biography element flexes to\n/// fill the space.\n///\n/// @emmet .dossier>div>(.photo>img^.bio>h2{Lorem Ipsum}+p.title{Vice President}+p{Lorem20})\n/// @demo demo/dossier.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n/// \"Jane\n///
\n///
\n///

\n/// Jane Doe\n///

\n///

\n/// Executive Vice President of Operations\n///

\n///

\n/// Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam quidem, soluta quisquam est velit praesentium ex, vero perspiciatis ad autem sapiente. Sed amet et voluptates, inventore corrupti quas assumenda nemo quibusdam magni officia ut, aperiam quo, quae! Eos, unde ea placeat ab earum molestias a veritatis architecto quas.\n///

\n///

\n/// Magnam quidem, soluta quisquam est velit praesentium ex, vero perspiciatis ad autem sapiente. Sed amet et voluptates, inventore corrupti quas assumenda nemo quibusdam magni officia ut, aperiam quo quae! Eos unde ea placeat.\n///

\n///
\n///
\n///
\n///\n///\n/// @param {measure} $gutter [2rem] - gutter between content and image\n/// @param {measure} $photoWidth [25%] - width of image\n/// @param {direction} $direction [row] - whether to put the images on the left or right\n///\n\n@mixin dossier($gutter: 2rem, $photoWidth: 25%, $direction: row) {\n > * {\n text-align: center;\n .photo {\n margin-bottom: 2rem;\n }\n }\n @media only screen and (min-width: $medium) {\n > * {\n display: flex;\n flex-direction: $direction;\n flex-wrap: nowrap;\n margin-bottom: 4rem;\n text-align: left;\n .photo {\n flex: 0 0 $photoWidth;\n margin-bottom: 0;\n margin-right: $gutter;\n @if $direction == row-reverse {\n margin-left: $gutter;\n margin-right: 0;\n }\n }\n .bio {\n .title {\n color: $meta-text;\n text-transform: uppercase;\n }\n }\n }\n }\n}\n\n\n///\n/// The DROPDOWN mixin allows for single-column dropdown menus. The mixin\n/// is called from the nav.primary element, not a list item.\n///\n/// @emmet nav.primary>ul>li>a{link name}+.dropdown>>ul>li>(a{link name})*3\n/// @demo demo/dropdown-simple.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin dropdown() {\n @media only screen and (max-width: $large - 1px) {\n .dropdown,\n i.fa {\n display: none;\n }\n }\n @media only screen and (min-width: $large) {\n i.fa {\n display: inline-block;\n }\n .dropdown {\n background-color: #2A2A2A;\n color: #FFF;\n display: block;\n font-size: 1rem;\n min-width: 260px;\n opacity: 0;\n padding: 2rem 0;\n position: absolute;\n top: 100%;\n transition: opacity 300ms;\n visibility: hidden;\n z-index: 1;\n ul {\n display: block;\n }\n .menu {\n > * {\n padding: 0 1rem;\n }\n li {\n margin-bottom: 0.4em;\n }\n a {\n color: #0C96DD;\n }\n a:hover,\n a:focus {\n color: darken(#0C96DD, 10%);\n }\n }\n }\n .dropdown.open {\n opacity: 1;\n visibility: visible;\n }\n }\n}\n\n\n///\n/// The DROPDOWN (mega) mixin allows for full-width mega dropdown\n/// menus. Call this mixin on a list item, not on nav.primary.\n/// Note that the simple dropdown component is a dependency of\n/// DROPDOWN (mega). The mega dropdown is positioned to header.primary\n/// instead of its parent list item.\n///\n/// @emmet nav.primary>ul>li>a{link name}+.dropdown>.menu(div*3)\n/// @demo demo/dropdown-mega.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin dropdown-mega() {\n position: static;\n @media only screen and (min-width: $large) {\n .dropdown {\n left: 0;\n top: 100%;\n width: 100%;\n .menu {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n margin-left: auto;\n margin-right: auto;\n max-width: 1168px;\n > * {\n border-left: 1px solid #777;\n flex-basis: 0;\n flex-grow: 1;\n padding: 0 3rem;\n }\n > *:first-child {\n border-left: none;\n padding-left: 0;\n }\n > *:last-child {\n padding-right: 0;\n }\n }\n }\n }\n}\n\n\n///\n/// FEATURES holds three modules in one row. Powered by flexbox,\n/// this allows for a bottom alignment of an optional button. Use the\n/// `$gutter` variable to pass a preferred gutter width.\n///\n/// @emmet .features>(div>(.icon>img)+h4+p+a)*3\n/// @demo demo/features.html\n///\n/// @example markup HTML\n///
\n///
\n///
\"\"
\n///

\n///

\n/// \n///
\n///
\n///\n/// @param {measure} $gutter [3rem] - gutter between features\n///\n\n@mixin features($gutter: 3rem) {\n > * {\n background-color: #EEE;\n margin-bottom: 2rem;\n margin-left: auto;\n margin-right: auto;\n padding: 2rem;\n text-align: center;\n img,\n h3,\n p {\n margin-bottom: 1rem;\n }\n .button {\n margin-bottom: 0;\n }\n }\n @media only screen and (min-width: $large) {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n > * {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-left: $gutter;\n margin-right: 0;\n .button {\n align-self: center;\n margin-top: auto;\n }\n &:first-child {\n margin-left: 0;\n }\n }\n }\n}\n\n\n///\n/// LISTING shows a listing of entries. It includes an optional search form with filters.\n/// Remove the search form elements for a simple list.\n///\n/// @emmet .listing>(form>.search>(.text>label+input^.submit>label+input[type=\"submit\"]))+p.guide{Showing 10 of 20}+ul>li>a>h2{Listing headline}+a.meta+div.summary>p{Lorem Ipsum}\n/// @demo demo/listing.html\n///\n///\n/// @example markup HTML\n///
\n///
\n///
\n///
\n/// \n/// \n///
\n///
\n/// \n///
\n///
\n///
\n/// \n/// \n///
\n///
\n///

\n/// Showing results 1–10 for responsive design\n///

\n/// \n///
\n///\n\n@mixin listing() {\n margin-bottom: 2rem;\n form {\n .search {\n display: flex;\n label {\n @include visuallyhidden;\n }\n .text {\n flex-grow: 1;\n }\n .submit {\n flex-basis: 120px;\n flex-shrink: 0;\n }\n .submit input {\n height: 100%;\n width: 100%;\n }\n }\n .filters {\n margin-bottom: 2rem;\n label {\n display: inline;\n }\n span {\n background-color: darken($link, 20%);\n border-radius: 0.5rem;\n color: #fff;\n display: inline-block;\n margin: 0 0.5rem 0.5rem 0;\n padding: 0.5rem 1rem;\n }\n input[type=\"checkbox\"]:checked + span {\n background-color: $link;\n }\n input[type=\"checkbox\"] {\n display: none;\n }\n }\n }\n\n ul {\n list-style: none;\n padding: 0;\n margin: 0;\n li {\n border-top: 4px solid $border;\n margin-bottom: 0;\n padding: 2rem 0;\n .meta {\n display: block;\n font-size: 0.9rem;\n margin-bottom: 1em;\n }\n h2 + .meta {\n margin-top: -1em;\n }\n .summary {\n p:last-of-type {\n margin-bottom: 0;\n }\n }\n }\n }\n}\n\n\n///\n/// The LOGIN mixin is a basic implementation of a login module that includes\n/// an email input, password input, submit button, forgot password link, and\n/// remember me checkbox.\n///\n/// @emmet .login>form>(div.text>label{Username}+input)+(div.password>label{Password}+input[type=\"password\"])+div.actions>(.submit>button{Login})+(label>input[type=\"hidden\"]+input[type=\"checkbox\"])+a{Forgot Your Password?}\n/// @demo demo/login.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n/// \n/// \n///
\n///
\n/// \n/// \n///
\n///
\n///
\n/// \n///
\n/// \n/// Forgot Your Password?\n///
\n///
\n///
\n///\n\n@mixin login() {\n background-color: #EEE;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: 3rem;\n input {\n &:focus {\n box-shadow: 0 0 5px rgba(114, 164, 0, 0.7);\n }\n }\n .submit {\n text-align: center;\n }\n .actions {\n text-align: center;\n\n }\n @media only screen and (min-width: $medium) {\n .actions {\n align-items: center;\n display: flex;\n justify-content: space-between;\n flex-flow: row wrap;\n > * {\n margin: 0;\n padding: 0;\n }\n label {\n margin-left: 1em;\n }\n a {\n display: block;\n margin-left: auto;\n text-align: right;\n }\n }\n }\n}\n\n\n///\n/// The mobile navigation mixin is missing any kind of sass, docblock style\n/// documentation within _components.scss. Sorry.\n///\n/// @demo demo/mobile-navigation.html\n///\n\n@mixin mobileNavigation() {\n background-color: $charcoal;\n bottom: 0;\n display: none;\n height: 100%;\n opacity: 0;\n overflow-y: auto;\n padding: 1rem;\n position: fixed;\n top: 0;\n transition: transform .25s;\n width: 80%;\n z-index: 1000;\n &.left {\n display: block;\n left: 0;\n right: auto;\n transform: translateX(-100%);\n }\n &.right {\n display: block;\n left: auto;\n right: 0;\n transform: translateX(100%);\n }\n &.left.open, &.right.open {\n transform: translateX(0);\n transition: transform .25s;\n }\n &.init {\n display: block;\n opacity: 1;\n }\n nav.utility {\n ul li a {\n padding: 0.75rem 0;\n }\n }\n ul {\n display: block;\n padding-left: 0;\n }\n ul li {\n align-items: center;\n border-bottom: 1px solid lighten($charcoal, 10%);\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n margin-bottom: 0;\n text-align: left;\n a {\n color: #fff;\n display: block;\n padding: 1rem 0;\n }\n i.fa {\n display: inline-block;\n }\n\n }\n @media only screen and (min-width: $large) {\n &.open.left {\n transform: translateX(-100%);\n }\n &.open.right {\n transform: translateX(100%);\n }\n }\n}\n\n\n///\n/// PAGINATION provides a navigational unordered list of pages. Often used\n/// in conjunction of a LISTING component.\n///\n/// @emmet nav.pagination>ul>(li.previous>a{Previous})+(li*2>a)+(li.active>a)+(li*2>a)+li.next>a{Next}\n/// @demo demo/pagination.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin pagination() {\n display: flex;\n justify-content: center;\n ul {\n border: 1px solid $border;\n border-radius: 2px;\n display: flex;\n justify-content: center;\n }\n li {\n margin-bottom: 0;\n }\n a {\n color: $link;\n padding: 0.5rem 1rem;\n position: relative;\n }\n li:not(:last-child) a {\n border-right: 1px solid $border;\n }\n li.active a {\n background-color: $brand-blue;\n color: #fff;\n cursor: default;\n pointer-events: none;\n &::before,\n &::after {\n background-color: $brand-blue;\n }\n &:hover {\n color: #fff;\n background-color: $link-hover;\n &::before,\n &::after {\n background-color: $link-hover;\n }\n }\n }\n li.disabled a {\n color: $border;\n cursor: default;\n pointer-events: none;\n }\n li.previous a {\n &::before {\n @include fontawesome(\"\\f100\");\n }\n }\n li.next a {\n &::before {\n @include fontawesome(\"\\f101\");\n }\n }\n li:hover:not(.active):not(.disabled) {\n a {\n background-color: $link;\n color: #FFF;\n\n &::before {\n background-color: $link;\n color: #FFF;\n }\n }\n }\n}\n\n\n///\n/// PROGRESS provides a basic, pill-style progress nav bar like you\n/// might find as part of an ecommerce or registration process.\n///\n/// @emmet nav.progress>ul>(li.complete*2>a)+(li.active>a)+(li*2>a)\n/// @demo demo/progress.html\n///\n/// @example markup HTML\n/// \n///\n\n@mixin progress() {\n ul {\n border: 1px solid $border;\n border-radius: 2px;\n display: block;\n width: 100%;\n }\n a {\n padding: 0.5rem 1rem;\n position: relative;\n text-align: center;\n &:hover {\n color: $link-hover;\n }\n }\n li:not(:last-child) a {\n border-right: 1px solid $border;\n }\n li.active {\n a {\n background-color: $link;\n color: #FFF;\n cursor: default;\n pointer-events: none;\n\n &:hover {\n background-color: $link-hover;\n color: #FFF;\n }\n }\n }\n li.disabled a {\n color: $border;\n cursor: default;\n pointer-events: none;\n }\n li:hover:not(.active,.disabled) a {\n color: $link-hover;\n }\n li:not(:last-child) a {\n border: 0;\n }\n li.complete a {\n background-color: #FFF;\n color: #ccc;\n &::before {\n background-color: #FFF;\n }\n &:hover {\n color: $link;\n }\n }\n @media only screen and (min-width: $medium) {\n ul {\n display: flex;\n }\n li {\n flex: 1 1 auto;\n position: relative;\n }\n li:last-child a {\n &::before {\n display: none;\n }\n }\n a {\n &::after,\n &::before {\n border: 0 solid transparent;\n border-bottom: 1.25rem solid rgba(0,0,0,0);\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid rgba(0,0,0,0);\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n }\n &::after {\n border-left-color: #FFF;\n }\n &::before {\n border-left-color: darken($border, 10%);\n margin-right: -1px;\n }\n }\n li.active {\n margin-left: -1rem;\n z-index: 2;\n &::before {\n border-bottom: 1.25rem solid $link;\n border-left: 1rem solid #FFF;\n border-top: 1.25rem solid $link;\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 2;\n }\n a {\n &::after,\n &::before {\n background-color: $link;\n border-bottom-color: #FFF;\n border-left-color: $link;\n border-top-color: #FFF;\n }\n &::before {\n margin-right: 0;\n }\n }\n a:hover {\n &::after,\n &::before {\n background-color: $link-hover;\n }\n }\n }\n }\n}\n\n\n///\n/// The STICKY-HEADER mixin works with (sticky-header.plugin.js) to hide\n/// a site’s header.primary element as you scroll down page. The element\n/// reappears when the user scrolls up the page. This is\n/// responsive as the \"top\" value is dynamically set in the\n/// js based on the height of the header. Top padding is also added\n/// to the body dynamically via js so that the header doesn't overlap any\n/// content.\n///\n/// @emmet header.primary\n/// @demo demo/sticky-header.html\n///\n\n@mixin sticky-header() {\n position: fixed;\n top: 0;\n transition: top 0.16s cubic-bezier(0, .40, .70, 1);\n width: 100%;\n z-index: 100;\n}\n\n\n///\n/// TABS allows for the showing and hiding of panels via an\n/// associated tab navigation.\n///\n/// @emmet .tabs>(nav>ul>li*4)>.panel.active+(.panel*3)\n/// @demo demo/tabs.html\n///\n/// @example markup HTML\n///
\n/// \n///
\n///

\n/// The New England Patriots are a professional American\n/// football team based in the Greater Boston area.\n///

\n///

\n/// Since the arrival of head coach Bill Belichick in 2000,\n/// the Patriots have become one of the most successful teams.\n///

\n///
\n///
\n///

\n/// The Boston Bruins are an American professional\n/// ice hockey team based in Boston, Massachusetts.\n///

\n///

\n/// The Bruins have won six Stanley Cup championships,\n/// tied for fifth most of all-time with the Blackhawks.\n///

\n///
\n///
\n///\n\n @mixin tabs() {\n position: relative;\n nav {\n border-bottom: 1px solid;\n ul {\n list-style: none;\n margin-left: 20px;\n padding: 0;\n text-align: center;\n }\n li {\n background-color: #CBBFB4;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n cursor: pointer;\n display: inline-block;\n margin-bottom: 0;\n margin-right: 0.5em;\n padding: 0.5em 1em;\n }\n li.active {\n background-color: #FFF;\n border: 1px solid;\n border-bottom: none;\n position: relative;\n &::after {\n background-color: #FFF;\n bottom: -1px;\n content: \"\";\n height: 1px;\n left: 0;\n position: absolute;\n width: 100%;\n }\n }\n }\n .panel {\n display: none;\n padding: 20px;\n }\n .panel.active {\n display: inherit;\n }\n @media only screen and (min-width: $large) {\n nav ul {\n margin-left: 20px;\n text-align: left;\n }\n }\n }\n\n///\n/// The TESTIMONIAL mixin is a basic implementation of a testimonial design.\n/// Add in an optional image wrapped in an element with a class of .asset.\n///\n/// @emmet div.testimonial.asset>div.container>(div>img)+blockquote+p\n/// @demo demo/testimonial.html\n///\n/// @param {measure} $gutterWidth [4rem] - gutter between asset and quote\n///\n/// @example markup HTML\n///
\n///
\n///
\n///
\n/// \"\"\n///
\n///
\n///
\n/// It was an honor to work with Imarc. They demonstrated, very early on, a true ability to understand our business and solve for our needs—create a new intranet site, one that would increase engagement and foster community. Imarc delivered incredible results, taking our former site to new heights. We couldn’t be happier with their work and subject matter expertise.\n///
\n///

\n/// – John Smith, Chief Marketing Officer, Acme Co\n///

\n///
\n///
\n///
\n///
\n///\n\n@mixin testimonial($gutterWidth: 4rem) {\n background-color: $charcoal;\n margin-bottom: 4rem;\n padding: 4rem 0 4rem;\n text-align: center;\n .asset {\n margin-bottom: 2rem;\n img {\n max-width: 280px;\n }\n }\n blockquote {\n border: none;\n color: #fff;\n font-size: 1.125rem;\n margin-bottom: 1rem;\n padding: 0 2.5rem;\n position: relative;\n &::before,\n &::after {\n color: $meta-text;\n font-family: Georgia, serif;\n font-size: 3.375rem;\n position: absolute;\n }\n &::before {\n content: \"“\";\n left: 0;\n line-height: 1;\n top: 0;\n }\n &::after {\n content: \"”\";\n line-height: 0;\n right: 0;\n bottom: 0;\n }\n ~ p {\n color: $meta-text;\n font-size: 0.875rem;\n margin-bottom: 0;\n padding: 0 2.5rem;\n }\n }\n @media only screen and (min-width: $large) {\n text-align: left;\n .wrapper {\n display: flex;\n justify-content: space-between;\n }\n .asset {\n flex-basis: 33%;\n flex-shrink: 0;\n margin-bottom: 0;\n margin-right: $gutterWidth;\n img {\n max-width: 100%;\n }\n }\n blockquote {\n font-size: 1.5rem;\n padding: 0 6rem;\n &::before,\n &::after {\n font-size: 7rem;\n }\n ~ p {\n font-size: 1rem;\n padding: 0 6rem;\n }\n }\n }\n}\n\n\n///\n/// TILES helps you create an equal-width column grid layout without the use of row wrappers.\n/// Tiles is similar to the Features component, except that TILES’ items can wrap.\n/// Powered by flexbox, you can pass in a $gutter width and $column amount. Note that the\n/// specified $column amount only is respected at the large breakpoint. Tiles will automatically\n/// two-up your items at the medium breakpoint, and stack them at the small breakpoint.\n///\n/// @emmet .tiles>(.tile>p{Lorem Ipsum})*2\n/// @demo demo/tiles.html\n///\n/// @example markup HTML\n///
\n///
\n///
\n///

One Great Headline

\n///

Lorem ipsum dolor

\n///
\n///
\n///
\n///
\n///

One Great Headline

\n///

Lorem ipsum dolor

\n///
\n///
\n///
\n///
\n///

One Great Headline

\n///

Lorem ipsum dolor

\n///
\n///
\n///
\n///\n/// @param {measure} $gutter [2rem] - vertical gutter between tiles\n/// @param {number} $columns [4] - number of columns while min-width is $large\n///\n\n@mixin tiles($gutter: 2rem, $columns: 4) {\n > * {\n background-color: #EEE;\n margin-bottom: $gutter;\n text-align: left;\n *:last-child {\n margin-bottom: 0;\n }\n }\n .tile > * {\n padding: 2rem;\n }\n @media only screen and (min-width: $medium) {\n display: flex;\n flex-flow: row wrap;\n margin-left: -$gutter / 2;\n margin-right: -$gutter / 2;\n > * {\n flex-basis: calc(50% - #{$gutter});\n flex-shrink: 0;\n margin-left: $gutter / 2;\n margin-right: $gutter / 2;\n }\n }\n @media only screen and (min-width: $large) {\n > * {\n flex-basis: calc((100% / #{$columns}) - (#{$gutter}));\n }\n }\n}\n"]} \ No newline at end of file