/* Theme Name: Open Up Theme URI: https://www.openup.org.uk Author: Drive Creative Studio Author URI: https://www.drivecreativestudio.co.uk Description: Wordpress theme for Open Up Text Domain: dcs Version: 1.015 */ /* Resets */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /* Preloader */ .preloader { display: block; width: 100%; height: 100%; background-color: #5d0096; position: fixed; top: 0px; z-index: 9999; } .preloader__inner { display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; z-index: 1; } .preloader, .preloader__inner { -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); } .preloader.rsg { height: 0; } .preloader__inner.rsg { transform: translate3d(0, -100%, 0); transform-style: preserve-3d; } .preloader__inner--img { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(/wp-content/themes/openup/assets/images/loading-spinnr-drk.png); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; } .trans-child-go .trans-go, .hero .trans-child-go .bg, .hero .trans-child-go .trans-yit { opacity: 0; } /* Structure / Grid */ .section { padding: 60px 0; width: 100%; position: relative; } .container, .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:after, .row:after { clear: both; content: ""; display: table; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } @media (min-width: 1400px) { .container { max-width: 1270px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .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-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%} .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%} .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%} .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%} .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} } .flex-row { -ms-flex-direction: row!important; flex-direction: row!important} .flex-column { -ms-flex-direction: column!important; flex-direction: column!important} .flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important} .flex-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important} .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important} .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important} .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important} .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important} .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important} .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important} .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important} .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important} .justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important} .justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important} .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important} .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important} .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important} .align-items-start { -ms-flex-align: start!important; align-items: flex-start!important} .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important} .align-items-center { -ms-flex-align: center!important; align-items: center!important} .align-items-baseline { -ms-flex-align: baseline!important; align-items: baseline!important} .align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important} .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important} .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important} .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important} .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important} .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important} .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important} .align-self-auto { -ms-flex-item-align: auto!important; align-self: auto!important} .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important} .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important} .align-self-center { -ms-flex-item-align: center!important; align-self: center!important} .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important} .align-self-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important} /* Generic */ html { height: 100%; } *, ::after, ::before { box-sizing: border-box; } body { width: 100%; background: #d2d2d2; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-size: 1.25rem; font-weight: 400; font-style: normal; line-height: 1.6; color: #000; text-align: left; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; position: relative; } .wrap { width: 100%; /*max-width: 2200px;*/ margin: 0 auto; background: #fff; border: 0; position: relative; overflow: hidden; } h1, h2, h3, h4, h5, h6 { margin: 0 0 1.5rem; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 1.6; color: #5d0096; } h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2rem; } h4 { font-size: 1.75rem; } h5 { font-size: 1.5rem; } h6 { font-size: 1.25rem; } a { color: #5c0096; text-decoration: none; word-wrap: break-word; } a:hover, a:focus { text-decoration: none; } a, a:active, button, button:active, input { outline: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; } p { margin: 0 0 1.5rem; } em, cite, i { font-style: italic; } mark { padding: .2rem; background-color: #fcf8e3; } pre { margin: 0 0 3rem; overflow: auto; } code { display: inline-block; background: #f7f7f7; border: 1px solid #eee; color: #e83e8c; font-size: 90%; margin: 0; padding: 1rem 1.5rem; white-space: nowrap; word-break: break-word; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #222; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } dfn, abbr { border-bottom: 0.1rem dotted #d3d3d3; cursor: default; } hr { margin-top: 3rem; margin-bottom: 3.5rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); } ul, ol, dl { padding: 0; margin: 0 0 3rem; } ul { list-style: disc inside; } ol { list-style: decimal inside; } ul ul, ul ol { margin: 1rem 0 1rem 2rem; font-size: 95%; } ol ol, ol ul { margin: 1rem 0 1rem 2rem; font-size: 95%; } ul li, ol li { line-height: 1.2; margin: 5px 0 12px; } dt { font-weight: 600; } dd { margin: 0; padding: 0 0 1.5em; } dd:last-child { padding: 0; } img, video, figure img { display: table; max-width: 100%; height: auto; vertical-align: top; margin: 0 0 3rem; } figure, .wp-caption { max-width: 100%; margin: 0 0 3rem; } figure img, .wp-caption img { margin: 0; } caption, figcaption, .wp-caption .wp-caption-text { font-size: 0.9375rem; font-weight: 600; color: #777; background-color: #f2f2f2; padding: 0.875rem 1.25rem 1.1875rem; margin: 0; } blockquote { display: block; background: #fff; padding: 1.5rem 2rem 1.5rem; margin: 2rem 0; position: relative; border-left: 10px solid #222; } blockquote, blockquote p { font-size: 1.125rem; font-weight: 600; font-style: italic; line-height: 1.7; color: #222; } blockquote p:last-of-type { margin-bottom: 0; } blockquote cite { font-weight: 400; } q:before { content: "'"; } q:after { content: "'"; } q > q { font-style: italic; } .table--responsive { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; } table { border-collapse: collapse; border-color: gray; border-spacing: 2px; max-width: 100%; width: 100%; margin: 0 0 3rem; } table thead th { vertical-align: bottom; border-bottom: 1px solid #d3d3d3; } table th, table td { padding: 1rem; vertical-align: top; border-top: 1px solid #ccc; } table th, table tfoot td { font-weight: 700; text-align: left; } table td { border-bottom: 1px solid #d3d3d3; padding: 1rem; text-align: left; vertical-align: top; } .table--striped thead th { background-color: #e7e7e7; } .table--striped tbody > tr:nth-child(even) > td { background-color: #fcfcfc; } .btn, .button, [type="submit"], [type="reset"], [type="button"], button { background-color: transparent; border-radius: 0; border: 1px solid #d3d3d3; color: #222; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: normal; height: 48px; line-height: 48px; letter-spacing: 0.02rem; margin-bottom: 1.5rem; padding: 0 2rem; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: top; text-transform: uppercase; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .btn:focus, [type="submit"]:focus, [type="reset"]:focus, [type="button"]:focus, .btn:hover, [type="submit"]:hover, [type="reset"]:hover, [type="button"]:hover, button:focus, button:hover { color: #7e7e7e; border-color: lightgray; outline: 0; } .btn:active, [type="submit"]:active, [type="reset"]:active, [type="button"]:active, button:active { background-color: #f7f7f7; } .btn:hover, .btn:focus, .btn:active, button:hover, button:focus, button:active { background-color: transparent; } fieldset { margin: 0; padding: .35em 0 .75em; border: 0; } legend { display: block; width: 100%; padding: .3em 0; margin-bottom: .5em; color: #222; border-bottom: 1px solid #d3d3d3; font-weight: 700; text-transform: uppercase; } label { display: inline-block; margin: .5em 0; } input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea, input:not([type]) { display: block; width: 100%; height: 51px; margin: 0 0 1rem; padding: .5em 1em; border: 1px solid #d3d3d3; border-radius: 0; vertical-align: middle; } textarea { min-height: 184px; padding: 0.875rem 1rem; overflow: auto; resize: vertical; } input:focus, select:focus, textarea:focus { outline: 0; border-color: #dcdcdc; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.05); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.05); } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { outline: thin solid #129fea; outline: 1px auto #129fea; } input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; } input[readonly], select[readonly], textarea[readonly] { background-color: #eee; color: #777; border-color: #ccc; } input:focus:invalid, select:focus:invalid, textarea:focus:invalid { color: #b94a48; border-color: #e9322d; } input[type=checkbox]:focus:invalid:focus, input[type=file]:focus:invalid:focus, input[type=radio]:focus:invalid:focus { outline-color: #e9322d; } input[type=file] { height: auto; min-height: 51px; } select[multiple] { height: auto; } input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } form ::-webkit-input-placeholder { color: #6b6b6b; opacity: 0.5 !important; } form :-moz-placeholder { color: #6b6b6b; opacity: 0.5 !important; } form ::-moz-placeholder { color: #6b6b6b; opacity: 0.5 !important; } form :-ms-input-placeholder { color: #6b6b6b; opacity: 0.5 !important; } /* Hero */ .hero { height: 100%; min-height: 0; padding: 0; margin: 0; } .hero .container-fluid, .hero .container, .hero .row { height: 100%; } .hero .slides { width: 100%; height: 100%; } .hero .slide { width: 100%; height: 100%; position: relative; vertical-align: top; } .hero .slide .container { position: absolute; left: 0; right: 0; z-index: 4; } .hero .slide__txtbx { position: absolute; text-align: center; left: 0; right: 0; } .hero .bg { width: 100%; height: 100%; vertical-align: top; object-fit: cover; margin: 0; } .hero--pg, .hero--pg .bg { height: 100vh; } /* Nav Menu */ .main-nav { position: relative; z-index: 8; } .main-nav__inner { width: 100%; padding: 0 15px; } .main-nav__logo { display: inline-block; } .main-nav__navbar { list-style: none; } .main-nav__list, .sub-nav__list, .mbl-nav__list { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; list-style: none; padding: 0; margin: 0; position: relative; } .main-nav__item, .sub-nav__item, .mbl-nav__item { display: block; padding: 0; margin: 0; } .main-nav__link, .sub-nav__link, .mbl-nav__link { padding: 0.75rem 1rem; position: relative; backface-visibility: hidden; } .main-nav__submenu, .sub-nav__submenu { opacity: 0; visibility: hidden; width: 100%; list-style: none; margin: 0; height: auto; position: absolute; left: 0; top: 100%; padding: 1.5rem 1rem; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; pointer-events: none; z-index: 4; } .main-nav__item--parent:hover > .main-nav__submenu, .sub-nav__item--parent:hover > .sub-nav__submenu { opacity: 1; visibility: visible; transition-delay: 0s; pointer-events: auto; } .main-nav__submenu .main-nav__link { display: inline-block; padding: 8px 0; position: relative; } .hdrplchldr { display: block; width: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0); z-index: -1; } .hdrplchldr.go-go-fllr { position: relative; top: 0; } @media (min-width: 1200px) { .hdrplchldr { display: block; } } .main-nav__inner.is-scrolling { position: fixed; left: 0; right: 0; top: 0; margin: 0 auto; } .hamburger { display: inline-block; outline: none !important; padding: 4px 0 0; margin: 0; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; overflow: visible; } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 4px; background-color: #5d0096; border-radius: 0; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -9px; } .hamburger-inner::after { bottom: -9px; } .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner, .hamburger--squeeze.is-active .hamburger-inner::before, .hamburger--squeeze.is-active .hamburger-inner::after { background: #5d0096; } /* Modal */ .modal { display: none; position: fixed; z-index: 909; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); } .modal--loading { background-image: url(/wp-content/themes/openup/assets/images/loading-spinnr-wht.png); background-repeat: no-repeat; background-position: center center; } .modal__content { display: none; max-width: 800px; max-height: 90vh; position: relative; background-color: #fff; margin: 0 auto; padding: 0; border: 1px solid #d3d3d3; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } .modal--on, .modal__content.modal--on { display: block; } .modal__close { color: #222; font-size: 28px; font-weight: bold; position: absolute; right: 18px; top: 5px; } .modal__close:hover, .modal__close:focus { color: black; text-decoration: none; cursor: pointer; opacity: 0.7; } .modal__inner { display: block; width: 100%; height: 100%; max-height: 90vh; padding: 5rem 2.5rem 2.5rem; overflow: auto; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 50%; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 50%; opacity: 1; } } /* Cards */ .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: none; } .card__img { flex: 0 1 auto; width: 100%; } .card__img a { display: block; } .card__img img { width: 100%; margin: 0 0 10px; } .card__body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.5rem; } @media (min-width: 480px) { .card--row { -ms-flex-direction: row !important; flex-direction: row !important; } .card--row .card__img { width: auto; flex: 0 0 auto; } } /* Utilities */ .bg-white { background-color: #fff !important; } .bg-offwht { background-color: #f3f6f9; } .bg-transparent { background-color: transparent !important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 1rem !important; } .mb-2 { margin-bottom: 2rem !important; } .w-100 { width: 100% !important; } .img-fluid { max-width: 100%; height: auto; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .clearfix::after { display: block; clear: both; content: ""; } .disabled { cursor: default; opacity: .5; pointer-events: none; } .hide-text { overflow: hidden; padding: 0; text-indent: 101%; white-space: nowrap; } .hdit, .visually-hidden, .hddn, .no-show { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ta-left { text-align: left; } .ta-center { text-align: center; } .ta-right { text-align: right; } .t-upper { text-transform: uppercase; } .bxshdwd { box-shadow: 0px 1px 18px 0px rgba(97, 97, 97, 0.2); } .addbrdr { border-radius: 12px; } .nobrdr { border: none; } .padme { padding: 4px 20px 10px; } .nopddng { padding: 0 !important; } .p-88 { padding: 88px 0 64px; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pb-80 { padding-bottom: 80px !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pr-0 { padding-right: 0; } .px-0 { padding-left: 0; padding-right: 0; } .px-30 { padding-left: 30px; padding-right: 30px; } .pull-up { margin-top: -60px; } .p--lrg { font-size: 1.313rem; line-height: 1.4; } .cntrvrt { position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .qm { font-family: Helvetica, Arial, "sans-serif"; font-size: 94%; } .cr { font-family: Helvetica, Arial, "sans-serif"; font-size: 33%; position: relative; top: -12px; } .no-scroll { width: 100%; } .no-scroll-mdl { width: 100%; height: 100%; overflow: hidden; } .bg-lpurple { background-color: #8345ba; } .bg-purple { background-color: #5d0096; } .bg-lprplwht { background-color: #faefff; } .bg-pink { background-color: #ff4387; } .bg-lblue { background-color: #e9f5ff; } .bg-blue { background-color: #2e97dd; } .bg-purple-w-shape { background: #5d0096 url(/wp-content/themes/openup/assets/images/open-up-bg-purple-w-shape.png) center top no-repeat; background-size: contain; } .bg-lblue-w-shapes { background: #5d0096 url(/wp-content/themes/openup/assets/images/open-up-bg-lblue-w-shapes.png) center top no-repeat; background-size: cover; } .go-purple { color: #5d0096; } @media (min-width: 576px) { .d-sm-none { display: none!important} .d-sm-flex { display: -ms-flexbox!important; display: flex!important} } @media (min-width: 768px) { .d-md-none { display: none!important} .d-md-flex { display: -ms-flexbox!important; display: flex!important} } @media (min-width: 992px) { .d-lg-none { display: none!important} .d-lg-flex { display: -ms-flexbox!important; display: flex!important} } @media (min-width: 1200px) { .d-xl-none { display: none!important} .d-xl-flex { display: -ms-flexbox!important; display: flex!important} } /* Print */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } @page { margin: 0.5cm; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .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 { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Splide */ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} .splide__pagination { bottom: -40px; } .splide__pagination__page { background: #faefff; border: 3px solid #5d0096; height: 14px; margin: 6px; opacity: 1; width: 14px; } .splide__pagination__page.is-active { background: #5d0096; transform: none; } .splide__pagination__page:hover { background: #5d0096; border: 3px solid #5d0096; opacity: .5; } .splide.is-focus-in .splide__pagination__page:focus { outline: 3px solid #5d0096; } .splide__arrow { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; border: none; padding: 0; margin: 0; height: 46px; width: 26px; background: none; } .splide__arrow svg { width: 26px; height: 46px; fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 5px; } .splide__arrow:hover { cursor: pointer; opacity: .9; } .splide__arrow:focus { outline: none; } .splide__arrow:active { background: none; } .splide__arrow--prev { left: 1em; } .splide__arrow--next { right: 1em; } .splide__arrow--prev { justify-content: flex-start; left: 65px; } .splide__arrow--next { justify-content: flex-end; right: 65px; } /* Offsets */ .offset-1 { margin-left: 8.333333%} .offset-2 { margin-left: 16.666667%} @media (min-width: 576px) { .offset-sm-1 { margin-left: 8.333333%} .offset-sm-2 { margin-left: 16.666667%} } @media (min-width: 768px) { .offset-md-1 { margin-left: 8.333333%} .offset-md-2 { margin-left: 16.666667%} } @media (min-width: 992px) { .offset-lg-1 { margin-left: 8.333333%} .offset-lg-2 { margin-left: 16.666667%} } @media (min-width: 1200px) { .offset-xl-1 { margin-left: 8.333333%} .offset-xl-2 { margin-left: 16.666667%} } /* Custom */ .container { max-width: 1270px; } .container-fluid { padding-left: 60px; padding-right: 60px; } .container-fluid--edge { padding-left: 0; padding-right: 0; } .form { position: relative; margin: 0 0 2rem; } .form--no-labels label { display: none; } form fieldset legend { font-size: 1.25rem; font-weight: 700; letter-spacing: 0.20px; text-transform: uppercase; border: none; } form label { display: block; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.18px; color: #5c0096; line-height: 1.4; margin: 0 0 14px; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { display: inline-block; background: #fff; border: 2px solid #5c0096; height: 48px; line-height: 48px; padding: 0 15px; width: 100%; max-width: 100%; font-size: 1.125rem; font-weight: 400; letter-spacing: 0.18px; color: #000; margin: 0 0 15px; outline: none; position: relative; } textarea { line-height: normal; padding: 10px 15px; min-height: 122px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border-color: #8345ba; } .form form { position: relative; padding: 0; margin: 0 auto; } .form .disabled { opacity: 0.2; } .form .go-msg { display: none; background: rgba(2, 165, 223,0.8); color: #fff; padding: 40px; font-size: 1.25rem; font-weight: 500; text-align: center; letter-spacing: 1.68px; position: absolute; left: 40px; right: 40px; top: 50%; transform: translateY(-50%); } .form .go-msg img { display: inline-block; margin: 0 10px 0 auto; } .form .go-msg a { color: #fff; border-bottom: 1px solid #fff; } .form .go-msg .btn { margin: 1.5rem auto 0; border-bottom: 2px solid #fff; } .form .screenReader { left: -9999px; position: absolute; top: -9999px; display:none; } .form .form-group, .wpcf7-form-control-wrap { margin: 0 0 25px; } .form .form-group input, .form .form-group textarea, .form .form-group select, .form .wpcf7-form-control { margin: 0; } .form .form-group.error input:not(.checkbox), .form .form-group.error textarea, .form .form-group.error select, .wpcf7-form span .wpcf7-not-valid { border: 2px solid #e90047; position: relative; background: #f9f9f9 url(/wp-content/themes/openup/assets/images/form-error-icon.svg) right 7px top 7px no-repeat; background-size: 15px 15px; } .form label.error { display: none; border: none; position: absolute; right: 9999em; text-indent: -9999em; } .wpcf7-form-control-wrap { display: block; margin-top: 14px; } .wpcf7-checkbox input, .wpcf7-radio input { position: absolute; visibility: hidden; margin: 0 15px 0 0; } .wpcf7-checkbox span.wpcf7-list-item, .wpcf7-radio span.wpcf7-list-item { margin: 0 20px 0 0; position: relative; } .wpcf7-checkbox span.wpcf7-list-item label, .wpcf7-radio span.wpcf7-list-item label { margin-bottom: 0; } .wpcf7-checkbox span.wpcf7-list-item-label, .wpcf7-radio span.wpcf7-list-item-label { display: inline-block; padding-left: 60px; padding-right: 15px; cursor: pointer; vertical-align: top; color: #000; font-weight: 400; text-transform: none; letter-spacing: 0; } .wpcf7-checkbox span.wpcf7-list-item-label:before, .wpcf7-radio span.wpcf7-list-item-label:before { content:""; display: block; position: absolute; width: 40px; height: 40px; border: 2px solid #5c0096; left: 0; top: 0; background: #fff; } .wpcf7-checkbox span.wpcf7-list-item-label:after, .wpcf7-radio span.wpcf7-list-item-label:after { position: absolute; content:""; background: #fff; width: 20px; height: 20px; left: 10px; top: 10px; transition: all 0.4s ease-out; } .wpcf7-checkbox input:checked + span.wpcf7-list-item-label:after, .wpcf7-radio input:checked + span.wpcf7-list-item-label:after { background: #8345ba; } .wpcf7-form span .wpcf7-checkbox.wpcf7-not-valid, .wpcf7-form span .wpcf7-radio.wpcf7-not-valid { border: none; background-color: #fff; } .wpcf7-form span .wpcf7-checkbox.wpcf7-not-valid span.wpcf7-list-item-label::before, .wpcf7-form span .wpcf7-checkbox.wpcf7-not-valid span.wpcf7-list-item-label::before { border: 2px solid #e90047; } .wpcf7-form span.wpcf7-not-valid-tip { display: none !important; } .wpcf7-form span.wpcf7-not-valid-tip::after { content: "\f158"; font: 26px/30px dashicons; color: #e84d5d; vertical-align: middle; z-index: 8; } .form .wpcf7-form .wpcf7-response-output, .frm-rspns { margin: 3rem 0 0; border-color: #5cdde2; font-weight: 700; text-align: center; padding: 15px; } .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ng, .frm-rspns, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #e84d5d; border: 0; padding: 10px 10px 10px 50px; background: #ffc4dc url(/wp-content/themes/openup/assets/images/form-error-icon.svg) left 15px top 12px no-repeat; background-size: 21px 21px; } .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok, .frm-rspns.frm-rspns-success { color: #4F8A10; border: 0; padding: 10px 10px 10px 50px; background: #DFF2BF url(/wp-content/themes/openup/assets/images/form-success-icon.svg) left 15px top 12px no-repeat; background-size: 27px 20px; } .frm-rspns.frm-rspns-error a { border-bottom: 1px solid #e84d5d; } .frm-msgmwrp, .frm-rspns { display: none; } .form label.error, .inpg-frm label.error:not(#cm-privacy-consent-error), #subForm label.error:not(#cm-privacy-consent-error) { display: none !important; } .form .form-control.error, .inpg-frm #subForm .form-control.error, #subForm .form-control.error { padding: 0.125rem 0.625rem; border: 2px solid #e84d5d; background: #fff url(/wp-content/themes/openup/assets/images/form-error-icon.svg) right 5px top 5px no-repeat; background-size: 21px 21px; } .wpcf7 .btn span .ajax-loader { background-image: url(/wp-content/themes/openup/assets/images/loading-spinnr-wht.png); background-size: 100% auto; position: absolute; right: 10px; top: 10px; } .screenReader { left: -9999px; position: absolute; top: -9999px; display: none; } .wpcf7-list-item > label { margin: 0; } .wpcf7-list-item-label { line-height: 40px; color: #000; font-weight: 400; } .col__form-checkbx .wpcf7-form-control-wrap { margin: 0; } .col__form-checkbx .wpcf7-list-item-label { line-height: 1.4; } .col__form-submit { display: flex; align-self: self-start; justify-content: flex-end; } .col__form-submit .wpcf7-spinner { position: absolute; top: 10px; margin: 0 38px; } .col__form-privacy { margin-top: 30px; } .col__form-privacy p { line-height: 1.2; font-size: 1rem; border-top: 1px solid #555; padding-top: 20px; } blockquote { background: none; padding: 0; margin: 0 0 2rem; position: relative; border-left: none; font-weight: normal; font-style: normal; } blockquote p { font-weight: normal; font-style: normal; line-height: 1.2; color: #282828; } .btn, input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; height: auto; line-height: 1.2; padding: 0.5rem 1rem; min-width: 88px; min-height: 48px; background-color: #5d0096; color: #fff; border: 2px solid #5d0096; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.18px; text-transform: none; } .btn:hover, .btn:focus, .btn:active, [type="submit"]:hover, [type="submit"]:focus, [type="submit"]:active { background-color: #fff; color: #5d0096; border-color: #5d0096; box-shadow: -4px 4px #5d0096; } .btn--white { background-color: #fff; border: 2px solid #fff; color: #5d0096; } .btn--white:hover, .btn--white:focus, .btn--white:active { background-color: #5d0096; color: #fff; border-color: #fff; box-shadow: -4px 4px #fff; } .btn--pink { background-color: #ff4387; border: 2px solid #ff4387; } .btn--pink:hover, .btn--pink:focus, .btn--pink:active { background-color: #fff; color: #ff4387; border-color: #ff4387; } .btn--outline { background-color: transparent; border: 2px solid #5d0096; color: #5d0096; } .btn--outline:hover, .btn--outline:focus, .btn--outline:active { background-color: #5d0096; color: #fff; border-color: #5d0096; } .btn--download { background-color: #2e97dd; color: #fff; border-color: #2e97dd; } .btn--download:hover, .btn--download:focus, .btn--download:active { background-color: #fff; color: #2e97dd; border-color: #2e97dd; box-shadow: -4px 4px #2e97dd; } .btn--download svg { width: 18px; height: 18px; margin-left: 15px; margin-top: -2px; fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 16px; transition: all 0.3s ease-in; } .btn--download:hover svg { stroke: #2e97dd; } @-webkit-keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0);} } @-moz-keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0);} } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0);} } .skip-link { position: absolute; display: inline-block; padding: .375rem .75rem; line-height: 1; font-size: 1.25rem; background-color: #5d0096; color: #fff; transform: translateY(0); transition: transform 250ms ease-in; } .skip-link:not(:focus) { transform: translateY(-2rem); } .overlay { opacity: 0; width: 100%; height: 100%; background-color: rgba(79,80,82,0.8); position: fixed; left: 0; top: 0; pointer-events: none; z-index: 4; transition: all .3s ease; } .overlay.on { opacity: 1; pointer-events: auto; z-index: 4; } .main-nav { display: flex; flex-direction: column; width: 100%; height: 242px; background-color: #fff; } .main-nav__inner { order: 2; max-width: 100%; height: 178px; margin: 0 auto; } .main-nav__topbar { order: 1; width: 100%; height: 64px; background-color: #faefff; } .main-nav__topbar .main-nav__container { display: flex; justify-content: center; align-items: center; max-width: 100%; height: 64px; margin: 0 auto; padding: 0 15px; position: relative; } .main-nav__topbar span { display: inline-block; margin: 0 22px; font-size: 1.125rem; letter-spacing: 0.18px; } .main-nav__topbar span a { display: flex; align-items: center; /*padding-left: 34px;*/ } .main-nav__topbar span[itemprop="telephone"] a { /*background: url(/wp-content/themes/openup/assets/images/open-up-icon-phone.svg) left center no-repeat; background-size: 22px 22px;*/ } .main-nav__topbar span[itemprop="telephone"] img { width: 22px; height: 22px; margin: 0 12px 0 0; } .main-nav__topbar span[itemprop="email"] a { /*background: url(/wp-content/themes/openup/assets/images/open-up-icon-email.svg) left center no-repeat; background-size: 22px 17px;*/ } .main-nav__topbar span[itemprop="email"] img { width: 22px; height: 17px; margin: 0 12px 0 0; } .main-nav__topbar a { color: #000; } .main-nav__srchbx { position: absolute; right: 15px; } .main-nav__srchform { position: relative; } .main-nav__srchform ::placeholder { color: #5d0096; opacity: 1 !important; } .main-nav__srchform .form-control { max-width: 275px; height: 40px; line-height: 40px; padding: 0 12px; margin: 0; background-color: #faefff; border: 2px solid #6d009b; font-size: 1.125rem; font-weight: 400; color: #000; letter-spacing: 0.18px; text-transform: none; } .main-nav__srchform .form-control:focus { border: 2px solid #6d009b; } .main-nav__srchform .btn { width: 29px; height: 29px; min-width: 0; min-height: 0; padding: 0; margin: 0; background: url(/wp-content/themes/openup/assets/images/open-up-icon-search.svg) left center no-repeat; background-size: 29px 29px; font-size: 0; border: none; position: absolute; top: 5px; right: 7px; } .main-nav__srchform .btn:hover, .main-nav__srchform .btn:active, .main-nav__srchform .btn:focus { box-shadow: none; } .main-nav__list { align-items: center; } .logo-trans, .main-nav__logo { width: 310px; height: 104px; } .main-nav__logo img { margin: 0; } .main-nav__navbar { display: flex; } .main-nav__item { display: flex; padding: 0; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.18px; position: relative; z-index: 2; } .main-nav__link { padding: 13px 15px; color: #000; } .main-nav__item.btn { min-height: 64px; padding: 0; margin-left: 30px; font-size: 1.25rem; letter-spacing: 0.2px; z-index: 1; } .main-nav__item.btn .main-nav__link { padding: 18px 25px; color: #fff; } .main-nav__item.btn:hover .main-nav__link { background-color: transparent; color: #5d0096; } .main-nav__item.btn:hover, .main-nav__item.btn:focus, .main-nav__item.btn:active { background-color: #fff; color: #5d0096; border-color: #5d0096; box-shadow: -4px 4px #5d0096; } .main-nav__item .main-nav__link:hover, .current_page_item > .main-nav__link { background-color: #5d0096; color: #fff; } .main-nav__list--mobile { display: none; } .main-nav__nhs-logo { width: 204px; height: 80px; margin-left: 75px; } .main-nav__nhs-logo img { margin: 0; } .main-nav__inner.is-scrolling { height: 68px; background-color: #fff; -webkit-animation: slide-down 0.7s; -moz-animation: slide-down 0.7s; animation: slide-down 0.7s; will-change: transform; } .main-nav__inner.is-scrolling::after { content: ''; width: 150vw; height: 68px; background-color: #fff; position: absolute; left: calc( -50vw + 585px); top: 0; right: 0; z-index: -1; } .main-nav__inner.is-scrolling .logo-trans, .main-nav__inner.is-scrolling .main-nav__logo { width: 135px; height: 44px; } .main-nav__inner.is-scrolling .main-nav__nhs-logo { width: 153px; height: 60px; } .main-nav__submenu { min-width: 360px; padding: 10px 0; background-color: #fff; border: 2px solid #8345ba; } .main-nav__submenu .main-nav__item { padding: 0; } .main-nav__submenu .main-nav__link { display: block; width: 100%; padding: 10px 15px; } .section { overflow: hidden; } .hero { height: 100%; min-height: 0; padding: 0; margin: 0; z-index: 1; overflow: visible; } .hero .container-fluid, .hero .container, .hero .row, .hero__splide, .splide__track { height: 100%; } .hero .splide__track { overflow: visible; } .hero .splide__list { width: 100%; height: 100%; } .hero .splide__slide { width: 100%; height: 100%; background-color: #5d0096; position: relative; vertical-align: top; } .splide { visibility: visible; } .hero, .hero .video--iframe, .hero .bg { height: 645px; } .hero--pg, .hero--pg .video--iframe, .hero--pg .bg { height: 430px; } .hero .hero__txtbx { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 60px 0 15px; background-color: #5d0096; } .hero .hero__txtbx h1, .hero .hero__txtbx h2, .hero__label { font-size: 3rem; line-height: 1.2; color: #fff; margin-bottom: 3.25rem; } .hero .hero__txtbx .btn { margin-bottom: 0; } .hero .hero__imgbx { width: 100%; height: 100%; padding: 0 0 0 15px; position: absolute; right: 0; } .hero__date { font-size: 1.125rem; font-weight: 700; color: #fff; } .hero__label { display: block; font-weight: 700; } .hero--pg .hero__txtbx h1, .hero__label { font-size: 3.75rem; margin-bottom: 1.25rem; } .hero--pg .hero__txtbx h2, .hero--single .hero__txtbx h1 { font-size: 2.25rem; font-weight: 400; line-height: 1.3; margin-bottom: 0; } .hero--single .hero__txtbx h1:has(+ h2) { margin-bottom: 1rem; } .hero--single .hero__txtbx h2 { font-size: 1.5rem; font-weight: 700; } .hero__shape--01 { width: 245px; height: 214px; background: url(/wp-content/themes/openup/assets/images/open-up-shape-01.png) center center no-repeat; background-size: 245px 214px; position: absolute; top: 55px; left: -5px; z-index: 2; } .hero__shape--02 { width: 404px; height: 241px; background: url(/wp-content/themes/openup/assets/images/open-up-shape-02.png) center center no-repeat; background-size: 404px 241px; position: absolute; bottom: 40px; left: -105px; z-index: 2; } .hero__shape--03 { width: 204px; height: 246px; background: url(/wp-content/themes/openup/assets/images/open-up-shape-03.png) center center no-repeat; background-size: 204px 246px; position: absolute; bottom: -95px; right: 10px; z-index: 2; } .hero--home + .section { padding-top: 150px; } .section__shape--01, .section__shape--04 { width: 396px; height: 441px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-shape-04.svg) center center no-repeat; background-size: 396px 441px; position: absolute; top: 50%; left: -123px; z-index: 0; transform: rotate(25deg); } .section__shape--02, .section__shape--05 { width: 536px; height: 565px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-shape-05.svg) center center no-repeat; background-size: 536px 565px; position: absolute; bottom: -417px; left: calc(50% - 268px); z-index: 0; } .section__shape--03 { width: 735px; height: 836px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-shape-06.svg) center center no-repeat; background-size: 735px 836px; position: absolute; top: -660px; right: 125px; z-index: 0; transform: rotate(120deg); } .section__shape--04 { top: 33%; left: auto; right: -168px; } .section__shape--05 { bottom: -300px; left: -222px; } .container:has(+ .section__shapes), .section.main:has(.section__shapes) + .section.main .container { position: relative; z-index: 2; } #main .section:not(.hero):not(.bg-white) { overflow: hidden; z-index: 2; } #main, #home .section { overflow: hidden; } .section { overflow: visible; } .section .section__shape { z-index: 1; } .section__shape--10, .section__shape--13, .section__shape--16, .section__shape--19 { width: 396px; height: 441px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-shape-04.svg) center center no-repeat; background-size: 396px 441px; position: absolute; top: 50%; left: -123px; z-index: 0; transform: rotate(25deg); } .section__shape--11, .section__shape--14, .section__shape--17, .section__shape--20 { width: 536px; height: 565px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-shape-05.svg) center center no-repeat; background-size: 536px 565px; position: absolute; top: 50%; left: -268px; z-index: 0; transform: rotate(80deg); } .section__shape--12, .section__shape--15, .section__shape--18, .section__shape--21 { width: 735px; height: 836px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-shape-06.svg) center center no-repeat; background-size: 735px 836px; position: absolute; top: 50%; right: -267px; z-index: 0; transform: rotate(120deg); } /*left*/ .section__shape--14 { top: 50%; left: -243px; transform: rotate(-140deg); } .section__shape--16 { top: 50%; left: -183px; transform: rotate(275deg); } .section__shape--18 { top: 50%; left: -125px; transform: rotate(-150deg); } .section__shape--21 { top: 50%; left: -325px; transform: rotate(-250deg); } /*right*/ .section__shape--13 { top: 50%; left: auto; right: 10px; transform: rotate(-30deg); } .section__shape--15 { top: 50%; left: auto; right: -355px; transform: rotate(20deg); } .section__shape--17 { top: 50%; left: auto; right: -183px; transform: rotate(180deg); } .section__shape--19 { top: 50%; left: auto; right: 143px; transform: rotate(75deg); } .section__shape--20 { top: 50%; left: auto; right: -83px; transform: rotate(-10deg); } #home .hero--home { overflow: visible; z-index: 3; } .section figure { margin: 0; } .section__title-wrap { position: relative; } .section__title-wrap--centre { text-align: center; } .section__title { margin-bottom: 2.25rem; } .btn--float-r { position: absolute; right: 0; top: 10px; margin: 0; } .section--intro { padding-top: 50px; background: url(/wp-content/themes/openup/assets/images/open-up-intro-bg.png) center top no-repeat; background-size: cover; } .section--intro .section__col { margin: 0 auto; text-align: center; } .section--intro h2 { font-size: 2.25rem; margin: 0; line-height: 1.4; } .section--share { background: #2e97dd url(/wp-content/themes/openup/assets/images/open-up-share-bg.png) center top no-repeat; background-size: cover; } .section--share .section__col { display: flex; align-items: center; justify-content: center; } .section--share h3 { color: #fff; margin: 0 58px 0 0; } .section--share .share-icons a { margin: 0 6px; } .section--form .section__title-wrap { margin-bottom: 3rem; } .section--form .section__title-wrap h2 { margin-bottom: 1rem; } .section--form .section__title-wrap h3 { font-size: 1.25rem; font-weight: 400; color: #000; margin: 0; } .section__form iframe { padding: 20px; } .main h2 { margin-bottom: 0.75em; line-height: 1.2; } .main h3 { font-size: 1.625rem; font-weight: 400; line-height: 1.5; color: #000; } .main p { margin-bottom: 1.5rem; line-height: 1.5; } .main ul, .main ol { list-style: none; } .main ul li, .main ol li { padding-left: 40px; position: relative; line-height: 1.5; } .main ul li::before { content: ''; width: 11px; height: 11px; background-color: #18dcff; border-radius: 100%; position: absolute; left: 0; top: 7px; } .main ol { counter-reset: cupcake; } .main ol li { counter-increment: cupcake; } .main ol li:before { content: counters(cupcake, '.') ' '; color: #18dcff; font-weight: 700; position: absolute; left: 0; } .main .list--alt li::before { background-color: #5c0096; } .main:not(.main--faqs) p:has(+ ul) { margin-bottom: 1rem; font-weight: 700; color: #5c0096; } .main .btn-group .btn { margin-right: 10px; } .main__content { margin-bottom: 0; } .main__content figure, .main__content figure img { width: 100%; margin: 0; } .main__content--legacy img, .main__content--legacy iframe { text-align: center; width: 100%; height: auto; margin: 0 auto 30px; } .main__content--legacy iframe { aspect-ratio: 16 / 9; } .main__content--fwimg { margin-top: 10px; } .main__content--fwimg figure img { width: 100%; } .main__content--txtmd .main__col--img, .main__content--mdtxt .main__col--img { margin-top: 10px; } .main:not(.main--first) .main__content--txtmd .main__col--txt, .main:not(.main--first) .main__content--mdtxt .main__col--img { padding-right: 30px; } .main:not(.main--first) .main__content--txtmd .main__col--img, .main:not(.main--first) .main__content--mdtxt .main__col--txt { padding-left: 30px; } .container-fluid--edge .main__content--fwimg { margin-bottom: 0; } .main--contact .main__col--txt h2 { margin-bottom: 2.25rem; } .main--contact .main__col--txt p { font-size: 1.5rem; } .main--contact .main__col--txt span { display: block; line-height: 1.4; margin-bottom: 0.3125rem; } .main--contact .main__col--txt span strong { color: #5c0096; } .main--contact .main__col--txt span a { color: #000; } .main--contact .main__col--txt span[itemprop="address"] { margin: 0; } .main--contact .main__col--regcno { margin: 4rem 0 0; } .main--contact .main__col--regcno p { font-size: 0.875rem; margin: 0; } .bg-purple-w-shape .main__col > *:not(.btn), .bg-purple .main__col > *:not(.btn), .bg-purple-w-shape .main__col p:has(+ ul), .bg-purple .main__col p:has(+ ul), .bg-purple .main__col a:not(.btn), .bg-purple-w-shape .main__col a:not(.btn) { color: #fff; } .main__content--sngltxt.ta-center img { display: inline-block; } .grid-wrap { padding: 88px 0 100px; } .grid__col { margin-bottom: 15px; } .no-gutters .grid__col { margin-bottom: 0; } .grid__item { position: relative; height: 100%; padding-top: 15px; } .grid__item a { display: flex; flex-direction: column; position: relative; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .grid__item figure, .splide__slide figure { background-color: #eaeaea; overflow: hidden; margin: 0; } .grid__item img, .splide__slide img { width: 100%; height: 100%; min-width: none; margin: 0; object-fit: cover; } .grid__item figure img, .splide__slide figure img { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .grid__item a:hover img, .splide__slide:hover img { -webkit-transform: scale(1); transform: scale(1); } .grid__item figure { margin: 0 0 1.75rem; position: relative; } .grid__item h2 { font-size: 1.875rem; margin: 0 0 1rem; line-height: 1.2; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .grid__item p { font-size: 1.063rem; color: #000; line-height: 1.5; margin-bottom: 1.25rem; } .tri-bullet { margin-left: 10px; } .tri-bullet svg { width: 13px; height: 15px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .grid__item::after { content: ''; width: calc(100% + 30px); height: 100%; background-color: rgba(255,255,255,0); position: absolute; top: 0; left: -15px; z-index: -1; } .grid__item::after { -moz-transition: background 0.3s ease-in; -o-transition: background 0.3s ease-in; -ms-transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in; transition: background 0.3s ease-in; } .grid__item:hover::after { background-color: #5d0096; } .grid__item--blue h2 { color: #2e97dd; } .grid__item--blue .tri-bullet { fill: #2e97dd; } .grid__item--blue:hover::after { background-color: #2e97dd; } .grid__item--blue:hover h2 { color: #fff; } .grid__item--blue:hover .tri-bullet { fill: #fff; } .grid__item--green h2 { color: #5da605; } .grid__item--green .tri-bullet { fill: #5da605; } .grid__item--green:hover::after { background-color: #5da605; } .grid__item--green:hover h2 { color: #fff; } .grid__item--green:hover .tri-bullet { fill: #fff; } .grid__item--post .grid__date { font-size: 1.125rem; font-weight: 700; color: #5d0096; } .grid__item--post h2 { color: #ff4387; } .grid__item--post .tri-bullet { fill: #ff4387; } .grid__item--post:hover::after { background-color: #ff4387; } .grid__item--post:hover h2, .grid__item--post:hover h2 a { color: #fff; } .grid__item--post:hover .tri-bullet { fill: #fff; } .grid__item--post-ftrd { display: flex; flex-direction: row; padding-bottom: 15px; } .grid__item--post-ftrd figure { width: 160px; height: 160px; margin: 0 30px 0 0; } .grid__item--post-ftrd figure img { width: 160px; height: 160px; } .grid__item--post-ftrd .grid__txt { display: flex; flex-direction: column; flex: 1; margin-top: -3px; } .grid__item--post-ftrd .grid__txt h2 { order: 2; font-size: 1.5rem; margin-bottom: 0.5rem; } .grid__item--post-ftrd .grid__txt a { color: #ff4387; line-height: 1.2; } .grid__item--post-ftrd .grid__txt p { order: 3; font-size: 1rem; } .grid__item--post-ftrd .grid__txt .grid__date { order: 1; font-size: 1rem; font-weight: 400; margin-bottom: 0.5rem; } .grid__item--post-ftrd .grid__txt .grid__date a { color: #5d0096; } .grid__item--post-ftrd:hover .grid__txt .grid__date a { color: #fff; } .grid__item--post-ftrd .tri-bullet { fill: #ff4387; } .grid-wrap--alt .grid__item figure { height: 300px; } .grid-wrap:has(+ .grid-wrap) { padding-bottom: 64px; } .grid-wrap + .grid-wrap { padding-top: 0; background: none !important; z-index: 1; } .section--share + .grid-wrap { background: none !important; z-index: 1; } .grid-wrap--posts-ftrd { padding-bottom: 115px; } .video { width: 100%; height: 100vh; padding: 0; } .video--fixed { transform: none !important; } .video__el { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } .video--fixed .video__el { position: fixed; } .video video { width: 100%; height: 100%; object-fit: cover; } .video--iframe { position: relative; aspect-ratio: 16 / 9; height: auto; width: 100%; } .video__playbtn { cursor: pointer; } .video--iframe figure { margin: 0; height: 100%; } .video--iframe img { cursor: pointer; height: 100%; object-fit: cover; margin: 0; } .video--iframe img, .video--iframe iframe { width: 100%; } .video--iframe iframe { height: 100%; width: 100%; } .video--playing::before { display: none; } .video--playing .video__playbtn, .video--playing img { display: none; } .video--playing iframe { aspect-ratio: 16 / 9; height: auto; width: 100%; position: absolute; left: 0; top: 0; } .video__playbtn { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(/wp-content/themes/openup/assets/images/icon-play.svg) center center no-repeat; background-size: 150px 150px; position: absolute; left: 0; top: 0; z-index: 2; } .article .section.bg-white + .section.bg-white { padding-top: 0; } .article .main h2 { font-size: 1.875rem; margin-bottom: 1.125em; } .article .main h3 { font-size: 1.5rem; } .article .main h4 { font-size: 1.25rem; } .main--event-lead { font-weight: 700; } .main__gallery { display: flex; max-width: calc(100% + 30px); flex: 0 0 calc(100% + 30px); flex-wrap: wrap; margin: 0.875rem -15px 1.25rem; } .main__gallery figure { max-width: 25%; max-width: calc(25% - 30px); margin: 0 15px 30px; } blockquote, .article .main blockquote { padding-left: 60px; border-left: 8px solid #18dcff; } blockquote h3, .article .main blockquote h3 { font-size: 1.75rem; } blockquote footer { font-size: 1rem; font-weight: 700; } .faqs__item { margin: 0 0 1.25rem; border-bottom: 1px solid #c1a2dc; } .faqs__hdr { font-size: 1.5rem; font-weight: 700; color: #8345ba; position: relative; cursor: pointer; } .faqs__hdr::after { content: ''; width: 28px; height: 16px; background: url(/wp-content/themes/openup/assets/images/icon-arrow.svg) left top no-repeat; position: absolute; right: 0; top: 50%; margin-top: -8px; transform: rotate(180deg); } .faqs__body { display: flex; flex-direction: column; padding-top: 20px; } .faqs__content { display: flex; flex-wrap: wrap; } .faqs__more { font-size: 1.25rem; font-weight: 500; text-transform: uppercase; } .faqs__more--less { opacity: 0; pointer-events: none; } .faqs__content { max-height: 0; overflow: hidden; transition: max-height .2s ease-out; } .faqs__item--active .faqs__hdr::after { transform: rotate(0deg); } .downloads__col { height: 100%; } .downloads__item { padding: 30px; margin-bottom: 30px; background: #e9f5ff; } .downloads__item h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: #5d0096; margin-bottom: 1.75rem; } .downloads__item .btn { margin: 0; } .main--cards { padding-top: 90px; padding-bottom: 90px; } .main__col--cards { } .main__col--cards > h2 { margin-bottom: 4.5rem; text-align: center; } .cards__row { justify-content: center; } .cards__col { margin-bottom: 30px; } .card { text-align: center; height: 100%; } .card__img { } .card__img figure { } .card__img img { width: auto; margin: 0 auto; } .card__counter { width: 44px; height: 44px; background-color: #ff4382; border-radius: 100%; color: #fff; font-size: 1.5rem; font-weight: 700; text-align: center; line-height: 44px; position: absolute; left: 10px; top: 10px; } .card__body { padding: 30px; } .card__body h3 { font-size: 1.375rem; font-weight: 700; line-height: 1.2; } .card__body p { font-size: 1.125rem; margin: 0; } .footer { padding: 60px 0; } .footer--top { padding: 38px 0 37px; background-image: url(/wp-content/themes/openup/assets/images/open-up-icon-footer-top.png); background-repeat: no-repeat; background-size: auto 100%; background-position: right top; } .footer--btm { padding: 20px 0; } .footer__row { width: 100%; } .footer--top .footer__icon { width: 57px; height: 53px; } .footer--top .footer__icon img { margin: 0; } .footer--top h3 { margin: 0; font-size: 1.875rem; color: #fff; } .footer--top .btn { margin: 0; } .footer__nav { list-style: none; margin-bottom: 3.25rem; } .footer__nav li { display: block; margin: 0 0 15px; } .footer__nav li a { color: #fff; } .footer__nhs-logo { max-width: 220px; color: #fff; text-align: right; margin-bottom: 3.5rem; } .footer__nhs-logo span { display: block; margin-bottom: 0.75rem; font-size: 1.25rem; font-style: italic; letter-spacing: 0.2px; } .footer__nhs-logo img { max-width: 217px; margin: 0; } .footer__attribution { font-size: 0.875rem; color: #fff; } .footer__attribution a { color: #fff; } .footer__col h3 { font-size: 1.875rem; color: #fff; margin: -7px 0 0.5rem; } .footer__contact span { display: block; font-size: 1.125rem; letter-spacing: 0.18px; line-height: 1.4; margin-bottom: 0.3125rem; color: #fff; } .footer__contact span a { color: #fff; } .footer__contact span[itemprop="telephone"] { padding-left: 28px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-phone-wht.svg) left center no-repeat; background-size: 16px 16px; } .footer__contact span[itemprop="email"] { padding-left: 28px; background: url(/wp-content/themes/openup/assets/images/open-up-icon-email-wht.svg) left center no-repeat; background-size: 16px 12px; margin-bottom: 1.875rem; } .footer__contact span[itemprop="address"] { margin: 0; } .footer__social { display: flex; position: relative; } .footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: #9a67c8; border-radius: 4px; text-align: center; margin: 0 15px 0 0; } .footer__social a:last-of-type { margin: 0; } .footer__social svg { fill: #fff; } .footer__social img { width: 100%; height: auto; margin: 0; } .footer__social .fi-yt svg { width: 25px; height: 18px; } .footer__social .fi-li svg { width: 20px; height: 20px; } .footer__social .fi-x svg { width: 18px; height: 18px; } .footer__social .fi-fb svg { width: 11px; height: 20px; } .footer__social .fi-ig svg { width: 21px; height: 21px; } .footer__social a:hover { background-color: #fff; } .footer__social a:hover svg { fill: #5d0096; } .footer__logos { flex-wrap: wrap; } .logos__item { max-height: 40px; width: auto; margin: 0 15px; } .btn--recite { margin: 0; border-color: #9a67c8; position: fixed; right: 15px; bottom: 15px; z-index: 69; } .modal { background-color: rgba(79,80,82,0.8); } .modal--cad .modal__content.ta-center .modal__inner .row { flex-direction: column; } .modal__content.ta-center .modal__inner .row > *, .modal--component .modal__content .modal__inner .row > * { margin-left: auto; margin-right: auto; } .modal__inner { padding: 3rem 2.5rem 2rem; } .modal__btns { width: 100%; } .modal__btns img { height: auto; margin: 0; } .modal__close, .modal__overlay .modal__close, .form .go-msg__close { width: 40px; height: 40px; line-height: 40px; background-color: #5d0096; color: #fff; font-size: 32px; font-weight: 400; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 4; } .modal__close:hover, .modal__close:focus, .form .go-msg__close:hover, .form .go-msg__close:focus { color: #fff; opacity: 1; background-color: rgba(93,0,150,0.7); } .modal--downloads .modal__content { max-width: 1200px; background-color: #f7f9fb; } .modal--downloads .modal__content .downloads-wrap { border-top: none; } .modal--video .modal__content { max-width: 1200px; background-color: #f7f9fb; } .modal--video .modal__inner { padding: 15px; } .modal--component .modal__content { text-align: center; } .modal__inner .loading:not(.button) { margin-bottom: 2rem; } .modal__overlay { display: block; width: 100%; height: 100%; max-height: 90vh; background-color: #f7f9fb; overflow: auto; padding: 4rem 2.5rem 2rem; position: absolute; left: 0; top: 0; } .modal__close--form { background-color: #444; } .modal__form-wrap { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .modal__form-wrap .pre-form { display: none; } .modal__form-wrap .form { display: none; text-align: center; } .modal__form-wrap .form h3 { margin-bottom: 2rem; } .modal__form-wrap .form p { margin-top: 2rem; margin-bottom: 3rem; line-height: 1; } .modal__form-wrap .pre-form--active, .modal__form-wrap .form--active { display: block; } .modal__form-wrap .pre-form--active .btn--dwnld { padding-left: 2rem; } .main__sitemap .children { padding-top: 20px; } .btn__loading { display: none; position: absolute; left: 50%; top: 50%; margin-top: -14px; margin-left: -14px; transform: skew(21deg); } .btn__loading img { height: 28px; width: auto; margin: 0 auto; vertical-align: top; } .loading:not(.button), .iframe--loading { width: 100%; display: -ms-flexbox; display: flex; height: 100%; padding: 60px 0; align-items: center; justify-content: center; } .loading:not(.button) img, .iframe--loading img { height: auto; margin: 0 auto; background: #fff; padding: 10px 20px; border-radius: 5px; } .nomrpsts { display: inline-flex; margin: 44px auto 88px; border-bottom: 2px solid #000; } .ctabtm--loadmore { margin-top: 3rem; } .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; } .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .iframe--loading { padding-top: 0; } .iframe--loading img { z-index: 99; } .page-template-tmplt-simple .main-nav, .page-template-tmplt-simple .hero, .page-template-tmplt-simple .footer-wrap { display: none; } .page-template-tmplt-simple .wrap { height: 100vh; } .cky-preference-content-wrapper .cky-show-desc-btn, .cky-accordion-header .cky-accordion-btn { height: auto; } .cky-preference-content-wrapper .cky-show-desc-btn { color: #5d0096 !important; } .cky-accordion-header .cky-always-active { color: #ff4387 !important; } .grecaptcha-badge { opacity: 0; } /* Anchor link underline fx */ .main-nav__topbar a, .footer:not(.footer--btm) a { position: relative; } .main-nav__topbar a::before, .footer:not(.footer--btm) a::before { content: ''; display: inline-block; height: 1px; width: 0px; background: transparent; position: absolute; left: 0; margin: 0; bottom: -2px; -moz-transition: width .3s ease, background-color .3s ease; -webkit-transition: width .3s ease, background-color .3s ease; transition: width .3s ease, background-color .3s ease; } .main-nav__topbar a::before { left: 34px; } .main-nav__topbar a::before { background-color: #000; } .footer:not(.footer--btm) a::before { background-color: #fff; } .main-nav__topbar a:hover::before, .footer:not(.footer--btm) a:hover::before { width: 100%; } .main-nav__topbar a:hover::before { width: calc(100% - 34px); left: 34px; } .footer .footer__social a::before, .social-icons a::before { display: none; } .main__col--txt p a, .main__content p a:not(.btn), .main__content li a:not(.btn), .posts .posts__main .single-title a, article.post .page-header .meta a, article.post .post_content a, #sidebar1 .widget_recent_entries ul li a, .sidebar-upcoming-events ul li a { text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size .3s; } .posts .posts__main .single-title a { background-size: 0% 2px; } .main__col--txt p a:not(.btn):hover, .main__content p a:not(.btn), .main__content li a:not(.btn), article.post .page-header .meta a:hover, article.post .page-header .meta a:focus, article.post .post_content a:not(.btn):hover, article.post .post_content a:focus, #sidebar1 .widget_recent_entries ul li a:hover, #sidebar1 .widget_recent_entries ul li a:focus, .sidebar-upcoming-events ul li a:hover, .sidebar-upcoming-events ul li a:focus { background-size: 100% 1px; } .posts .posts__main .single-title a:hover, .posts .posts__main .single-title a:focus { background-size: 100% 2px; } .main__content p a:not(.btn):hover, .main__content li a:not(.btn):hover { background-image: linear-gradient(#ff4387, #ff4387); background-size: 100% 5px; } /* Transitions */ .main-nav, .hdrplchldr, .section p a, .modal__close, .card__img img, .footer__social a, .social-icons a { -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .main-nav__item, .main-nav__link, .footer__social a svg, .social-icons a svg, .footer__social a svg .x-2, .footer__social a svg .x-3, .footer__social a svg .fb-2, .footer__social a svg .ig-2, .social-icons a svg .x-2, .social-icons a svg .x-3, .social-icons a svg .fb-2, .social-icons a svg .ig-2 { -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* #IE Browsers */ * html.ie6 body, html.ie7 body, html.ie8 body, html.ie9 body, html.ie body { background: #fff url(/wp-content/themes/openup/assets/images/open-up-ie-bg.jpg) center top no-repeat; width: 100%; height: 100%; border: none; } * html.ie6 .wrap, * html.ie6 .preloader, * html.ie6 .preloader__inner, html.ie7 .wrap, html.ie7 .preloader, html.ie7 .preloader__inner, html.ie8 .wrap, html.ie8 .preloader, html.ie8 .preloader__inner, html.ie9 .wrap, html.ie9 .preloader, html.ie9 .preloader__inner, html.ie .wrap, html.ie .preloader, html.ie .preloader__inner { display: none; } .compat-object-fit { background-size: cover; background-position: center center; background-repeat: no-repeat; } .compat-object-fit img.bg { opacity: 0; visibility: hidden; } /* #IE EDGE */ @supports (-ms-ime-align: auto) { .main-nav__logo { -moz-transition: none; -o-transition: none; -ms-transition: none; -webkit-transition: none; transition: none; } } /* Media Queries */ @media (max-width: 1499.98px) {} @media (max-width: 1399.98px) { .main-nav__topbar .main-nav__container { justify-content: flex-start; } .main-nav__topbar span { margin-left: 0; } .main-nav__nhs-logo { align-self: center; width: 128px; height: 50px; margin-left: 30px; } } @media (min-width: 1200px) and (max-width: 1299.98px) { .main-nav__item { font-size: 1rem; } } @media (max-width: 1199.98px) { html { font-size: 15px; } .logo-trans, .main-nav__logo { width: 263px; height: 88px; } .main-nav__navbar { flex-direction: column; } .main-nav__list { order: 2; } .main-nav__item.btn { margin-left: 10px; } .main-nav__nhs-logo { align-self: flex-end; width: 88px; height: 34px; margin: 0 0 20px; order: 1; } .main:not(.main--first) .main__content--txtmd .main__col--txt, .main:not(.main--first) .main__content--mdtxt .main__col--img { padding-right: 15px; } .main:not(.main--first) .main__content--txtmd .main__col--img, .main:not(.main--first) .main__content--mdtxt .main__col--txt { padding-left: 15px; } } @media (min-width: 992px) and (max-width: 1499.98px) { .splide__arrow--prev { left: 7px; top: auto; transform: none; bottom: 0; } .splide__arrow--next { right: 7px; top: auto; transform: none; bottom: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .main-nav__inner.is-scrolling .main-nav__nhs-logo { display: none; } .footer--top h3 { line-height: 1.2; margin: 0 30px; } } @media (max-width: 991.98px) { html { font-size: 14px; } .main-nav__inner, .main-nav__topbar .main-nav__container { padding: 0 30px; } .main-nav__srchbx { right: 30px; } .main-nav--mobile .main-nav__list--menu { display: none; } .main-nav__list--menu { order: 3; } .main-nav__list--mobile { display: flex; order: 2; } .main-nav__item--hmbrgr .main-nav__link:hover { background: none; } .mbl-menu--on .main-nav--mobile { overflow: visible; } .main-nav__list--menu.go-go-menu > .main-nav__item { display: block; width: 100%; } .main-nav__list--menu.go-go-menu > .main-nav__item.btn { display: flex; width: auto; margin: 20px auto 0; padding: 0; } .main-nav__list--menu.go-go-menu { display: flex; flex-direction: column; width: 100%; height: calc(100vh - 242px); background-color: #faefff; border-bottom: 2px solid rgba(0,0,0,0.2); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); padding: 30px 20px 40px; text-align: center; position: absolute; left: 0; top: 100%; transition: all 0.3s ease; overflow-y: scroll; } .main-nav__list--menu.go-go-menu .main-nav__item { padding: 0.5rem 0; font-size: 1.25rem; } .main-nav__list--menu.go-go-menu .main-nav__item--active > .main-nav__link { background-color: #5d0096; color: #fff; } .main-nav__list--menu.go-go-menu .main-nav__submenu .main-nav__item--active > .main-nav__link { background-color: #9a67c8; color: #fff; } .main-nav__list--menu.go-go-menu .main-nav__item .main-nav__link { display: flex; justify-content: center; } .main-nav__list--menu.go-go-menu .main-nav__submenu { position: relative; top: auto; background: none; border: none; width: 100%; min-width: 0; padding: 0; max-height: 0; background-color: #fff; } .main-nav__list--menu.go-go-menu .main-nav__submenu .main-nav__item { padding: 0; } .main-nav__list--menu.go-go-menu .main-nav__item--active > .main-nav__submenu { opacity: 1; visibility: visible; transition-delay: 0s; pointer-events: auto; max-height: 100%; padding: 20px 0 30px; } .main-nav__list--menu.go-go-menu .main-nav__item--parent:hover > .main-nav__submenu { max-height: 100%; } .no-scroll { overflow: hidden; width: 100%; position: fixed; overflow-y: scroll; } .container, .container-fluid { padding-left: 30px; padding-right: 30px; } .hero .container { padding-right: 15px; padding-left: 15px; } .hero, .hero .video--iframe, .hero .bg { height: 100%; } .hero .bg { aspect-ratio: 8 / 5; } .hero .hero__txtbx { padding: 60px 30px; order: 2; } .hero .hero__imgbx { padding: 0; position: relative; order: 1; } .hero__shape--01 { width: 188px; height: 164px; background-size: 188px 164px; top: 55px; left: 55px; } .hero__shape--02 { width: 315px; height: 188px; background-size: 315px 188px; bottom: 130px; left: -75px; } .hero__shape--03 { width: 156px; height: 188px; background-size: 156px 188px; bottom: -27px; right: 139px; } .main__content--txtmd .main__col--img, .main__content--mdtxt .main__col--img { margin: 0 auto 30px; } .main__content--txtmd .main__col--img, .main__content--mdtxt .main__col--img { order: 1; } .main__content--txtmd .main__col--txt, .main__content--mdtxt .main__col--txt { order: 2; } .main--contact .main__col--regcno { order: 3; } blockquote, .article .main blockquote { padding-left: 30px; padding-right: 15px; } blockquote h3, .article .main blockquote h3 { font-size: 1.5rem; } .video__playbtn { background-size: 100px 100px; } .section--share .section__col { flex-direction: column; } .section--share h3 { line-height: 1.2; margin: 0 auto 30px; text-align: center; } .section--share .share-icons .a2a_kit { display: flex; justify-content: center; flex-wrap: wrap; } .section--share .share-icons a { margin: 0 5px 10px; } .footer__row { margin: 0 auto; } .footer--top .footer_col { flex-direction: column; } .footer--top .footer__icon { margin: 0 0 1rem; } .footer--top h3 { max-width: 60%; margin-bottom: 1.5rem; text-align: center; line-height: 1.2; } .footer--main .footer__col { display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; } .footer__nhs-logo, .footer__nav, .footer__contact span[itemprop="address"] { text-align: center; } .footer__contact { display: flex; flex-direction: column; align-items: center; } .logos__item { margin: 15px; } } @media (max-width: 767.98px) { .container, .container-fluid { padding-left: 20px; padding-right: 20px; } .main-nav__inner, .main-nav__topbar .main-nav__container { padding: 0 20px; } .main-nav__srchbx { right: 20px; } .hero .container { padding-right: 15px; padding-left: 15px; } .hero .hero__txtbx { padding: 60px 20px 80px; } .main-nav__srchform .form-control { position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; } .main-nav__srchb .main-nav__srchform .form-control { transition: all .2s ease-in; } .main-nav__srchbx--on .main-nav__srchform .form-control { opacity: 1; visibility: visible; width: calc(100% - 80px); max-width: 100%; height: 40px; position: fixed; left: 15px; top: 12px; transition: opacity .2s ease-in, width .2s ease-in; } .main-nav__srchform .btn { position: relative; top: 0; right: 0; } .section__title:has(+ a) { margin-bottom: 0.5rem; } .btn--float-r { position: relative; top: auto; margin-bottom: 20px; } .hero__shape--01 { width: 122px; height: 107px; background-size: 122px 107px; top: 40px; left: 100px; } .hero__shape--02 { width: 205px; height: 122px; background-size: 205px 122px; bottom: 118px; left: -51px; } .hero__shape--03 { width: 101px; height: 122px; background-size: 101px 122px; } .splide__arrow { top: auto; transform: none; bottom: 10px; } .splide__arrow--prev { left: 10px; } .splide__arrow--next { right: 10px; } .col__form-checkbx { margin-bottom: 30px; } .col__form-checkbx .wpcf7-checkbox span.wpcf7-list-item { margin-right: 0; } .col__form-checkbx .wpcf7-checkbox span.wpcf7-list-item-label { padding-right: 0; } .footer--top h3 { max-width: 80%; } } @media (max-width: 575.98px) { html { font-size: 13px; } .main-nav { height: 194px; } .main-nav__topbar span { margin: 0 15px 0 0; } .main-nav__topbar span a { font-size: 0; } .main-nav__topbar span[itemprop="telephone"] img, .main-nav__topbar span[itemprop="email"] img { margin: 0; } .main-nav__inner { height: 130px; } .logo-trans, .main-nav__logo { width: 192px; height: 62px; } .main-nav__item--hmbrgr .main-nav__link { padding: 0; } .main-nav__list--mobile .btn { display: none; } .main-nav__list--menu.go-go-menu { padding: 30px 15px 40px; } .main-nav__list--menu.go-go-menu { height: calc(100vh - 194px); } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .main-nav__inner, .main-nav__topbar .main-nav__container { padding: 0 15px; } .main-nav__srchbx { right: 15px; } .hero .container { padding-right: 15px; padding-left: 15px; } .hero .hero__txtbx { padding: 60px 15px; } .splide__arrows { display: none; } .hero__shape--01 { width: 88px; height: 77px; background-size: 88px 77px; top: 25px; left: 21px; } .hero__shape--02 { width: 122px; height: 73px; background-size: 122px 73px; bottom: 40px; left: -51px; } .hero__shape--03 { width: 73px; height: 88px; background-size: 73px 88px; bottom: -27px; right: 78px; } .video__playbtn { background-size: 72px 72px; } .footer--top h3 { max-width: 100%; } } @media (max-width: 359.98px) { .main-nav__nhs-logo { display: none; } }