/*!
 * @name     HIP
 * @version  1.1.0
 * @author   Binary Vein Digital Media [binaryvein.com]
 */

/* Reset
-------------------------------------------------------------- */
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, figure, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

a { text-decoration: none; }

a img { border: none; }

html { overflow-y: scroll; }

img, video { max-width: 100%; height: auto; }

address { font-style: normal; }

.row, .main, .carousel-text, .person, .document { overflow: none; *zoom: 1; }
.row:before, .main:before, .carousel-text:before, .person:before, .document:before, .row:after, .main:after, .carousel-text:after, .person:after, .document:after { content: " "; display: table; }
.row:after, .main:after, .carousel-text:after, .person:after, .document:after { clear: both; }

.form-search input[type=submit], .lt-ie8 .form-search input[type=submit] { background-color: transparent; border: 0; overflow: hidden; text-indent: -9999px; }
.form-search input[type=submit]:before { content: ""; display: block; width: 0; height: 150%; }

.main .button { padding: .25em 1em; background: #2b5134; color: #8dc63f; text-decoration: none; font: 700 13px "futura-pt", sans-serif; text-transform: uppercase; }
.main .button:hover { color: #fff; }

/* Layout
-------------------------------------------------------------- */
html, body { height: 100%; }

.wrapper { background: url(/assets/img/ui/wrapper-bg.png) center repeat-y; min-height: 100%; margin-bottom: -95px; }

.wrapper:after { content: ""; display: block; height: 95px; }

body { background: url(/assets/img/ui/bg-texture.jpg); }

.row { width: 990px; margin: 0 auto; text-align: left; }

.row-breadcrumb { position: relative; }

.main .row { padding: 0 30px 30px 30px; }
.main .row:first-child { padding-top: 30px; }

.column { float: left; }

.column { padding-right: 30px; }
.column:last-child { padding-right: 0; }

.column-medium { width: 605px; position: relative; padding: 0; }

article.column-pair, section.column-pair { width: 290px; padding: 0 0 5px 0; margin-right: 25px; }
article.column-pair:nth-of-type(even), section.column-pair:nth-of-type(even) { margin-right: 0; }

.column-main { width: 774px; }

.column-main-text { width: 484px; padding-right: 44px; }

.column-third { width: 310px; }

.column-full { width: 930px; }

.hr-section { clear: both; padding-top: 30px; background: url(/assets/img/ui/dash-horizontal.png) top repeat-x; }

/* Type
-------------------------------------------------------------- */
@font-face { font-family: 'allerbolditalic'; src: url("/assets/font/aller/aller_bdit-webfont.eot"); src: url("/assets/font/aller/aller_bdit-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/font/aller/aller_bdit-webfont.woff") format("woff"), url("/assets/font/aller/aller_bdit-webfont.ttf") format("truetype"), url("/assets/font/aller/aller_bdit-webfont.svg#allerbold_italic") format("svg"); font-weight: normal; font-style: normal; }

html, button, input[type=text], input[type=email], select, textarea { color: #414042; }

body { font: 400 17px "freight-sans-pro", sans-serif; line-height: 1.17647; color: #414042; }

input, textarea { font-family: "freight-sans-pro", sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

address { font-style: normal; margin-bottom: 1em; }

a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

strong { font-weight: 700; }

::-moz-selection { background: #f1f1f1; color: #414042; text-shadow: none; }

::selection { background: #f1f1f1; color: #414042; text-shadow: none; }

.main h1 { font: 700 17px "futura-pt", sans-serif; text-transform: uppercase; margin-bottom: 0.5em; color: #2b5134; vertical-align: top; }
.main h1.header-margin { margin-bottom: 1em; }
.main h2 { color: #414042; font: 700 13px "futura-pt", sans-serif; padding-bottom: 12.5px; text-transform: uppercase; background: url(/assets/img/ui/dash-horizontal.png) bottom repeat-x; margin-bottom: 12.5px; }
.main p, .main ul, .main ol { margin-bottom: 1em; }
.main ul { list-style: disc outside; padding-left: 0; margin-left: 1.25em; text-align: left; }
.main li { padding-left: 1em; margin-bottom: 1em; position: relative; }
.main p, .main ul, .main ol, .main label, .main input[type=text], .main input[type=email], .main textarea { font-size: 1em; line-height: 1.17647; }
.main time { color: #414042; }
.main a { color: #2b5134; text-decoration: none; }
.main a:hover, .main a:active { color: #8dc63f; }
.main address p { margin-bottom: 0; }
.main a p { color: #414042; }
.main .ck { margin-bottom: 25px; }
.main .ck a { text-decoration: underline; }
.main .article a { text-decoration: underline; }
.main .column-pair { padding-bottom: 30px; }
.main .column-pair article h1 { font-size: 13px; margin-bottom: .25em; line-height: 1.15; }
.main .column-pair figure, .main .column-pair iframe { margin-bottom: 12px; font-size: 13px; line-height: 1.15; }
.main .column-pair time { display: block; margin-bottom: .25em; }
.main article.column-pair h1 { font-size: 13px; margin-bottom: .25em; line-height: 1.15; }
.main .related-links dt { color: #414042; font: 700 13px "futura-pt", sans-serif; text-transform: uppercase; color: #2b5134; }

.main nav a { text-decoration: none; }

.nav-primary { @extent %clearfix; margin-top: 15px; }
.nav-primary a { font: 700 13px "futura-pt", sans-serif; text-transform: uppercase; display: block; float: left; width: 138px; height: 45px; background: #d1d3d4; color: #2b5134; line-height: 35px; text-align: center; margin-right: 4px; }
.nav-primary a:nth-child(1) { border-top: 10px solid #8DC63F; }
.nav-primary a:nth-child(2) { border-top: 10px solid #A5D5D4; }
.nav-primary a:nth-child(3) { border-top: 10px solid #F15652; }
.nav-primary a:nth-child(4) { border-top: 10px solid #FBB040; }
.nav-primary a:nth-child(5) { border-top: 10px solid #1A94C1; }
.nav-primary a:nth-child(6) { border-top: 10px solid #F37984; }
.nav-primary a:last-child { margin-right: 0; border-top: 10px solid #2B5034; }
.nav-primary a:hover { background: #e6e7e7; }
.nav-primary .current { background: #e6e7e7; }

.nav-breadcrumb { position: relative; border-top: 1px solid #E6E7E8; border-bottom: 1px solid #E6E7E8; line-height: 34px; color: #A7A9AC; }
.nav-breadcrumb a:after { content: ' > '; color: #A7A9AC; }
.nav-breadcrumb a:hover:after, .nav-breadcrumb .current:after { color: #A7A9AC; }
.nav-breadcrumb a:last-child:after { content: ''; }
.nav-breadcrumb .current { color: #8dc63f; }

.nav-secondary { width: 131px; padding-right: 0; margin-right: 25px; }
.nav-secondary a { display: block; font: 700 13px "futura-pt", sans-serif; text-transform: uppercase; background: #F1F2F2; margin-bottom: 8px; padding: .5em 0 .5em 15px; }
.nav-secondary a:hover { background: #d1d3d4; color: #2b5134; }
.nav-secondary .current { background: #d1d3d4; color: #2b5134; }

.nav-pagination { text-align: right; position: absolute; right: 210px; top: 30px; line-height: 34px; }
.nav-pagination a { font: 700 13px "futura-pt", sans-serif; margin-left: 25px; color: #A7A9AC; }
.nav-pagination a:after { content: ''; }
.nav-pagination .current { color: #8dc63f; }

.nav-pagination-footer { clear: both; position: relative; top: 0; right: 0; border-top: 1px solid #E6E7E8; }

.nav-footer { padding-left: 30px; }
.nav-footer a { color: #8dc63f; font: 14px "allerbolditalic", sans-serif; }
.nav-footer a:after { content: ' /'; }
.nav-footer a:hover { color: #fff; }
.nav-footer a:last-child:after { content: ''; }
.nav-footer .current { color: #fff; }
.nav-footer a:after, .nav-footer .current:after { color: #8dc63f; }

/* Blocks
-------------------------------------------------------------- */
header { background: #fff; padding-top: 25px; border-bottom: 10px solid #E6E7E7; }
header .row { position: relative; }
header .row h2 { position: absolute; right: 0; top: 50px; width: 350px; color: #d1d3d4; font-weight: 400; font-family: "allerbolditalic", sans-serif; text-align: right; }

footer { padding: 20px 0 0 0; color: #8dc63f; font-size: 14px; height: 95px; background: #2b5134; }
footer .row { position: relative; }
footer a.footer-twitter { font: 14px "allerbolditalic", sans-serif; color: #fff; font-style: italic; position: absolute; top: 0; right: 30px; }
footer a.footer-twitter img { margin-left: 10px; }
footer p { font: 14px "allerbolditalic", sans-serif; padding-left: 30px; }

.main footer { padding: 0; color: #414042; background: transparent; font-size: 1em; }

.link-overlay { position: relative; display: block; }
.link-overlay:after { display: block; position: absolute; bottom: 0; right: 0; width: 64px; height: 66px; content: url(/assets/img/ui/link-overlay.png); }
.link-overlay img { display: block; }

/* Carousel
-------------------------------------------------------------- */
.carousel { height: 300px; width: 600px; padding: 0; margin-right: 20px; }

.carousel-mask { display: block; width: 600px; height: 300px; margin: 0 auto; position: relative; left: 0; padding: 0; overflow: hidden; background: #fff; }
.carousel-mask ul { display: block; position: absolute; top: 0; left: 0; height: auto; width: 9000px; margin: 0; padding: 0; list-style: none; }
.carousel-mask ul li { position: relative; display: block; width: 600px; height: 300px; float: left; list-style: none; margin: 0; padding: 0; }

.carousel-image { position: absolute; top: 0; left: 0; }

.carousel-text { width: 500px; position: absolute; bottom: 10px; left: 10px; }
.carousel-text time, .carousel-text h1 { float: left; display: inline; clear: left; padding: .2em .5em; background: #fff; font-family: "freight-sans-pro", sans-serif; text-transform: none; font-weight: 400; color: #414042; }
.carousel-text .carousel-title { background: #8dc63f; color: #2b5134; font-family: "futura-pt", sans-serif; text-transform: uppercase; font-weight: 700; }
.carousel-text time { font: 700 13px "futura-pt", sans-serif; text-transform: uppercase; }
.carousel-text .carousel-headline { margin-bottom: 0; }

/* Home
-------------------------------------------------------------- */
.column-home-intro { position: relative; height: 300px; }

.home-sub-row { padding-top: 21px; background: url(/assets/img/ui/dash-horizontal.png) top right repeat-x; }
.home-sub-row .column-third { width: 300px; min-height: 325px; padding: 0 25px; background: url(/assets/img/ui/dash-vertical.png) right repeat-y; }
.home-sub-row .column-third:first-child { padding-left: 0; }
.home-sub-row .column-sub-centre { width: 315px; }
.home-sub-row .column-third:last-child { padding-right: 0; background: transparent; }

.news-summary, .event-summary { background: url(/assets/img/ui/dash-horizontal.png) bottom right repeat-x; padding-bottom: 15px; margin-bottom: 15px; }
.news-summary time, .news-summary h1, .event-summary time, .event-summary h1 { font-family: "freight-sans-pro", sans-serif; text-transform: none; font-weight: 400; }
.news-summary time, .event-summary time { font: 700 13px "futura-pt", sans-serif; text-transform: uppercase; }
.news-summary h1, .event-summary h1 { margin-bottom: 0; line-height: 1.025em; }

.news-summary a, .event-summary a { display: block; position: relative; background: url(/assets/img/ui/icon-news.png) 0 2px no-repeat; padding: 0 12px 0 54px; text-decoration: none; }
.news-summary a:after, .event-summary a:after { display: block; width: 9px; height: 9px; content: url(/assets/img/ui/plus-green.png); position: absolute; top: 0; right: 0; }

.event-summary a { background: url(/assets/img/ui/icon-events.png) 0 2px no-repeat; }
.event-summary a:after { content: url(/assets/img/ui/plus-blue.png); }

/* Person
-------------------------------------------------------------- */
.person { clear: left; padding: 0 0 21px 0; margin: 0 0 20px 0; background: url(/assets/img/ui/dash-horizontal.png) bottom repeat-x; }

.column-person-portrait, .column-person-bio { width: 135px; padding-right: 0; margin-right: 25px; }

.column-person-bio { width: 454px; }
.column-person-bio h1 { margin-bottom: 0; }

.column-person-connect { width: 135px; padding: 10px 8px; background: #F1F2F2; }
.column-person-connect ul, .column-person-connect li { padding: 0; margin: 0; list-style: none; }

.main .person-connect-link { padding-left: 15px; background: url(/assets/img/ui/plus-green.png) left no-repeat; text-decoration: none; }

/* Study / Story
-------------------------------------------------------------- */
.column-main-text-story h1 { margin-bottom: 0; }

.column-main-text-story time { display: block; margin-bottom: 1em; }

.related-links { padding: 0 0 15px 0; background: url(/assets/img/ui/dash-horizontal.png) bottom repeat-x; }
.related-links hr { height: 1px; border: 0 none; background: transparent url(/assets/img/ui/dash-horizontal.png) repeat-x; }
.related-links h2 { padding-bottom: 0; margin-bottom: 0; background: transparent; }
.related-links p { margin-bottom: 0; }
.related-links a { color: #8dc63f; text-decoration: underline; }
.related-links a:hover { color: #2b5134; }

.past-event { position: relative; }
.past-event:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 100; display: block; position: absolute; top: 6px; left: 6px; width: 47px; height: 47px; content: url(/assets/img/ui/past-event.png); }
.past-event figure, .past-event h1, .past-event time, .past-event div { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* Documents
-------------------------------------------------------------- */
.document { padding-left: 160px; padding-bottom: 30px; margin-bottom: 30px; position: relative; min-height: 210px; background: url(/assets/img/ui/dash-horizontal.png) bottom repeat-x; }

.column-document-cover, .column-document-video { position: absolute; left: 0; top: 0; }

.main .column-document-summary h1 { font-size: 13px; margin-bottom: .25em; line-height: 1.15; }
.main .column-document-summary time { display: block; margin-bottom: .25em; }

.document-archive { padding-left: 0; min-height: 0; }

.document-search-result { padding-left: 312px; }

/* Contact
-------------------------------------------------------------- */
.column-form-contact { width: 414px; }

.column-address { width: 240px; padding-right: 0; margin-right: 25px; }
.column-address span { display: block; }

/* Forms
-------------------------------------------------------------- */
::-webkit-input-placeholder { color: #A7A9AC; }

:-moz-placeholder { color: #A7A9AC; }

::-moz-placeholder { color: #A7A9AC; }

:-ms-input-placeholder { color: #A7A9AC; }

form { width: 100%; }

label { display: block; }

input, textarea { width: 100%; }

input[type=submit] { width: auto; border: 0 none; cursor: pointer; }

.form-signup { position: absolute; bottom: 0; }
.form-signup label { color: #414042; font: 700 17px "futura-pt", sans-serif; text-transform: uppercase; margin-bottom: 0.5em; }
.form-signup input[type=email] { margin-bottom: 0.5em; background: #F1F2F2; border: 1px solid #414042; }

.form-search { width: 330px; position: absolute; right: 0; top: 0; text-align: right; }
.form-search label { display: none; }
.form-search input[type=text] { width: 290px; border: 0 none; background: #F1F2F2; color: #A7A9AC; height: 30px; line-height: 30px; padding: 0 .25em; }
.form-search input[type=submit] { display: block; width: 27px; height: 24px; background: url(/assets/img/ui/button-search.png); float: left; position: relative; top: 2px; }

.form-contact { width: 405px; background: #F1F2F2; padding: 10px 12px; position: relative; }
.form-contact input[type=text], .form-contact input[type=email], .form-contact textarea { border: 1px solid #939598; background: #fff; height: 30px; line-height: 30px; padding: 0 .25em; margin-bottom: 1em; }
.form-contact textarea { height: 80px; margin-bottom: .5em; }

.contact-submit-button { position: absolute; bottom: 10px; right: 12px; font-size: 15px; }

/* IE ;_;
-------------------------------------------------------------- */
.lt-ie9 .column-medium { width: 635px; }

.lt-ie8 .wrapper { margin-bottom: 0; }
.lt-ie8 .nav-primary { margin: 0; padding-top: 15px; }
.lt-ie8 .nav-primary a { float: left; width: 138px; height: 45px; margin-right: 3px; }
.lt-ie8 .main .row { padding: 0 30px 30px 30px; width: 930px; }
.lt-ie8 .main .row:first-child { padding-top: 30px; }
.lt-ie8 .column-main-text { width: 440px; }
.lt-ie8 .home-sub-row .column-third { width: 250px; }
.lt-ie8 .home-sub-row .column-third:first-child { padding-left: 0; }
.lt-ie8 .home-sub-row .column-sub-centre { width: 265px; }
.lt-ie8 .home-sub-row .column-third:last-child { padding-right: 0; }
.lt-ie8 .column-person-bio { width: 429px; }
.lt-ie8 .column-medium { width: 635px; }
.lt-ie8 .form-search input[type=text] { float: right; }
.lt-ie8 .form-search input[type=submit] { font-size: 1px; }
.lt-ie8 .form-contact input[type=text], .lt-ie8 .form-contact input[type=email], .lt-ie8 .form-contact textarea { width: 400px; }
.lt-ie8 .form-contact .contact-submit-button { display: inline; width: 100px; float: right; position: relative; bottom: 0; right: 0; }

/* Print
-------------------------------------------------------------- */
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  body { border: 0 none !important; font-size: 12pt; }
  .header { height: auto; margin-bottom: 1em; border: 0 none; }
  .navigation, .pagination, .top, .footer dl, .footer ul, .back { display: none !important; }
  fieldset { padding: 1em; }
  .checkbox input, .radio input { top: -6px !important; }
  .legend, .resources dt span { padding: 10px 0 0 0 !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .header a[href]:after { content: none; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a img { text-decoration: none !important; border: 0 none !important; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img, .row, input, label, textarea { page-break-inside: avoid !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; padding-left: 0 !important; } }