/* Association of Building Consultants CSS for screen - 10/08/2022 */ /* Colour: Dk Grey #191924 Dk Blue #1b1464 Blue #2E3192 - BG Body Blue Lt #233172 - BG Nav L2 Lt Blue #659AD6 Lt Bl 2 #AFB9E1 - Nav text Text #534741 */ /* Variables: Colour, spacing */ :root { --grey-2: #f9f9f9; --grey-5: #f2f2f2; --grey-10: #e6e6e6; --grey-15: #d9d9d9; --grey-30: #b2b2b2; --grey-42: #949494; --grey-50: #808080; --grey-60: #666666; --grey-80: #525252; --grey-100: #1a1a1a; --dark-grey:#333333; --dark-grey-blue: #191924; --dark-blue: #1b1464; --blue: #2E3192; --blue-2: #233172; --blue-3: #272a7d; --blue-4: #252d77; --blue-5: #364fb3; --light-blue-1: #82A1DF; --light-blue-2: #659AD6; --light-blue-3: #AFB9E1; --gold: #DEB745; --light-gold: #ffcf33; --red: #d42121; --pale-red: #fff4f4; --white: #FFFFFF; --radius: 4px; --space: 24px; --space--5: calc(var(--space) * 0.1666666666); --space--4: calc(var(--space) * 0.3333333333); --space--3: calc(var(--space) * 0.5); --space--2: calc(var(--space) * 0.6666666666); --space--1: calc(var(--space) * 0.75); --space--0: calc(var(--space) * 0.8333333333); --space-1: calc(var(--space) * 1.1666666666); --space-2: calc(var(--space) * 1.5); --space-3: calc(var(--space) * 2); --space-4: calc(var(--space) * 3); --space-5: calc(var(--space) * 4); --space-6: calc(var(--space) * 5); --header-height-mobile: 114px; --header-height-tablet: 114px; --header-height-desktop: 165px; --font-button: urw-din, sans-serif; --font-text: neue-haas-grotesk-text, Helvetica Neue, Helvetica, Arial, sans-serif; --font-heading: neue-haas-grotesk-display, Helvetica Neue, Helvetica, Arial, sans-serif; } /*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) */ html,button,input,select,textarea { color: #222;} body { font-size: 1em; line-height: 1.4; } ::-moz-selection {background: #b3d4fc;text-shadow: none;} ::selection {background: #b3d4fc;text-shadow: none;} hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;} img {vertical-align: middle;} fieldset {border: 0;margin: 0;padding: 0;} textarea {resize: vertical;} .chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;} .wrapper {width: 90%;margin: 0 5%; } .footer-container,.main aside {} .header-container,.footer-container,.main aside {} /* MOBILE: Menu */ nav { clear: both; } nav ul {margin: 0;padding: 0;} nav a,nav a:visited {font-size: 0.8em;display: block;margin-bottom: 10px;padding: 15px 0;text-align: center;text-decoration: none;font-weight: normal;color: #777;background: #f2f2f2; text-transform: uppercase;} nav a:hover {color: #333; background: #e6e6e6;} /* MOBILE: Main */ .main article h1 {font-size: 2em;} .main aside {padding: 0px 5% 10px;} .footer-container footer {color: white;padding: 20px 0;} /* IE Fixes */ .ie7 .title {padding-top: 20px;} /* Custom Styles */ body { font-family: var(--font-text); font-weight: 400; font-style: normal; background: #FFFFFF; text-align: center; font-size: 100%; line-height: 1.375; color: var(--dark-grey); margin-top: 0; } a:link { text-decoration:underline; color: var(--blue);} a:visited { text-decoration:underline; color: var(--blue);} a:hover { text-decoration:none; color:#659AD6;} a:active { text-decoration:underline; color: var(--blue);} h1, h2, h3, h4, h5 { font-style: normal; } h1, .h1 { color: var(--blue); font-family: var(--font-heading); font-weight: 900; font-size: 2em; margin: 0 0 1em 0; line-height: 1; } h2, .h2 { color: var(--blue); font-size: 1.25em; margin: 0.75em 0; position: relative; line-height: 1.25em; } h2.lt-blue { font-size: 1em; margin-bottom: 2.5em; color: var(--light-blue-1); } h3, .h3 { color: var(--blue); font-size: 1.15em; line-height: 1.25em; margin: 1em 0 0 0; position: relative; } h4, .h4 { font-size: 1em; margin: 0.75em 0 0 0; font-family: var(--font-text); font-weight: 500;} h5, .h5 { font-weight: 400; font-size: 1.1em; margin: 0.75em 0 0 0; } h6, .h6 { font-weight: 400; font-size: 1em; margin: 0.75em 0 0 0; } .h { font-family: var(--font-heading); font-weight: 700; font-size: 1em; } p { line-height: 1.375em; margin: 0.75em 0 0 0; } img { border: 0; max-width: 100%; height: auto; } form { margin: 0; padding: 0; } td, th { text-align: left; vertical-align: top; } li ol, li ul { margin:0;} .no-svg img.svg { display: none; } .svg img.no-svg { display: none; } /* Colours */ .bg-dark-grey { background-color: var(--dark-grey); } .bg-dark-blue { background-color: var(--dark-blue); } .bg-dark-blue-grey { background-color: var(--dark-blue-grey); } .bg-blue { background-color: var(--blue); } .bg-light-blue-1 { background-color: var(--light-blue-1); } .bg-light-blue-2 { background-color: var(--light-blue-2); } .bg-light-blue-3 { background-color: var(--light-blue-3); } .bg-gold, .login-form::after { background-repeat: no-repeat; background-color: #8f6604; background-image: -moz-linear-gradient(199deg, #ffcf33, #8f6604); background-image: -ms-linear-gradient(199deg, #ffcf33, #8f6604); background-image: -o-linear-gradient(199deg, #ffcf33, #8f6604); background-image: -webkit-linear-gradient(199deg, #ffcf33, #8f6604); background-image: linear-gradient(199deg, #ffcf33, #8f6604); } .bg-red { background-color: var(--red)!important;} .bg-pale-red { background-color: var(--pale-red)!important;} .bg-grey-2 { background-color: var(--grey-2)!important;} .bg-grey-5 { background-color: var(--grey-5)!important;} .bg-grey-10 { background-color: var(--grey-10)!important;} .bg-grey-15 { background-color: var(--grey-15)!important;} .bg-grey-30 { background-color: var(--grey-30)!important;} .bg-grey-42 { background-color: var(--grey-42)!important;} .bg-grey-50 { background-color: var(--grey-50)!important;} .bg-grey-60 { background-color: var(--grey-60)!important;} .bg-grey-80 { background-color: var(--grey-80)!important;} .bg-grey-100 { background-color: var(--grey-100)!important;} .bg-white { background-color: white!important;} .text-dark-grey { color: var(--dark-grey)!important;} .text-dark-blue { color: var(--dark-blue)!important;} .text-dark-blue-grey { color: var(--dark-blue-grey)!important;} .text-blue { color: var(--blue)!important;} .text-light-blue-1 { background-color: var(--light-blue-1); } .text-light-blue-2 { background-color: var(--light-blue-2); } .text-light-blue-3 { background-color: var(--light-blue-3); } .text-gold { color: var(--gold)!important;} .text-light-gold { color: var(--light-gold)!important;} .text-red { color: var(--red)!important;} .text-pale-red { color: var(--pale-red)!important;} .text-grey-2, .text-grey-2 a { color: var(--grey-2)!important;} .text-grey-5, .text-grey-5 a { color: var(--grey-5)!important;} .text-grey-10, .text-grey-10 a { color: var(--grey-10)!important;} .text-grey-15, .text-grey-15 a { color: var(--grey-15)!important;} .text-grey-30, .text-grey-30 a { color: var(--grey-30)!important;} .text-grey-42, .text-grey-42 a { color: var(--grey-42)!important;} .text-grey-50, .text-grey-50 a { color: var(--grey-50)!important;} .text-grey-60, .text-grey-60 a { color: var(--grey-60)!important;} .text-grey-80 { color: var(--grey-80)!important;} .text-grey-100 { color: var(--grey-100)!important;} .text-white, .text-white a { color: white!important;} /* Layout */ * {text-decoration-skip-ink: auto; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1); font-smooth: always; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } *, *:before, *:after { box-sizing: border-box; } body, html { height: 100%; margin: 0; scroll-behavior: smooth; } .boxed { padding: var(--space); border: 1pt solid var(--grey-10); border-radius: var(--radius); margin-bottom: 1em;} .boxed :first-child { margin-top: 0; } .boxed :last-child { margin-bottom: 0; } .boxed:after { clear: both; content: ""; display: table; } .align-right { } .align-left { } .align-center { text-align: center; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .border { border-top: 1px solid var(--grey-10);} .border-top { border-top: 1px solid var(--grey-10);} .border-bottom { border-bottom: 1px solid var(--grey-10);} .border-left { border-left: 1px solid var(--grey-10);} .border-right { border-right: 1px solid var(--grey-10);} .rounded { border-radius: var(--radius);} .shadow { -moz-box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); box-shadow: 0 0 30px -10px rgb(0 0 0 / 15%); } .margin-0 { margin: 0 !important; } .padding-0 { padding: 0 !important; } .margin-top-0 { margin-top: 0!important;} .margin-bottom-0 { margin-bottom: 0!important;} .padding-top-0 { padding-top: 0!important;} .padding-bottom-0 { padding-bottom: 0!important;} .margin-top { margin-top: 1em!important;} .margin-bottom { margin-bottom: 1em!important;} .padding-top { padding-top: 1em!important;} .padding-bottom {padding-bottom: 1em!important;} .padding-space {padding: var(--space)!important;} .padding-space--5 {padding: var(--space--5)!important;} .padding-space--4 {padding: var(--space--4)!important;} .padding-space--3 {padding: var(--space--3)!important;} .padding-space--2 {padding: var(--space--2)!important;} .padding-space--1 {padding: var(--space--1)!important;} .padding-space-2 {padding: var(--space-2)!important;} .padding-space-3 {padding: var(--space-3)!important;} .padding-space-4 {padding: var(--space-4)!important;} .padding-space-5 {padding: var(--space-5)!important;} .padding-space-6 {padding: var(--space-6)!important;} .padding-top-space {padding-top: var(--space)!important;} .padding-top-space--5 {padding-top: var(--space--5)!important;} .padding-top-space--4 {padding-top: var(--space--4)!important;} .padding-top-space--3 {padding-top: var(--space--3)!important;} .padding-top-space--2 {padding-top: var(--space--2)!important;} .padding-top-space--1 {padding-top: var(--space--1)!important;} .padding-top-space-2 {padding-top: var(--space-2)!important;} .padding-top-space-3 {padding-top: var(--space-3)!important;} .padding-top-space-4 {padding-top: var(--space-4)!important;} .padding-top-space-5 {padding-top: var(--space-5)!important;} .padding-top-space-6 {padding-top: var(--space-6)!important;} .padding-bottom-space {padding-bottom: var(--space)!important;} .padding-bottom-space--5 {padding-bottom: var(--space--5)!important; } .padding-bottom-space--4 {padding-bottom: var(--space--4)!important; } .padding-bottom-space--3 {padding-bottom: var(--space--3)!important; } .padding-bottom-space--2 {padding-bottom: var(--space--2)!important; } .padding-bottom-space--1 {padding-bottom: var(--space--1)!important; } .padding-bottom-space-2 {padding-bottom: var(--space-2)!important;} .padding-bottom-space-3 {padding-bottom: var(--space-3)!important;} .padding-bottom-space-4 {padding-bottom: var(--space-4)!important;} .padding-bottom-space-5 {padding-bottom: var(--space-5)!important;} .padding-bottom-space-6 {padding-bottom: var(--space-6)!important;} .margin-space {margin-top: var(--space)!important; margin-bottom: var(--space)!important; } .margin-space--5 {margin-top: var(--space--5)!important; margin-bottom: var(--space--5)!important; } .margin-space--4 {margin-top: var(--space--4)!important; margin-bottom: var(--space--4)!important; } .margin-space--3 {margin-top: var(--space--3)!important; margin-bottom: var(--space--3)!important; } .margin-space--2 {margin-top: var(--space--2)!important; margin-bottom: var(--space--2)!important; } .margin-space--1 {margin-top: var(--space--1)!important; margin-bottom: var(--space--1)!important; } .margin-space-2 {margin-top: var(--space-2)!important; margin-bottom: var(--space-2)!important; } .margin-space-3 {margin-top: var(--space-3)!important; margin-bottom: var(--space-3)!important; } .margin-space-4 {margin-top: var(--space-4)!important; margin-bottom: var(--space-4)!important; } .margin-space-5 {margin-top: var(--space-5)!important; margin-bottom: var(--space-5)!important; } .margin-space-6 {margin-top: var(--space-6)!important; margin-bottom: var(--space-6)!important; } .margin-top-space {margin-top: var(--space)!important; } .margin-top-space--5 {margin-top: var(--space--5)!important; } .margin-top-space--4 {margin-top: var(--space--4)!important; } .margin-top-space--3 {margin-top: var(--space--3)!important; } .margin-top-space--2 {margin-top: var(--space--2)!important; } .margin-top-space--1 {margin-top: var(--space--1)!important; } .margin-top-space-2 {margin-top: var(--space-2)!important; } .margin-top-space-3 {margin-top: var(--space-3)!important; } .margin-top-space-4 {margin-top: var(--space-4)!important; } .margin-top-space-5 {margin-top: var(--space-5)!important; } .margin-top-space-6 {margin-top: var(--space-6)!important; } .margin-bottom-space {margin-bottom: var(--space)!important; } .margin-bottom-space--5 {margin-bottom: var(--space--5)!important; } .margin-bottom-space--4 {margin-bottom: var(--space--4)!important; } .margin-bottom-space--3 {margin-bottom: var(--space--3)!important; } .margin-bottom-space--2 {margin-bottom: var(--space--2)!important; } .margin-bottom-space--1 {margin-bottom: var(--space--1)!important; } .margin-bottom-space-2 {margin-bottom: var(--space-2)!important; } .margin-bottom-space-3 {margin-bottom: var(--space-3)!important; } .margin-bottom-space-4 {margin-bottom: var(--space-4)!important; } .margin-bottom-space-5 {margin-bottom: var(--space-5)!important; } .margin-bottom-space-6 {margin-bottom: var(--space-6)!important; } /* Grid */ .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; padding-right: var(--space--2); padding-left: var(--space--2); } .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;max-width: calc(100% - 32px);padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto} @media (min-width:480px){.container,.container-sm{}} @media print, (min-width:768px){.container,.container-md,.container-sm{}} @media print, (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}} @media (min-width:1300px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1268px}} .grid-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:16px;padding-left:16px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.row-cols-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1,.col-auto{-webkit-box-flex:0}.col-1{-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-2,.col-3{-webkit-box-flex:0}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.col-4,.col-5{-webkit-box-flex:0}.col-5{-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-6,.col-7{-webkit-box-flex:0}.col-7{-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.col-8,.col-9{-webkit-box-flex:0}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.col-10,.col-11{-webkit-box-flex:0}.col-11{-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%} @media (min-width:480px){.gutters-sm .grid-row{margin-right:0;margin-left:0}.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.row-cols-sm-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}} @media (min-width:768px){.gutters-md .grid-row{margin-right:0;margin-left:0}.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.row-cols-md-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}} @media print, (min-width:992px){.gutters-lg .grid-row{margin-right:0;margin-left:0}.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.row-cols-lg-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}} @media (min-width:1300px){.gutters-xl .grid-row{margin-right:0;margin-left:0}.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.row-cols-xl-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333333%;flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.66666667%;flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.66666667%;flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333%;flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333%;flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666667%;flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}} /* Half grid widths */ .col-1_5, .col-sm-1_5, .col-md-1_5, .col-lg-1_5, .col-xl-1_5, .col-2_5, .col-sm-2_5, .col-md-2_5, .col-lg-2_5, .col-xl-2_5, .col-3_5, .col-sm-3_5, .col-md-3_5, .col-lg-3_5, .col-xl-3_5 {position: relative; width: 100%; padding-right: var(--space--2); padding-left: var(--space--2); } @media (min-width:480px){.col-sm-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-sm-2_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-sm-3_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-sm-1_5{margin-left:12.5%}.offset-sm-2_5{margin-left:20.83333333333333%}.offset-sm-3_5{margin-left:29.16666666666667%}} @media print, (min-width:768px){.col-md-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-md-2_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-md-3_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-md-1_5{margin-left:12.5%}.offset-md-2_5{margin-left:20.83333333333333%}.offset-md-3_5{margin-left:29.16666666666667%}} @media print, (min-width:992px){.col-lg-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-lg-2_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-lg-3_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-lg-1_5{margin-left:12.5%}.offset-lg-2_5{margin-left:20.83333333333333%}.offset-lg-3_5{margin-left:29.16666666666667%}} @media (min-width:1300px){.col-xl-1_5{-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;}.col-xl-2_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;}.col-xl-3_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;}.offset-xl-1_5 {margin-left:12.5%}.offset-xl-2_5 {margin-left:20.83333333333333%}.offset-xl-3_5 {margin-left:29.16666666666667%}} /*.col-1_5, .col-sm-1_5, .col-md-1_5, .col-lg-1_5, .col-xl-1_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 12.5%;flex: 0 0 12.5%;max-width: 12.5%;} .col-2_5, .col-sm-2_5, .col-md-2_5, .col-lg-2_5, .col-xl-2_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 20.83333333333333%;flex: 0 0 20.83333333333333%;max-width: 20.83333333333333%;} .col-3_5, .col-sm-3_5, .col-md-3_5, .col-lg-3_5, .col-xl-3_5 {-webkit-box-flex:0;-ms-flex: 0 0 0 0 29.16666666666667%;flex: 0 0 29.16666666666667%;max-width: 29.16666666666667%;} .offset-1_5,.offset-sm-1_5,.offset-md-1_5,.offset-lg-1_5,.offset-xl-1_5 {margin-left:12.5%} .offset-2_5,.offset-sm-2_5,.offset-md-2_5,.offset-lg-2_5,.offset-xl-2_5 {margin-left:20.83333333333333%} .offset-3_5,.offset-sm-3_5,.offset-md-3_5,.offset-lg-3_5,.offset-xl-3_5 {margin-left:29.16666666666667%}*/ .col-full-width { padding: var(--space-3) var(--space--3); margin: 0 calc(0px - var(--space)); width: auto; } .cols-padding-top .col { padding-top: var(--space);} .cols-padding-bottom .col { padding-bottom: var(--space);} .breakpoints-label code { display: none;} .breakpoints-label code.default { display: inline;} @media (min-width:480px){.breakpoints-label code.default { display: none;} .breakpoints-label code.sm { display: inline;}} @media print, (min-width:768px){.breakpoints-label code.sm { display: none;} .breakpoints-label code.md { display: inline;}} @media print, (min-width:992px){.breakpoints-label code.md { display: none;} .breakpoints-label code.lg { display: inline;}} @media (min-width:1300px){.breakpoints-label code.lg { display: none;} .breakpoints-label code.xl { display: inline;}} .row-align-bottom { align-items: flex-end; } .stretch { align-self: stretch; } .col-align-middle { display: grid; align-items: center; align-self: stretch; } #back-to-top { display: none; position: fixed; z-index: 1000; top: auto; left: auto; bottom: 0; right: 0; margin-bottom: var(--space--1); margin-right: var(--space--1); width: 48px; height: 48px; padding: 12px; line-height: 24px; text-align: center; border-color: transparent; background-color: var(--grey-5); color: var(--grey-30); border-radius: 50%; transition: background 0.2s; } #back-to-top:hover { border-color: transparent; background-color: var(--dark-blue); color: white; } #back-to-top .icon { fill: none; } #back-to-top.back-to-top-footer { background: var(--grey-80); } #container, #top { text-align: left; margin: 0 auto; position: relative; } #header { height: var(--header-height-mobile); margin: 0 0 0px 0; color: var(--light-blue-1); position: relative; border-bottom: 1px solid var(--grey-10); /*_background: url(images/ABC-Logo.svg) no-repeat #fff;*/ } /*.no-svg #header { _background: url(images/ABC-Logo.png) no-repeat #fff; }*/ #header-screen {height: 100%; display: flex; flex-direction: column; justify-content: center;} #header-screen img {width: 230px; height: auto;} #login-links { position: absolute; top: var(--header-height-mobile); right:0; width: 30%; height: 50px; color: #AFB9E1;background-color: var(--blue-3); text-align: right; } #login-links p.welcome { display: none; padding: 0 14px 0 0;} a.login-button { display: inline-block; text-decoration: none; cursor: pointer; } a.login-button:hover, a.lost-password:hover { color: #FFF; background: var(--dark-blue); } .login-form { display: none; position: absolute; top: var(--header-height-mobile); right: 0; width: 100%; padding: 0; background-color: var(--blue-3); z-index: 999999; margin: 0; } .login-form::after { height:2px; width: 100%; content: ''; display:block;} .login-form .inner { margin: var(--space--1); height: calc(100vh - var(--header-height-mobile) - var(--space-2) - 2px); display: flex; flex-direction: column; justify-content: center; } .login-form a.login { font-size: 32px; float: right; padding: 0.5em; display: block; position: absolute; right: 0; cursor: pointer;} .login-form svg { display: block;} .login-form label { display: none; } .login-form-title { padding: var(--space) var(--space--1); float: left; font-weight: 500; font-family: var(--font-button); text-transform: uppercase; font-size: 0.8125em; } .input-header { width: 100%; padding: 0.75em 0.75em; margin: 0.25em 0; border: 0; color: #FFF; background: var(--blue); } .input-header::placeholder, .input-header::-webkit-input-placeholder, .input-header:-ms-input-placeholder, .input-header::-ms-input-placeholder { color: var(--light-blue-1); opacity: 1; } .login-form ::-webkit-input-placeholder { color: var(--light-blue-1);} #showPassword {position: absolute;right: 0; top: 6px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 24px; padding: 8px;} a.lost-password { display: inline-block; color: var(--light-blue-1); line-height: 40px; text-decoration: none; width: 100%; text-align: center; border: 0; margin: 0.25em 0; font-family: var(--font-button); text-transform: uppercase; font-size: 0.8125em; font-weight: 500; } .login-form .button-members { width : 100%; height: 40px; margin: 0.25em 0; padding: 0; border: 0; background-position: 0 48%; background-repeat: no-repeat; } .login-form .button-members:hover { } #header a { } #header-print { display: none; } #container-content, .container-content { margin: 0 auto; position: relative; } .container-end { width: 100%; clear: both; height: 0px; display: block; } .video-embed-container, .img.ratio-16x9 { position: relative; width: 100%; height: 0; padding-top: 56.25%; overflow:hidden; } .video-embed-container .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-embed-container img, .img.ratio-16x9 img { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;} .video-embed-container.img::after, .events-list-small .video-embed-container.img::after { content:''; display: table; margin: auto; width :50px; height: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("images/icon-youtube-large.svg"); pointer-events: none;} #footer { clear: both; width: 100%; text-align: left; color: var(--grey-30); background: var(--dark-grey-blue); padding: var(--space-2) 0; font-size: 0.8em; } #footer .inner.limit-width { _max-width: 1140px; margin: 0 auto 0 auto; } #footer .inner::after { content:''; display: table; position: relative; right: 0; width: 100%; height: var(--space-6); border-right: 1px solid var(--grey-80);margin-bottom: calc(0px - var(--space-2)); margin-top: calc(0px - var(--space-2)); } #footer .col {padding-bottom: var(--space);} #footer .col.abc-mark { padding-bottom: var(--space);} #footer p { margin: 0; } #footer ul { list-style-type: none; margin: 0; padding: 0; } #footer li { margin: 0; padding: 0; } #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color: var(--grey-30); text-decoration: none;} #footer a:hover { color: #fff;} #footer svg.icon:hover { fill: #fff; } #footer ul.social-icons { margin-top: var(--space);} /*.col, .col-1x1, .col-1x2, .col-1x2_5, .col-1x3, .col-1x4, .col-1x5, .col-1x7 { padding: 20px; background-image: url(images/BG-Dot-V.png); background-position: -1px 0; background-repeat: repeat-y; } .col-divider, .col-divider-5 { clear: both; width: 100%; height: 1px; margin:0; padding: 0; line-height: 1px; background-image: url(images/BG-Dot-H.png); background-repeat: repeat-x; } #footer .col { background: none; } #footer .col.col-1x1 { border: 0;}*/ table.services-table { margin-left: 115px; margin-bottom: 20px; display: none; } table.services-table td, table.services-table th { width: 250px; vertical-align: top; padding: 0px 20px; } table.services-table p { margin-top: 0; } img.heading { position: absolute; top:0; left:0; z-index: 2; } .img-box { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;} .ratio-16x9 {padding-top: 56.25%; } .ratio-3x2 {padding-top: 66.66666667%; } .ratio-4x3 {padding-top: 75%; } .ratio-1x1 {padding-top: 100%; } .img-box img { position: absolute; top: 50%; transform: translateY(-50%); } .img a img { transition: 0.2s ease-out all; } .img a:hover img, .img a:focus img { width: 104%; max-width: 104%; left: -2%; } .img.no-img a, .img.no-img a:link, .img.no-img a:visited {position: absolute; top: 0; display: block; height: 100%; width: 100%; text-decoration: none; background: var(--grey-5); } .img.no-img a:hover, .img.no-img a:focus {background: var(--grey-10); } /* Nav */ #nav-toggle { font-size: 50px; float: right; } #nav, #nav2 { margin: 0; position: relative; top: 0; left: 0; z-index: 9000; } #nav { position: absolute; top: var(--header-height-mobile); width: 100%; border-bottom: 6px solid var(--light-blue-2);} #nav, .nav-desktop { display: none;} .nav-mobile.social-icons {display: block; height: 56px; width: 50%; } .nav-mobile-login { float: right; border: 0!important; } .nav-mobile-login a { line-height: var(--space)!important; } #nav ul { position: relative; padding: 0; margin: 0; list-style-type: none; background: var(--blue);} #nav ul ul { background: none; } #nav a, #nav-toggle a { display: block; line-height: 1; color: var(--white); font-weight:700; text-decoration: none; padding: var(--space--2) var(--space--1); margin: 0; } #nav svg, #nav-toggle svg { display: block; } #nav-toggle a { cursor: pointer; color: var(--blue); } #nav li ul a { padding-left: 40px; text-transform: none; } #nav a.end { } #nav a:hover { color: #FFF; background: var(--blue-3); } #nav a.on { background-color: var(--blue-3); color: #FFF; } #nav a.on:hover { } #nav li { margin: 0; padding: 0; border-bottom: 1px solid var(--blue-3); } #nav li li { border-bottom: 0; border-top: 1px solid var(--blue-3); } #nav ul.social-icons li { margin-right: 0!important;} h3.member a img { margin-left: 10px; margin-bottom: 10px;} .btn-show-hide-member { cursor: pointer; } .btn-show-hide-member svg { fill: none; stroke: var(--grey-30); transition: all 0.2s;} .btn-show-hide-member.open svg { transform: rotate(180deg); } /* Text */ .arrow-right { padding-left: 25px; background: url(images/icon-arrow-right.svg) no-repeat left center; } #container-content ol { margin: 0.7em 0; padding: 0; } #container-content ol li { line-height: 1.4em; margin: 0.7em 0 0 3em; padding: 0; } #container-content ul { margin: 0.7em 0 0 0; padding: 0; list-style-type: disc; } #container-content div.special-conditions ul { margin-left: 3em; } #container-content ul li { line-height: 1.4em; margin: 0.7em 0 0 1.3em; padding: 0; } #container-content ul.checklist { list-style-type: none; margin: 0.7em 0 0 0; } #container-content ul.checklist li { list-style-image: url(images/Tick.gif); margin: 0.7em 0 0 24px; } #container-content div.member-ad ul li, #container-content div.member-ad ol li { margin: 0 0 0 1.3em; } table.data-table { margin-top: 1em; } table.data-table th, table.data-table td { padding: 0.5em; border-top: 1px solid var(--grey-10);} .link-pdf, .link-generic, .link-word { padding: 4px 0 5px 24px; background: url("images/icon-doc-blank.svg") no-repeat left center; } .link-pdf { background-image: url(images/icon-doc-pdf.svg); } .link-word { background-image: url(images/icon-doc-doc.svg); } .doc-title { font-weight: 700; } p.right-button { text-align: right; } p.right-button-top { text-align: right; } .float, .float-left { float: left; } .float-right { float: right; } .width50 {width: 50%;} .clear { clear: right; } .clear-left {clear: left;} .pull-quote { color: var(--grey-50); font-weight: normal; font-size: 1.3em; margin: 0.3em 0 0 0; line-height: 1.3em; } .small { font-size: 0.8125em; } .xsmall { font-size: 0.75em; } .grey { color: var(--grey-50); } .blue { color: var(--blue); } .lt-blue { color: var(--light-blue-2);} .box { border: 1px solid #ccc; margin-top: 0.7em; margin-bottom: 0.7em; padding-top: 10px; } .box p { margin: 0 10px 0.7em 10px; font-size: 0.9em; } div.log-in { height: 136px; } .no-bg { background: none; } .no-margin { padding-left: 0; } .margin-top { margin-top: 1.5em; } .large-heading { font-size: var(--space-3); line-height: 0.875;} .small-heading { font-weight: 500; font-family: var(--font-button); text-transform: uppercase; font-size: 0.8125em; color: var(--blue); } .small-heading > * { font-size: 1em; } .xs-heading { font-size: 13px; } .small-heading a, .xs-heading a { text-decoration: none;} .font-weight-light { font-weight:400!important; } .font-weight-medium { font-weight:500!important; } .font-weight-medium.font-family-text { font-weight:500!important; } .font-weight-medium.font-family-heading{ font-weight:600!important; } .font-weight-bold { font-weight:700!important; } .font-weight-black { font-weight:900!important; } .font-family-heading { font-family: var(--font-heading)!important; } .font-family-text { font-family: var(--font-text)!important; } .font-family-button { font-family: var(--font-button)!important; } h2.no-margin, p.no-margin { margin-top: 0; } h2.no-margin-bottom, .no-margin-bottom { margin-bottom: 0; } p.intro { font-family: var(--font-text); font-size: 1.5em; font-weight: 400; line-height: 1.0833333333em; } h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited { text-decoration: none; } h2 a:hover, h3 a:hover {text-decoration: underline;} .home .articles h3 { font-size: 1.4em; line-height: 1.2em;} h2.small {font-size: 1em;} h2.border-bottom { border-bottom: 1pt solid var(--blue); padding-bottom: 0.5em; margin-bottom: 1em; } /* Icons */ .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;} .icon-doc-blank { width: 0.8330078125em;} .icon-doc-doc { width: 0.8330078125em;} .icon-doc-http { width: 0.8330078125em;} .icon-doc-img { width: 0.8330078125em;} .icon-doc-pdf { width: 0.8330078125em;} .icon-doc-ppt { width: 0.8330078125em;} .icon-doc-xls { width: 0.8330078125em;} .icon-doc { font-size:2.25em; line-height:2.25em;} .icon-md { font-size :1.5em; line-height:1.5em;} .icon-lg { font-size :2em; line-height:2em;} .icon-xl { font-size :3em; line-height:3em;} .icon-inline { margin:-0.1em auto; } .icon-inline.icon-md { margin:-0.25em auto; } .icon-inline.icon-lg { margin:-0.5em auto; } .doc-icon { float: left; margin-left: -40px; width :30px; height: 36px; transform: translateY(-0.4em); } .doc-type { padding-left: 40px; margin-bottom:1em } ul.social-icons { list-style-type: none; margin: 0; font-size: 24px; margin-top: var(--space-3); line-height:1;} ul.social-icons li { margin-left: 0; margin-right:var(--space--4) !important; display: inline-block; border: 0!important;} .icon-tick,.icon-tick-small,.icon-plus,.icon-minus,.icon-x,.icon-v-line,.icon-arrow-up,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-plus-small,.icon-minus-small,.icon-x-small,.icon-v-line-small,.icon-arrow-up-small,.icon-arrow-down-small,.icon-arrow-left-small,.icon-arrow-right-small,.icon-top,.icon-menu { fill:none; } ul.list-icon { list-style-type: none; padding-left: 27px; } ul.list-icon li { position: relative; } ul.list-icon li::before { content: " "; width: 1em; height: 1em; position: absolute; left: -26px; top: 3px; background-repeat: no-repeat; background-position: center center; } ul.list-tick li::before { background-image: url("images/icon-tick.svg"); } /* Forms */ input, select, textarea { font-family: var(--font-text); -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; border: 1px solid var(--grey-15);} textarea { border: 1px solid var(--grey-15); } input[type="text"], input[type="email"], input[type="password"], input[type="select"], input[type="date"], input[type="file"], select, textarea { padding: 12px 16px; } button, input[type="submit"], input[type="button"] { padding: 1.25em 3em; } button, input.button, input.button-members, a.button, a.button:link, a.button:visited, a.button-members, a.button-members:link, a.button-members:visited { font-family: var(--font-button); font-weight: 500; font-style: normal; color: #FFF; text-transform: uppercase; border: 0; font-size: 1em; background: var(--blue); padding: 1.25em var(--space-3); width: 100%; text-align: center; overflow: visible; line-height: 1em; display: inline-block; cursor:pointer; transition: 0.2s; } button:hover, button:focus, input.button:hover, input.button:focus, a.button:hover, a.button:focus { background: var(--dark-blue); } a.button, a.button:link, a.button:visited, a.button-members, a.button-members:link, a.button-members:visited { padding: 1.5em 2em; text-decoration: none; cursor:pointer; } .button-outline { background-color: transparent!important; border: 1pt solid var(--blue)!important; color: var(--blue)!important; } .button-outline:hover, .button-outline:focus, .tech-hub-graphic-col .button-outline:hover, .tech-hub-graphic-col .button-outline:focus { background-color: var(--dark-blue)!important; border: 1pt solid var(--dark-blue)!important; color: white!important; } .button-outline-white { background-color: transparent!important; border: 1pt solid var(--white)!important; color: var(--white)!important; } .button-outline-white:hover, .button-outline-white:focus { background-color: white!important; border: 1pt solid var(--white)!important; color: var(--blue)!important; } a.button-small, a.button-small:link, a.button-small:visited { padding: 0.5em 1em;} a.button-small.button-outline, a.button-small.button-outline:link, a.button-small.button-outline:visited { padding: calc(0.5em - 1pt) calc(1em - 1pt); } input.button-members.button-outline, a.button-members.button-outline, a.button-members.button-outline:link, a.button-members.button-outline:visited { background: none!important; border-color: var(--gold)!important; color: var(--gold)!important; transition: 0s;} input.button-members, a.button-members, a.button-members:link, a.button-members:visited { background-repeat: no-repeat; background-color: #ac811b; background-image: -moz-linear-gradient(199deg, #ffda61, #ac811b); background-image: -ms-linear-gradient(199deg, #ffda61, #ac811b); background-image: -o-linear-gradient(199deg, #ffda61, #ac811b); background-image: -webkit-linear-gradient(199deg, #ffda61, #ac811b); background-image: linear-gradient(199deg, #ffda61, #ac811b); } input.button-members:hover, a.button-members:hover, input.button-members.button-outline:hover, a.button-members.button-outline:hover { color: white!important; background-repeat: no-repeat!important; background-color: #8f6604!important; background-image: -moz-linear-gradient(199deg, #ffcf33, #8f6604)!important; background-image: -ms-linear-gradient(199deg, #ffcf33, #8f6604)!important; background-image: -o-linear-gradient(199deg, #ffcf33, #8f6604)!important; background-image: -webkit-linear-gradient(199deg, #ffcf33, #8f6604)!important; background-image: linear-gradient(199deg, #ffcf33, #8f6604)!important; } a.button-small.button-outline.button-members:hover { padding: 0.5em 1em!important; border:0!important; } a.icon-button-line { cursor: pointer; position: relative; padding:0 !important; } a.icon-button-line .icon-divider {padding: 1.25em 1.5em; display: inline-block; border-right: 1px solid var(--blue-5);} a.icon-button-line .button-text {padding: 1.25em 1.5em;} a.icon-button-line.full-width .icon-divider { position: absolute; left: 0; height: 100%; } a.icon-button-line.full-width .button-text { padding: 1.25em 1.5em 1.25em 5.5em; display: block; } a.icon-button-line svg { stroke: currentColor; } a.icon-button-line.checked svg { stroke: var(--blue-5); } .input-col, .input-col-2, .input-col-3, .input-col-4, .input-col-5, .input-col-7 { margin-bottom: 0.3em; margin-top: 0.2em; width: 100%; } .input-col-2.input-checkbox { width: auto; } /*div.col label, div.col-1x7 label, span.label { display: block; padding-top: 0.5em; margin-bottom: 0.3em; }*/ span.label { padding-top: 0; margin-bottom: 0; } span.form-note { display: block; font-size: 0.85em; margin-bottom: 0.3em; } .bold { font-size: 1.3em; font-weight: bold; } div.col-1x7 label.label-auto { width: auto; padding-right: 1em; padding-top: 0.1em; margin-bottom: 0.5em; } .form p { margin:0; padding: 0; clear: both;} form .row { margin-bottom: 1em;} label { font-size: 0.875em;} .checkbox label, .radio label, .toggle label { font-size: 1em; } input[type="text"], input[type="password"], input[type="select"], input[type="date"], input[type="file"], select, textarea { } input:hover { border-color: var(--grey-60);} input:focus { border-color: var(--grey-80)!important;} input:disabled, input:disabled::-webkit-input-placeholder, button:disabled { background-color: var(--grey-5); border-color: var(--grey-10); color: var(--grey-30); } input[type="radio"] { } input[type="date"] { background: url("/images/icon-calendar.svg") 95% 50% no-repeat; background-size: 24px 24px;} input[type="date"]::-webkit-inner-spin-button { display: none; } input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } input[type="file"] { padding: 9px; width: 100%;} textarea { width: 100%; } :focus { outline: -webkit-focus-ring-color var(--grey-80) 1pt; border-color: var(--grey-80); } .message.below { font-size: 0.875em; line-height: 1.428; } .error .message { color: var(--red); } .error input { border-color: var(--red); background-color: var(--pale-red);} .checkbox label { display: block; position: relative; padding-left: 34px; margin-bottom: 0.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .checkbox label .checkmark { position: absolute; top: -2px; left: 0; height: 24px; width: 24px; border: 1px solid var(--grey-15); background-color: white; transition: all 0.2s; } .checkbox label:hover input ~ .checkmark, .checkbox label input:focus ~ .checkmark { border-color: var(--blue); } .checkbox label input:checked ~ .checkmark { background-color: white;} .checkmark:after { content: ""; position: absolute; display: none;} .checkbox label input:checked ~ .checkmark:after { display: block;} .checkbox label .checkmark:after { left: 8px; top: 4px; width: 6px; height: 11px; border: solid var(--blue); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .radio label { display: block; position: relative; padding-left: 34px; margin-bottom: 0.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .radio .checkmark { position: absolute; top: -1px; left: 0; height: 24px; width: 24px; border: 1px solid var(--grey-15); background-color: white; border-radius: 50%;} .radio label:hover input ~ .checkmark, .radio label input:focus ~ .checkmark { border-color: var(--blue); } .radio label input:checked ~ .checkmark { background-color: white; } .radio .checkmark:after { content: ""; position: absolute; display: none;} .radio label input:checked ~ .checkmark:after { display: block;} .radio label .checkmark:after {top: 50%;left: 50%; margin-left: -8px; margin-top: -8px; width: 16px;height: 16px;border-radius: 50%;background: var(--blue);} .toggle label { position: relative; display: inline-block; width: 34px; height: 16px; } .toggle input { opacity: 0; width: 0; height: 0;} .toggle label .label { display: none; } .toggle .track { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .toggle .track:hover:before { background-color: var(--grey-5); } .toggle .track:before { position: absolute; content: ""; height: 24px; width: 24px; left: 0px; bottom: -4px; background-color: white; -webkit-transition: .4s; transition: .4s; border: 1px solid var(--grey-15);} .toggle input:focus-visible + .track:before { border-color: var(--grey-80); background-color: var(--grey-5); } .toggle input:checked + .track { background-color: var(--light-blue-2);} .toggle input:checked + .track:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); background-color: var(--blue); border-color: var(--blue); } .toggle input:checked:focus-visible + .track:before { border-color: var(--grey-80); background-color: var(--blue); } .toggle .track.round { border-radius: 12px; } .toggle .track.round:before { border-radius: 50%;} .toggle .label-text { display: inline-block; position: relative; vertical-align: top; line-height: 24px; margin:0 0 0.25em 5px; top: -4px; width: calc(100% - 44px);} .toggle .label-text:after { content: ""; clear: both; display: table;} .select-wrap { display: block; margin-bottom: 1.5em; position: relative; } .select-wrap:after { border-bottom: 2px solid var(--grey-80); border-right: 2px solid var(--grey-80); content: ""; display: block; width: 11px; height: 11px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translate(0, -65%) rotate(45deg); } .select-input { display: block; font-size: 1em; min-height: calc(1.4em + 26px); padding: 12px 16px 14px; text-align: left; width: 100%; } select.select-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Cycle slideshow / Events */ /* Main image / slideshow */ .cycle-slideshow { width: 100%; height: calc(100vh - var(--header-height-mobile)); overflow: hidden; } .slide { position: relative; height: 100%; width: 100%; text-align: center; line-height: 1.2em; background-position: center center; background-size: cover;} .slide .inner { z-index: 0; position: relative; width: 100%; height: 100%;} .slide .inner::after { content:" "; display: block; position: relative; width: 100%; height:90%; border-bottom: 1px solid #fff;} .slide img { width: auto; height: 100%; margin: 0 -50%;} .slide h1 { margin-left: -1px; } .slide h2 { color: #fff; margin: 0 ;margin-left: -2px; font-size: 2em; line-height: 0.875; font-weight: 900; font-family: var(--font-heading); } .slide p { } .slide a.button { width: auto; margin-top: 1em; white-space: nowrap; } .slide a.button .button-inner { padding: 1em 1em 1em 24px; display: block; line-height: 1em; } .panel { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 80%; padding-right:20%; height: 100%; text-align: left; color: #fff; border-left: 1px solid #fff; } .panel .panel-inner { margin: 0; display: block; height: auto; top: 50%; position: relative; transform: translateY(-50%);} .panel span.small-screen-hide { display: none; } .slide.inset-img .inner::before { content: " "; display: block; position: absolute; width: 100%; height: 10%; border-bottom: 1px solid var(--blue-5);} .slide.inset-img .inner::after { content: " "; display: none; position: relative; width: 100%; left: 0; height: 10vh; top: calc(100% - 10vh); background: #fff; z-index: 2;} .slide.inset-img .panel {border-left: 1px solid var(--blue-5); padding-right:0; width: 87.5%; } .slide.inset-img .panel-inner { } .slide.inset-img h2, .slide.inset-img p { width: 100%; } .slide.inset-img .panel img { width: 100%; height: auto; margin: auto; position: relative; right: 0; top: 0; z-index: -1; margin-bottom: var(--space--3);} .slide.inset-img .panel .video-outer { transform: translateY(-50%); position: absolute; right: 0; top: 50%; width: 50%; } .slide.inset-img .panel .video-outer .img.video-embed-container { } .slide.inset-img .panel .img.video-embed-container { transform: translateY(-50%); position: absolute; right: 0; top: 50%; } .slide.inset-img .panel .img.video-embed-container img { width :100%; top: 0; transform: none; margin: auto; } .date-box { width: 70px; height: 70px; padding: 7px; margin-bottom: -70px; margin-top: calc(0px - var(--space--3)); float: right; position: relative; right: 0; top: 50%; z-index:2; transform: translateY(-50%); background: var(--blue); color: white; text-transform: uppercase; text-align: center; font-weight:700;pointer-events: none; } .date-box .day {display: block; font-size: 36px; line-height: 36px; } .date-box .month {display: block; font-size: 16px; line-height: 16px; } .events-list .date-box { margin-bottom:0px; margin-top: 0; top: auto; transform: none; bottom: 0; position: absolute; } .events-list .date-box .day { font-size: 36px; line-height: 36px; } .events-list .date-box .month { font-size: 16px; line-height: 16px; } .events-list .no-img .date-box { bottom: auto; } .events-list-small .date-box { position: absolute; width: 48px; height: 48px;} .events-list-small .date-box .day {font-size: 24px; line-height: 24px; } .events-list-small .date-box .month { font-size: 10px; line-height: 10px; } .events-list-small .event-with-image .img {position: relative;} .events-list-small .event-with-image .img img {} .events-list-small .event-with-image .date-box {position: absolute;} /* Pages */ #feature::before { content: " "; display: block; position: relative; width: 100%; border-top: 1px solid var(--grey-10); top: var(--space-3);} #feature .flex .stretch::before { content: " "; display: block; position: absolute; left: calc(0px - var(--space-2)); height: calc(100% - var(--space-3)); border-left: 1px solid var(--grey-10); top: var(--space-3);} #feature .small-heading {height: var(--space-5);} #articles::before { content: " "; display: block; position: relative; width: 100%; border-top: 1px solid var(--grey-10); top: calc(17px + var(--space-3));} #about .container-content::before { content: " "; display: block; position: relative; width: 50%; border-top: 1px solid var(--grey-10); top: calc(17px + var(--space-3)); z-index:1;} #about .grid-row::before { content: " "; display: block; position: absolute; left: 50%; top: 0; width: 0; height: 100%; border-left: 1px solid var(--grey-10); z-index: 1;} #about .small-heading {height: var(--space-5);} #about .content { z-index:2;} .page-title { position: relative; overflow: hidden; background-size: contain; background-position: right 50%; background-repeat: no-repeat;} .page-title .container { padding-top: calc(var(--space-4) - 16px); padding-bottom:var(--space-4);} .page-title.video .container { padding-top: var(--space-4); } .page-title::before { content:" "; display: block; position: relative; width: 100%; border-top: 1px solid var(--grey-10); top: var(--space-4);} .page-title .line-left::before { content: " "; display: block; position: absolute; left: 16px; height: 100%; border-left: 1px solid var(--grey-10); top: 0;} .page-title .line-right-small::after { content: " "; display: block; position: absolute; right: 16px; height: var(--space-4); border-left: 1px solid var(--grey-10); top: 0;} .page-title.bg-blue::before { border-top: 1px solid var(--blue-5); } .page-title.bg-blue .line-left::before { border-left: 1px solid var(--blue-5);} .page-title .small-heading { margin-top: 0.15em; } .page-title .img { position: relative; /*position: absolute; top:0 ;right:0; margin-left: auto; width: 30%;*/ } .page-title .img img { max-width: 100%; width: 100%; height:auto; /*position: absolute; top: 0;left: 0; right: 0; bottom: 0; margin: auto; display: none;*/ } .tech-hub-graphic a.button { margin-left:0.5px; } blockquote.line { font-weight: 500; font-family: var(--font-heading); font-size: 1.5em; line-height: 1; border-left: 1pt solid var(--blue); padding-left: var(--space); color: var(--blue);} blockquote.choosing {position: relative; top: -44px; left: 50%;} .member-details { display: none; } .member-details p:first-child { margin-top:0; padding-top: 1em;} .service-title { clear: both; display: block; margin-bottom: 1em; padding-bottom: 1em; } ul.services-list { list-style-type: none; padding-left: 37px; font-weight: 500; font-size: 1.0625em; color: var(--blue); -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .services-list li { cursor: pointer; margin-bottom: var(--space--5); } .services-list li .icon { display :none; cursor: pointer; stroke: var(--blue); fill: none; margin-left: -37px; margin-bottom: -1px; margin-right: 15.6666667px; } .services-list li .checkbox.checked .icon { display: inline; } .services .show-hide { } .services .show-hide-member svg { transition: 0.2s transform; } .services .show-hide-member svg use {stroke: var(--blue-5);} .services .show-hide-member.open svg { transform: rotate(180deg); } h3.member { font-size: 1.125em; margin: 0; position: relative; font-family: var(--font-text); font-weight: 500; color: var(--dark-grey); } h3.member span.member-name { font-size: 0.8em; font-weight: 400; } .member-details .member-logo-container { height: 140px; padding: 3px; } .member-details .member-logo-container {position:relative;width: 140px;} .member-details .member-logo-container:before, .member-details .member-logo-container:after, .member-details .member-logo-container>:first-child:before, .member-details .member-logo-container>:first-child:after {content: ' '; position:absolute; width:24px; height: 24px; border-color:var(--grey-10); border-style:solid; } .member-details .member-logo-container:before {top:0;left:0;border-width: 1pt 0 0 1px} .member-details .member-logo-container:after {top:0;right:0;border-width: 1pt 1pt 0 0} .member-details .member-logo-container>:first-child:before {bottom:0;right:0;border-width: 0 1pt 1pt 0} .member-details .member-logo-container>:first-child:after {bottom:0;left:0;border-width: 0 0 1pt 1pt} ul.services-list-member { font-weight: 500; color: var(--blue); } .small-heading-with-rule::before { content: " "; display: block; position: relative; width: 100%; border-top: 1px solid var(--grey-10); top: var(--space-4); } .line-left { } .line-left::before { content: " "; display: block; position: absolute; left: 16px; height: calc(100% + var(--space-5) + var(--space-5)); border-left: 1px solid var(--grey-10); top: calc(0px - var(--space-5));} .border-left-white::before { border-left-color: white;} /* Search */ .search-input { font-size: 26px; } /* Member Profile */ .member-profile h2 { margin: 0; padding: 0; } .member-profile .profile-img { margin-top:var(--space--2);} .profile-img { overflow: hidden; padding: 0; width: 100%; } .profile-img img { width: 100%; height: auto; } .profile-img span { width: 50%; padding-top: 50%; display: block; float: left; position: relative; overflow: hidden; } .profile-img .profile-logo img.portrait { width: auto; height: 100%; } .profile-img .profile-photo img { } .profile-img img.portrait { width :100%; height: auto; } .profile-img img.landscape { margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .profile-img img.square { margin: 0; vertical-align: top; } .member-photo-grid img { width: 100%; height: auto; } .member-photo-grid { } .member-photo-grid .grid-inner { margin-right: -5%; } .member-box { } .member-box .profile-photo { width: 100%; height: auto; display: block; position: relative; overflow: hidden; background: #eee;} .member-box .profile-photo a { width: 100%; display: block;} .member-box .profile-photo a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width :auto; height: 100%; margin: auto; max-width: none; } .member-box .profile-photo a img.portrait { width :100%; height: auto; } .member-box .profile-photo a img.landscape { margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .member-box .profile-photo a span { width: 100%; padding-top: 100%; display: block; position: relative; box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.3) inset;-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.3) inset;-moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.3) inset;} .member-box .profile-photo .badge { position: absolute; bottom:4px; left:4px; } .member-box .profile-photo.no-img {background: none;} .member-box .profile-photo.no-img a span { box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;} .badge { font-size: 12px; font-weight: normal; line-height: 1em; color:#fff; display: inline-block; text-align: center; } .badge span { width: 26px; padding: 5px 0px; margin-top:3px; display: block; } .badge .life { border: 1pt solid #ffffff; color: #ffffff; /*color: #beddff; background: #659ad6; background: -moz-linear-gradient(199deg, #659ad6 0%, #2e3192 100%); background: -webkit-linear-gradient(199deg, #659ad6 0%,#2e3192 100%); background: linear-gradient(199deg, #659ad6 0%,#2e3192 100%);*/ } .badge .fellow { border: 1pt solid #ffda61; color: #ffda61; /*background-image: -moz-linear-gradient(199deg, #ffda61, #ac811b); background-image: -ms-linear-gradient(199deg, #ffda61, #ac811b); background-image: -o-linear-gradient(199deg, #ffda61, #ac811b); background-image: -webkit-linear-gradient(199deg, #ffda61, #ac811b); background-image: linear-gradient(199deg, #ffda61, #ac811b); background-color: #c99d3e;*/ } .badge .honorary { border: 1pt solid #ffffff; color: #ffffff; /*background: #757575; background: -moz-linear-gradient(45deg, #757575 0%, #d6d6d6 100%); background: -webkit-linear-gradient(45deg, #757575 0%,#d6d6d6 100%); background: linear-gradient(45deg, #757575 0%,#d6d6d6 100%);*/ } .badge .fellow { } .badge .retired { } .member-box .member-name { text-align: left; width :100%; padding: 0 0 1em 0; /*height:5em; max-height: 5em;*/} .member-box .member-name h2 { font-size: 1em; margin-bottom: 0.1em; padding-bottom: 0;} .member-box .member-name p { font-size: 0.8em; margin: 0; padding: 0;height:3em; max-height: 3em; overflow: hidden;} /* Helper classes */ .ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;} .ir:before {content: "";display: block;width: 0;height: 150%;} .hidden {display: none !important;visibility: hidden;} .visually-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .visually-hidden.focusable:active,.visually-hidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;} .invisible {visibility: hidden;} .clearfix:before,.clearfix:after {content: " ";display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .flex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex.column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex.align-center, .align-center .flex { -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .flex .stretch { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* Media Queries */ @media only screen and (max-width: 479px) { /* sm - Mobile */ .mobile-hidden, .xs-hidden { display: none; } .slide.bg-mobile-pos-left {background-position: 10% 50%; } .slide.bg-mobile-pos-right {background-position: 90% 50%; } .slide.bg-mobile-pos-mid-left {background-position: 33% 50%; } .slide.bg-mobile-pos-mid-right {background-position: 75% 50%; } } @media only screen and (min-width: 480px) { /* sm - Mobile landscape */ /* Layout */ main { padding: var(--space-2); } /* Grid */ .col-full-width { padding: var(--space-3) var(--space--0); margin: 0 calc(0px - var(--space-2)); } /* Helpers */ .mobile-hidden, .xs-hidden { display: block; } .mobile-hidden.inline { display: inline; } .mobile-landscape-hidden, .sm-hidden { display: none; } /*#login-links { position: absolute; top: auto; bottom: 0; right: 0; width: 34.5%; height: 40px; font-size: 0.9em; } #login-links::before { content: ''; height: 40px; width: 40px; background-color: #272a7d; position: absolute; top: 0; left: 0px; -webkit-transform: skewX(-45deg); -webkit-transform-origin: 0 0;transform: skewX(-45deg); transform-origin: top;}*/ #social { /*width: 116px; border: 1px solid #ccc;*/} .login-form { } .login-form .inner { max-width: 320px; margin-left: auto; margin-right: auto; } .login-form label { display: none; } a.login-button { } a.login-button.open { } .input-header { } .input-header.password { } #nav-toggle { } #nav a { } .cycle-slideshow { height: calc(100vh - var(--header-height-mobile)); } .slide h2 { } .panel { width: 75%; padding-right: 0;} .panel a span { display: inline; } .video-embed-container.img::after { width :50px; height: 50px;} } @media only screen and (max-width: 767px) { /* sm - Mobile and Mobile landscape */ /* Layout */ .align-right { float: none; margin-left: auto; margin-top: 1em;} .page-title .img.no-img { padding-top:0; margin-top:1px!important; } .page-title.event .no-img h1 { margin-right: var(--space-2); } /* Forms */ button { margin-top: 1em; } button.inline { margin-top: 1em; } p button:first-child { margin-top: 0;} .mobile-no-border::before, .mobile-no-border::after, .mobile-no-border { border: 0; } } @media only screen and (min-width: 768px) { /* md - Tablet */ .mobile-landscape-hidden, .sm-hidden { display: block; } /* Layout */ .boxed { padding: var(--space-2);} .align-right { float:right; margin-left: 1em; margin-top: 0; text-align: right; } .align-left { float:left; margin-right: 1em; margin-top: 0; text-align: right; } /* Grid */ .col-full-width { padding: var(--space-3) calc(var(--space-4) - 16px); margin: 0 calc(0px - var(--space-4)); } /* Header */ .header {height: var(--header-height-tablet); padding: var(--header-space-tablet)!important; } .header img.logo { height: calc(var(--header-height-tablet) - calc(var(--header-space-tablet) * 2)); } /* Forms */ button, input[type="submit"], input[type="button"] { padding: 1.25em 3em; width: auto; } a.button, a.button:link, a.button:visited, a.button-members, a.button-members:link, a.button-members:visited { padding: 1.25em 3em; } a.button-small, a.button-small:link, a.button-small:visited { padding: 1em 1.5em;} a.button-small.button-outline, a.button-small.button-outline:link, a.button-small.button-outline:visited { padding: calc(1em - 1pt) calc(1.5em - 1pt)} a.button-small.button-outline.button-members:hover { padding: 1em 1.5em!important; border:0!important; } button, input.button, input.button-members, a.button, a.button:link, a.button:visited, a.button-members, a.button-members:link, a.button-members:visited { width: auto; } /* Helpers */ .mobile-hidden, .mobile-landscape-hidden, .sm-hidden { display: block; } .mobile-hidden.inline, .mobile-landscape-hidden.inline, .sm-hidden.inline { display: inline; } .tablet-hidden, .md-hidden { display: none; } body { } #header { } .home #header { margin-bottom: 0;} #login-links { } #login-links p.welcome { display: inline-block; } .login-form .button-members {} .input-header { } .input-header.password { } a.lost-password { } #nav-toggle, .nav-mobile, .nav-mobile.social-icons {display: none;} .nav-desktop { display: inline-block;} #nav { position: absolute; top: 0; right: var(--space--3);left: auto; width: calc(100% - 253px); border-bottom: 0; height: var(--header-height-tablet); text-align: right; display: flex!important; flex-direction: column; justify-content: center; } #nav::before { content: " "; display: table; width: 100%; border-top: 1px solid #eee; top: 50%; position: relative; } #nav ul { background: transparent; float: right } #nav li { float: left; width: auto;border: 0; } #nav a { color: var(--blue); font-size: 0.75em; line-height: 24px; cursor: pointer; _min-height: 2.75em; padding: var(--space--2) var(--space--2); } #nav a.on { background: transparent; color: var(--blue); } #nav a.on::after { content:" "; display :block; position: relative; width :100%; border-bottom: 3px solid var(--blue); margin-bottom: -3px; } #nav li ul a.on { background: transparent; color: var(--blue); } #nav li ul a.on:hover { color: white; } #nav li ul a.on::after { content: none; border: 0; } #nav ul.social-icons a { font-size: 24px; } #nav li ul li { width: 100%; margin-right: 0;margin-left: 0; border-left: 0; border-top: 0; border-bottom: 0; } #nav li ul { display :none; position: absolute; width: 100%; max-width: 250px; left: -999em; z-index: 3; padding-bottom: 6px; } #nav li ul a { text-align: left; min-height: auto; padding: var(--space--4) var(--space--2); text-transform: none; border-top: 1px solid var(--grey-10); background: white; } #nav li ul a:hover { background-image: none; background-color: var(--blue); border-top: 1px solid var(--blue);} #nav li ul li:last-child a { border-bottom: 1px solid var(--grey-10); } #nav li ul li:last-child a:hover { border-bottom: 1px solid var(--blue); } #nav li:hover ul, #nav li:active ul, #nav li:focus ul, #nav li ul:hover { left: auto; margin: 0; display: block; } #nav > li:hover ul { display: block; } #nav > li > a:hover { color: #fff; } /* This is for ipad touch hover first tap */ #nav a span.br { display: block; } #nav li.nav-home { display: none; } #nav li.nav-building-inspections, #nav li.nav-choosing-a-building-consultant { position:relative; } #nav li.nav-building-inspections ul, #nav li.nav-choosing-a-building-consultant ul { max-width: none; } ul.nav-desktop.social-icons {line-height: 24px;} .page-title { background-size: 60%; } .page-title .img img { margin-top: calc(0px - var(--space-3) - 11px); } .page-title.img-align-to-guide .img img { margin-top: var(--space--2); } .page-title .img.no-img { height: 100%; border-left: 1px solid var(--grey-10); border-right: 1px solid var(--grey-10); } .page-title .img.no-img .date-box { left: 0; } .events-list .no-img .date-box { top: 50%; transform: translate(-50%, -50%); left: 50%;} /*#footer { display: table; }*/ /*#footer .col { display: table-cell; float: none; padding: 0 20px; }*/ .cycle-slideshow { height: calc(100vh - var(--header-height-tablet)); font-size: 1em; z-index: 0; } .panel {padding-right:0;} .panel .panel-inner { top: 50%; } .slide h2 { } .slide h2, .slide p { width: 65%;} .slide p { display: block; } .slide a.button { } .slide.inset-img .panel {width: 75%;} .slide.inset-img .panel-inner { } .slide.inset-img .panel img { width: 50%; transform: translateY(-50%); position: absolute; right: 0; top: 50%;} .slide.inset-img h2, .slide.inset-img p { width: 40%;} .slide.inset-img .panel .date-box { width: 116px; height: 116px; padding: 21px; transform: translateY(-50%) translateX(50%); position: absolute; right: 50%; float: none; margin:auto; } .date-box .day { font-size: 48px; line-height: 48px; } .date-box .month { font-size: 21px; line-height: 21px; } .panel span.small-screen-hide { display: inline; } p.right-button { margin-top: -1.4em; } p.right-button-top { position: absolute; right: 20px; top: 16px; } .member-profile { } .member-profile h1 { margin: 0 0 0.2em 0; } .profile-img { width: 100%; } .profile-img span { } .profile-img .profile-photo img.landscape { width: auto; height: 100%;} .member-photo-grid .grid-inner { margin-right: -3%; } .member-box { } .tech-hub-graphic-col { min-height:289px; } .tech-hub-graphic-col a.button {display: block; width: 100%!important; position: relative; right: 0; top: 50%; transform: translateY(-50%); background: #fff!important;} .tech-hub-graphic { position: absolute; top: var(--space--2); right: var(--space--2); width: 274px; height :274px; background-size: 100% 100%; background: url(/images/tech-hub.svg) no-repeat 0 0; border-right: 1px solid var(--grey-10); } } @media only screen and (min-width: 992px) { /* lg - Tablet landscape */ .tablet-hidden, .md-hidden { display: block; } .tablet-hidden.inline, .md-hidden.inline { display: inline; } .tablet-landscape-hidden, .lg-hidden { display: none; } #container { } #header { height: var(--header-height-tablet); } #login-links { width: 38.6%; height: 40px; } .login-form { } .login-form .input-header { } .login-form .input-header.password { } .login-form .button-members { } a.lost-password span { } #social { top: 16px; right: 15px; } #nav, #nav2 { } #nav li { display: inline-block; margin-right: -4px; float: none; } #nav ul.social-icons li { margin-right: -4px!important;} #nav li.nav-mobile { display: none; } #nav li.end { } h1 { font-size: 2em;} .cycle-slideshow { height: calc(90vh - var(--header-height-tablet)); } @media (max-aspect-ratio: 3/2) {.cycle-slideshow { height: calc(90vh - var(--header-height-tablet));} } .slide h2 { font-size: 2.5em; line-height: 0.875;} .slide h2, .slide p { width: 40%;} .slide a.button { } .container-content { _max-width: 1180px; } .container-content.full-width, .container.full-width { max-width: none; } .container-end { _max-width: 1180px; height: 0px; } #footer { padding: var(--space-4) 0; } #footer .col.abc-mark { padding-bottom: var(--space-3);} #footer ul.social-icons { margin-top: var(--space-3);} #footer .inner::after { margin-bottom: calc(0px - var(--space-4)); } .page-title { background-size: 40%; } /*.col, .col-1x1, .col-1x2, .col-1x2_5, .col-1x3, .col-1x4, .col-1x5, .col-1x7 { float: left; width: 230px; padding: 20px; background-position: 269px 0; } .col-1x1 { width: 95px; background-position: 94px 0; } .col-1x2_5 { width: 297.5px; background-position: 336px 0; } .col-1x3 { width: 365px; background-position: 404px 0; } .col-1x4 { width: 500px; background-position: 539px 0; } .col-1x5 { width: 635px; background-position: 674px 0; } .col-1x7 { width: 905px; background: none; } .last-col { background: none; } .col-divider-5 { width: 675px; clear: none; float: left; }*/ .layout-col { min-height: 14em; } .layout-col-header { min-height: 95px; } /*.input-col, .input-col-2, .input-col-3, .input-col-5, .input-col-7 { width: 135px; margin-bottom: 0.3em; margin-top: 0.2em; } .input-col-2 { width: 230px; } .input-col-3 { width: 370px; } .input-col-5 { width: 700px; } .input-col-7 { width: 895px; }*/ span.input-col-2 { padding-top: 0.3em; display: inline-block;} /*div.col label, div.col-1x7 label, span.label { width: 85px; display: block; float: left; clear: left; padding-top: 0.3em; margin-bottom: 0.3em; }*/ /*div.col-1x4 label { width: 105px; } div.col-1x5 label { width: 185px; } div.col-1x7 label { width: 185px; }*/ span.label { width: 185px; padding-top: 0; margin-bottom: 0; } span.form-note { display: inline; padding-left: 1em; margin-bottom: 0.3em; font-size: 1em; } span.form-note.indent { padding-left: 184px; display: block; } div.col-1x7 label.label-auto { width: auto; padding-right: 1em; padding-top: 0.1em; margin-bottom: 0.5em; } /*div.col-1x7 label.label-col-4 { width: 520px;} div.col-1x7 label.label-col-7 { width: 845px; }*/ /*.form-col-1, .form-col-2 { width: 500px; float: left; } .form-col-2 { width: 385px; }*/ div.col-1x7 #cke_MemberDescription { margin: 0 0 0.5em 185px; } .video-embed-container.img::after { width :60px; height: 60px;} } @media only screen and (min-width: 1077px) { #nav::before { content : none; } } @media only screen and (min-width: 1160px) { #nav li.nav-home { display: inline-block; } } @media only screen and (min-width: 1300px) { /* xl - Desktop */ #header { height: var(--header-height-desktop); padding: 0 var(--space); } #nav { height: var(--header-height-desktop); padding: 0 var(--space); } @media (max-aspect-ratio: 3/2) {.cycle-slideshow { height: calc(90vh - var(--header-height-desktop)); margin-bottom: -10vh;} } .login-form { top: var(--header-height-desktop); } .login-form .inner { height: calc(100vh - var(--header-height-desktop) - var(--space-2) - 2px); } h1 { font-size: 2.5em;} .slide h2 { font-size: 3em; line-height: 0.875;} .page-title { background-size: 40%; } /* Grid */ .col-full-width { margin: 0 calc(0px - var(--space-5)); } /* Footer */ .footer .contact-numbers p, .footer .social-media { text-align: left; } .footer ul.social { margin-left: -10px; margin-top: -7px;} /* Helpers */ .tablet-landscape-hidden, .lg-hidden { display: block; } .tablet-landscape-hidden.inline, .md-hidden.inline, .lg-hidden.inline { display: inline; } .desktop-hidden, .xl-hidden { display: none; } .video-embed-container.img::after { width :75px; height: 75px;} } @media only screen and (min-width: 1600px) { /* xxl - Large desktop */ #nav a { font-size: 1em; } @media (max-aspect-ratio: 8/5) {.cycle-slideshow { height: calc(80vh - var(--header-height-desktop)); margin-bottom: -10vh;} } .cycle-slideshow { height: calc(90vh - var(--header-height-desktop));} h1 { font-size: 3em;} .slide h2 { font-size: 3.6em; line-height: 0.875;} .page-title { background-size: 35%; } /* Grid */ .col-full-width { margin: 0 -280px;} /* Helpers */ .desktop-hidden, .xl-hidden { display: block; } .dessktop-hidden.inline, .xl-hidden.inline { display: inline; } .desktop-large-hidden, .xxl-hidden { display: none; } } @media only screen and (min-width: 1860px) { .slide.inset-img .inner::after { display: block; width: 75%; left: 12.5%; height: 10vh; top: calc(100% - 10vh); } } @media only screen and (min-width: 1980px) { /* XLarge desktop */ @media (max-aspect-ratio: 22/8) {.cycle-slideshow { height: calc(80vh - var(--header-height-desktop)); margin-bottom: -10vh;} } .cycle-slideshow { height: calc(90vh - var(--header-height-desktop)); } .page-title { background-size: 30%; } } /* Print styles */ @media print { * {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;} a,a:visited {text-decoration: underline;} /* Don't show links for images, or javascript/internal links */ .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";} pre,blockquote {border: 1px solid #999; break-inside: avoid; page-break-inside: avoid;} thead {display: table-header-group; /* h5bp.com/t */} tr,h2,h3,img,.member-box,.profile-photo {display: block; position: relative; break-inside: avoid; page-break-inside: avoid;page-break-before: auto; page-break-after: auto; } /*img {max-width: 100% !important; height:auto;}*/ @page {margin: 0.5cm;} p,h2,h3 {orphans: 3;widows: 3;} h2,h3 {page-break-after: avoid;} h2,h3,img { display: block; position: relative; page-break-inside: avoid; break-inside: avoid; page-break-before: auto; page-break-after: auto; } }