/* Theme Name: SHI Foundation Theme URI: https://www.shifoundation.org.uk Author: Rainbird Digital Author URI: https://www.rainbird.digital Version: 1.0 Date: 1/1/23 */ /* - - - - Body Fonts - - - - font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 200; x Light font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; Light font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; Reg font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; Med font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; Semi-bd font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 700; Bold */ /* normalize.css v8.0.1 */ 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: bolder;}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;} /* ---- Basics ---- */ .clearfix:after { content: ""; display: table; clear: both;} ::-moz-selection { background: #12A5FE; color: #FFFFFF; /* WebKit/Blink Browsers */ } ::selection { background: #12A5FE; color: #FFFFFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #12A5FE; color: #FFFFFF; /* Gecko Browsers */ } *, *::before, *::after, html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } a {transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear;} ul {-webkit-padding-start: 0;padding-inline-start: 0;} img {max-width:100%; height:auto; } a img { border:0; text-decoration:none; } /* LAYOUT */ html { font-size: 62.5%; height: 100%; overflow: scroll; overflow-x: hidden; } body { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; letter-spacing: 0; text-align: left; color: #151462; outline: none; height: 100%; background-color: #F8F8F8; } .container { max-width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .container .container { padding-left: 0px; padding-right: 0px; } .workshop-content { padding-left: 15px; padding-right: 15px; } .container-fluid { width:100%; margin: 0 auto; } .container-main-top { /* padding-top:40px; */background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8F8F8));background-image: -o-linear-gradient(#FFFFFF, #F8F8F8);background-image: linear-gradient(#FFFFFF, #F8F8F8); } .container-content-start { padding-top:70px; } .absolute-fluid-subpage .container { padding-left: 0px; padding-right: 0px; } /* GRIDS REWRITE For SECTiONS */ .grid-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: -15px; margin-right: -15px; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch;} .grid-row .grid-col { width:33.2%; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .grid-row .grid-col h2, .grid-row .grid-col h3, .grid-row .grid-col p { margin-bottom: 0px; } .grid-row .grid-col-3 { width:25%; padding-left: 15px; padding-right: 15px; } .grid-row .grid-col-9 { width:75%; padding-left: 15px; padding-right: 0px; } .single-scheme .grid-row .grid-col-9 { padding-right: 15px; } /* COLORS - ICONS */ .color-schemes { color:#827CC2; } .color-awards { color:#741087; } .color-workshops { color:#A30A69; } .color-about { color:#12A5FE; } .bg-white { background:#FFF; } i.icon-lg, i.icon-lg:before { font-size: 60px; line-height: 60px; color: #151462; } i.icon-md, i.icon-md:before { font-size: 28px; line-height: 28px; color: #151462; } i.icon-sm, i.icon-sm:before { font-size: 18px; line-height: 18px; color: #151462; } i, i:before { font-family: 'shi-icons'; font-weight: normal; font-style: normal; color: #12A5FE; font-size: 28px; font-size: 2.8rem; } /* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6, p, ul, ol, button, a, input { padding:0; margin:0; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-style: normal; letter-spacing: 0; text-align: left; color: #151462; text-decoration: none; text-transform: unset; } figure, img {margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, a { font-weight: 600; color: #12A5FE;} .remove-wysiwyg-p>p {display: inline; margin-bottom: 0px; } /* WYSIWYG STYLES */ .wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6, .wysiwyg-content p, .wysiwyg-content ul, .wysiwyg-content ol, .wysiwyg-content blockquote, .wysiwyg-content .wp-caption, .wysiwyg-content button, .wysiwyg-content .note, .wysiwyg-content hr { padding:0; margin:0; margin-bottom: 32px; } .wysiwyg-content .callout-light { background-color:#FFF; padding: 20px 30px 10px 30px ; margin-left:-30px; margin-right:-30px; border-radius:8px; border: 1px solid #EAEAEA; margin-bottom: 42px; margin-top: 42px; } .wysiwyg-content .callout-dark { background-color:#151462; color: #FFF; padding: 20px 30px 10px 30px ; margin-left:-30px; margin-right:-30px; border-radius:8px; margin-bottom: 42px; margin-top: 42px; } .wysiwyg-content .small-text, .wysiwyg-content .small-text p, .wysiwyg-content .small-text li , .wysiwyg-content .small-text li a { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; } .wysiwyg-content .small-text h1, .wysiwyg-content .small-text h2, .wysiwyg-content .small-text h3, .wysiwyg-content .small-text h4, .wysiwyg-content .small-text h5, .wysiwyg-content .small-text h6, .wysiwyg-content .small-text p, .wysiwyg-content .small-text ul, .wysiwyg-content .small-text ol, .wysiwyg-content .small-text blockquote, .wysiwyg-content .small-text .wp-caption, .wysiwyg-content .small-text button, .wysiwyg-content .small-text .note, .wysiwyg-content .small-text hr { margin-bottom: 25px; } .wysiwyg-content a { overflow-wrap: break-word; } .wysiwyg-content hr { border: 1px dashed #12A5FE; } .wysiwyg-content blockquote { border-left: 8px solid #151462; padding-left: 8px; margin-left: 30px; } .wysiwyg-content .intro-text { font-weight: 400; font-style: normal; font-size: 28px; font-size: 2.8rem; line-height: 38px; line-height: 3.8rem; } .wysiwyg-content p { font-weight: 400; font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; color: #151462; } .wysiwyg-content h1 { font-weight: 700; font-size: 48px; font-size: 4.8rem; line-height: 58px; line-height: 5.8rem; color: #151462; } .wysiwyg-content h2 { font-weight: 300; font-size: 48px; font-size: 4.8rem; line-height: 58px; line-height: 5.8rem; color: #151462; } .wysiwyg-content h3 { font-weight: 700; font-size: 36px; font-size: 3.6rem; line-height: 46px; line-height: 4.6rem; color: #151462; } .wysiwyg-content h4 { font-weight: 400; font-size: 36px; font-size: 3.6rem; line-height: 46px; line-height: 4.6rem; color: #151462; } .wysiwyg-content h5 { font-weight: 700; font-size: 24px; font-size: 2.4rem; line-height: 34px; line-height: 3.4rem; color: #151462; } .wysiwyg-content h6 { font-weight: 500; font-size: 24px; font-size: 2.4rem; line-height: 34px; line-height: 3.4rem; color: #151462; } .wysiwyg-content ol { margin-left: 0px; list-style: none; list-style-position: outside; } .wysiwyg-content ol li { margin-bottom:6px; } .wysiwyg-content ol { list-style-position:outside; counter-reset: shi-counter; } .wysiwyg-content ol li::before { content: counters(shi-counter, ".") ". "; counter-increment: shi-counter; } .wysiwyg-content ul, .wysiwyg-content ul li { list-style: none; list-style-position: inside; } .wysiwyg-content ul li { margin: 0 0 6px 1.0em;} .wysiwyg-content ul li:before { margin-left: -1.2em; content: "\e999\00A0"; font-family: 'shi-icons'; font-weight: normal; font-style: normal; font-size: 12px; line-height: 1; color: #151462; } .wysiwyg-content li { font-weight: 400; font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; color: #151462;} .wysiwyg-content ul li ul, .wysiwyg-content ul li ul li ul, .wysiwyg-content ol li ol, .wysiwyg-content ol li ol li ol { margin: 6px 0 0 1.0em;} .wysiwyg-content ul li ul li:before { content: "\e95f\00A0"; } .wysiwyg-content ul li ul li ul li:before { content: "\e999\00A0"; } /* remove empty paragraph breaks inside callouts */ .wysiwyg-content .callout-light p:empty , .wysiwyg-content .callout-dark p:empty, .wysiwyg-content .intro-text p:empty { display: none; } .wysiwyg-content span.bracket:before { content: '[' } .wysiwyg-content span.bracket:after { content: ']' } .wysiwyg-content .small-text ul ul, .wysiwyg-content .small-text ol ol, .wysiwyg-content .small-text ul ul ul, .wysiwyg-content .small-text ol ol ol { margin-bottom: 0px; } /* WP Images Alignment Classes */ .wysiwyg-content .wp-caption, .wysiwyg-content .wp-caption-text { padding: 5px 0; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; } .wysiwyg-content .wp-caption img { display: inline; } .wysiwyg-content .wp-caption p.wp-caption-text { margin: 5px 0 0; padding: 0; } .wysiwyg-content .aligncenter, .wysiwyg-content .alignleft, .wysiwyg-content .alignright { display: block; padding: 0; } .wysiwyg-content .aligncenter { float: none; margin: 50px auto 40px; } .wysiwyg-content .alignright { float: right; margin: 0 0 10px 20px; } .wysiwyg-content .alignleft { float: left; margin: 0 20px 10px 0; } .wysiwyg-content .aligncenter .wp-caption-text { text-align: center!important; } .wysiwyg-content .alignright .wp-caption-text { text-align: right!important; margin-right: 10px!important; } .wysiwyg-content .alignleft .wp-caption-text { text-align: left!important; } .section-schemes a:hover { border-bottom: 3px solid #827CC2; } .section-awards a:hover { border-bottom: 3px solid #741087; } .section-workshops a:hover { border-bottom: 3px solid #A30A69; } .section-about a:hover { border-bottom: 3px solid #12A5FE; } /* Respsonsive Video embeds */ .wysiwyg-content .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .wysiwyg-content .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wysiwyg-content .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .wysiwyg-content .embed-responsive .embed-responsive-item, .wysiwyg-content .embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .wysiwyg-content .embed-responsive-16by9 { padding-bottom: 56.25%; } /* FORM ELEMENTS */ .ajax-load-more-wrap.blue .alm-load-more-btn { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; font-size: 1.6rem; border: 2px solid #A30A69; color: #A30A69; background-color: #FFFFFF!important; height: 58px; border-radius: 28px; padding: 0 30px; font-size: 16px; } .alm-btn-wrap .alm-load-more-btn.loading, .alm-btn-wrap .alm-load-more-btn:hover { background-color: #A30A69!important; -webkit-box-shadow: none; box-shadow: none; color: #fff; text-decoration: none; } .alm-btn-wrap .alm-load-more-btn.done:hover { cursor:default; color: #A30A69; background-color: #FFFFFF!important; } /* Alternative change alm spinner */ .alm-btn-wrap .alm-load-more-btn.loading:before { background: transparent url('../img/spinner-A30A69-32.gif') no-repeat center center!important; width: 32px!important; height: 32px!important; left: 2px!important; top: 4px!important; } .section-about .alm-btn-wrap .alm-load-more-btn.loading:before { background: transparent url('../img/spinner-12A5FE-32.gif') no-repeat center center!important; } /* Grid Filters - Workshops + News */ .grid-filters { width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; margin-top: 0px; } .result-term { border-bottom: 2px dotted #bbbbbb; padding-bottom: 15px; margin-bottom: 35px; } .grid-filters .filter-toggle a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: #FFF; cursor: pointer; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-size: 1.6rem; line-height:1; text-align: center; margin: 0; padding: 10px 20px; border: solid 1px #A30A69; color:#A30A69; } .grid-filters .filter-toggle a:nth-of-type(1) { border-top-left-radius: 28px; border-bottom-left-radius: 28px; margin-left:0px; padding-right: 15px; } .grid-filters .filter-toggle a:nth-last-of-type(1) { border-top-right-radius: 28px; border-bottom-right-radius: 28px; margin-right:20px; padding-left: 15px; } .grid-filters .filter-toggle a:hover { background: #A30A69; color:#FFF; -webkit-filter: brightness(0.8); filter: brightness(0.8); } .grid-filters .filter-toggle a:active { background: #A30A69; color:#FFF; -webkit-filter: brightness(1.2); filter: brightness(1.2); } .grid-filters .filter-toggle a.active { background: #A30A69; color:#FFF; } .grid-filters .filter-toggle a.active:active { -webkit-filter: brightness(1.0); filter: brightness(1.0); } .grid-filters .filter-toggle a.active:hover { cursor:default; -webkit-filter: brightness(1.0); filter: brightness(1.0); } .grid-filters form { width: 280px; position:relative; } .grid-filters form input[type=text]{ background-color: #fff; box-sizing: border-box; border-radius: 2px; color: #151462; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; float: none; font-size: 16px; font-family: inherit; border: 1px solid #ccc; padding: 10px 10px 10px 16px; /*height: 38px;*/ width: 100%; border-radius:28px; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-size: 1.6rem; line-height:1; } .grid-filters form input[type=text]::-webkit-input-placeholder { color: #ccc; } .grid-filters form input[type=text]::-moz-placeholder { color: #ccc; } .grid-filters form input[type=text]:-ms-input-placeholder { color: #ccc; } .grid-filters form input[type=text]::-ms-input-placeholder { color: #ccc; } .grid-filters form input[type=text]::placeholder { color: #ccc; } .grid-filters form input[type=text]:focus { color: #151462; border: 1px solid #A30A69; } .grid-filters form button.submit, .grid-filters form button.submit:hover { position:absolute; top:10px; right:3px; width:30px; height:20px; border: 0px; background: transparent; cursor: pointer; } .grid-filters form button.submit i:before { color: #ccc; } .grid-filters form input[type=text]:focus ~ button.submit i:before, .grid-filters form input[type=text]:focus ~ button.submit:active i:before { color: #A30A69; } .section-about .grid-filters { padding-left: 15px; padding-right: 15px; } /* HEADER */ #header { padding-top:35px; padding-bottom: 40px; } nav.main-nav .main-nav-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 8px; margin-right:-6px; } nav.main-nav .main-nav-ul li { list-style: none; padding-left: 10px; margin-bottom: 0px; text-align:right; } nav.main-nav .main-nav-ul li a { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; color:#151462; text-align:right; } nav.main-nav .main-nav-ul li a { display: block; padding: 8px 16px; text-decoration: none; border-radius: 30px; } nav.main-nav .main-nav-ul li.color-schemes a:hover { color:#827CC2; } nav.main-nav .main-nav-ul li.color-awards a:hover { color:#741087; } nav.main-nav .main-nav-ul li.color-workshops a:hover { color:#A30A69; } nav.main-nav .main-nav-ul li.color-about a:hover { color:#12A5FE; } nav.main-nav .current-menu-item.color-schemes a, nav.main-nav .current_page_item.color-schemes a, nav.main-nav .current-page-ancestor.color-schemes a { color: #FFF; background-color: #827CC2; } nav.main-nav .current-menu-item.color-awards a, nav.main-nav .current_page_item.color-awards a, nav.main-nav .current-page-ancestor.color-awards a { color: #FFF; background-color: #741087; } nav.main-nav .current-menu-item.color-workshops a, nav.main-nav .current_page_item.color-workshops a, nav.main-nav .current-page-ancestor.color-workshops a { color: #FFF; background-color: #A30A69; } nav.main-nav .current-menu-item.color-about a, nav.main-nav .current_page_item.color-about a, nav.main-nav .current-page-ancestor.color-about a { color: #FFF; background-color: #12A5FE; } nav.main-nav .current-menu-item a:hover, nav.main-nav .current_page_item a:hover, nav.main-nav .current-page-ancestor a:hover { color:#FFF; } nav.main-nav .main-nav-ul li.current-menu-item a:hover, nav.main-nav .main-nav-ul li.current_page_item a:hover, nav.main-nav .main-nav-ul li.current-page-ancestor a:hover { color:#FFF; -webkit-filter: brightness(1.2); filter: brightness(1.2);} .header-wrapper { width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 15px; } .header-wrapper > a { -webkit-box-flex: 0; -ms-flex: 0 0 236px; flex: 0 0 236px; } .header-wrapper > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .main-menu-twitter { text-align:right; padding-bottom: 15px; } .main-menu-twitter a, .main-menu-twitter a:link, .main-menu-twitter a:visited, .main-menu-twitter a:active, .main-menu-twitter a:focus { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; color:#151462; } .icon-twitter-s:before { font-size: 1.3rem; color: #151462; padding-right:3px; } .main-menu-twitter a:hover, .main-menu-twitter a:hover .icon-twitter-s:before { color:#12A5FE; } nav.footer-nav .footer-nav-ul li, nav.sub-nav .sub-nav-ul li { list-style: none; } /* SUBNAV */ nav.sub-nav {} nav.sub-nav .sub-nav-ul li { margin-bottom:14px; } .sub-nav-ul li a, .sub-nav-ul li a:link, .sub-nav-ul li a:visited, .sub-nav-ul li a:focus { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; color:#151462; } nav.sub-nav .sub-nav-ul li.current_page_item a { color:#12A5FE; font-weight: 600; } nav.sub-nav .sub-nav-ul li a:hover { color:#12A5FE; } /* FOOTER */ .bg-footer { padding-top:100px; } .footer-menu-wrap { width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 90px; padding-left: 15px; padding-right: 15px; } .footer-menu-wrap nav.footer-nav .footer-nav-ul li a, .footer-menu-wrap nav.footer-nav .footer-nav-ul li { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; color:#FFF; text-align:right; } .footer-menu-wrap nav.footer-nav .footer-nav-ul li { padding-bottom: 17px; } nav.footer-nav .current-menu-item>a, nav.footer-nav .current_page_item>a, nav.footer-nav .current-page-ancestor>a { background-color: transparent; } .footer-menu-wrap nav.footer-nav .footer-nav-ul li a:hover, .copyright, .copyright a:hover { color:#53C5FD; } .copyright, .copyright a { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; color:#FFF; text-align:right; } .copyright { padding-bottom:22px; } /* HEADER BANNER */ .title-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 40px; padding-bottom: 24px; padding-left: 15px; padding-right: 15px; } .title-banner h1 { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 48px; font-size: 4.8rem; line-height: 56px; line-height: 5.6rem; letter-spacing:-0.01em; text-align:left; padding-bottom: 14px; } .title-banner p { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; letter-spacing:-0.01em; text-align:left; } .title-banner p.news-date { font-weight: 600; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; letter-spacing:0.05em; text-transform:uppercase; padding-bottom: 8px; } /* Main Header Image */ .container-header-fluid { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; min-height:450px; position:relative; } .container-header-fluid-absolute { width:100%; height: 100%; margin: 0 auto; position:absolute; top: 0; left: 0; } .container-header-img { position:absolute; height:450px; left:50%; height:450px; width:50%; border-top-left-radius:250px; border-bottom-left-radius:250px; } .container-header-fluid-absolute .title-banner { width:45%; } /* Subpage Image */ .container-header-img-subpage { position:absolute; top:80px; left:60%; height:340px; width:40%; border-top-left-radius:250px; border-bottom-left-radius:250px; } .container-header-fluid-absolute .title-banner { width:45%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .container-header-subpage-text { background: rgba(1, 153, 0, 0.5); border-top-right-radius:250px; border-bottom-right-radius:250px; background-size: cover; background-position: center center; position:absolute; top:0px; left:0; height:340px; width:70%; } .absolute-fluid-subpage { position:absolute; top:0; left:0; width:100%; margin: 0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; ; -webkit-box-pack: justify; ; -ms-flex-pack: justify; ; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .left-col-subpage { background: rgba(130, 124, 194, 1); min-height:340px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .right-col-subpage { min-height:340px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .center-col-subpage { background: rgba(130, 124, 194, 1); mix-blend-mode: darken; min-height:340px; width:70%; border-top-right-radius:250px; border-bottom-right-radius:250px; background-size: cover; background-position: center center; isolation: isolate; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;} .center-col-subpage .title-banner div { width: 100vw; padding-right: 100px;} .center-col-subpage h1.entry-title, .center-col-subpage p, .center-col-subpage a { color:#fff!important;} .center-col-subpage .title-banner { padding-left: 15px; } /* Subpage Circle Image */ .container-header-img-subpage-round { position:absolute; top:80px; right:0; height:340px; width:340px; border-radius:50%; } .subpage-round .center-col-subpage { width: calc(100% - 250px); } .subpage-round .center-col-subpage .title-banner div { width: 100%; padding-right: 150px;} .container-header-fluid.subpage-round, .container-header-fluid.subpage { min-height:420px; } /* Text Only */ .text-only .title-banner h1, .text-only .title-banner p { text-align:center; } /* Home Header Image */ .section-home .container-header-fluid { min-height: 600px; } .section-home .container-header-img { height: 600px; left: 45%; width: 55%; border-top-left-radius: 320px; border-bottom-left-radius: 320px; } .section-home .container-header-fluid-absolute .title-banner { width: 40%; } .section-home .container-header-fluid-absolute p { padding-bottom:24px; } .section-home .home-button { display: inline-block; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; font-size: 1.6rem; border: 2px solid #12A5FE; color: #12A5FE; background-color: #FFFFFF; border-radius: 28px; padding: 15px 30px; } .section-home .home-button:hover { background-color: #12A5FE; color: #FFF; } /* HOMEPAGE */ /*schemes*/ .section-home .home-schemes .section-card { border-top: 1px solid #FFF; border-radius: 8px 8px 8px 8px; } .section-home h2 { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 200; font-size: 48px; font-size: 4.8rem; line-height: 48px; line-height: 4.8rem; text-align:center; padding-bottom:80px; } .section-home .home-schemes h2 { color:#FFF; } .section-home .home-schemes i.icon-lg, .section-home .home-schemes i.icon-lg:before, .section-home .home-schemes i.icon-md, .section-home .home-schemes i.icon-md:before, .section-home .home-schemes .section-card h2, .section-home .home-schemes .section-card h3 { color: #12A5FE; } .section-home .section-button { text-align:center; } .section-home .home-schemes .home-button { border: 2px solid #FFF; color: #FFF; background-color: #53C5FD; } .section-home .home-schemes .home-button:hover { background-color: #FFF; color: #53C5FD; } .section-home .section-about .grid-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .section-home .section-about .grid-row .grid-col { width: 24.8%; } .section-home .section-about a, .section-home .section-about a:hover { border:0; } .section-home .home-schemes .home-scheme-wrap.container { padding-top: 50px; } .section-home .home-schemes .section-button { margin-top: 50px; } /*awards*/ .section-home .section-awards { margin-top: 80px; margin-bottom: 80px; } .section-home .section-awards .title-banner { padding-top: 55px; padding-bottom: 40px; } .section-home .section-awards .container-header-fluid { min-height:450px; } .section-home .section-awards .subpage-round .center-col-subpage { /*width: calc(100% - 150px);*/ width: 100%; } .section-home .section-awards .container-header-img-subpage-round { top: 22px; height: 245px; width: 245px; right: 0px; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div { padding-right: 0px; width:80%; margin: 0 auto; } .section-home .section-awards .left-col-subpage, .section-home .section-awards .center-col-subpage, .section-home .section-awards .container-header-img-subpage-round { background-color: #827CC2!important; } .section-home .section-awards h2 { color:#827CC2; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div { text-align:center; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div blockquote { color:#FFF; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 200; font-size: 32px; font-size: 3.2rem; line-height: 42px; line-height: 4.2rem; text-align:center; padding-bottom:16px; margin:0; margin-top: 16px; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div p { color:#FFF; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; text-align:center; padding-bottom:16px; margin:0; margin-bottom: 16px; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div p span { font-weight: 600; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div i.icon-quotemark-l:before, .section-home .section-awards .subpage-round .center-col-subpage .title-banner div i.icon-quotemark-close-l:before { color:#9DE3FD; } /*Twitter*/ .section-home .section-twitter .grid-row .grid-col { width: 24.8%; } .section-home .section-twitter article { padding-top:20px; border-top: dotted 5px #12A5FE; } .section-home .section-twitter article i.icon-twitter-s:before { color:#12A5FE; } .section-home .section-twitter article .tweet { padding-top:20px; } .section-home .section-twitter article .tweet, .section-home .section-twitter article .date { color:#151462; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; text-align:left; padding-bottom:8px; margin:0; } .section-home .section-twitter article .tweet a { color:#12A5FE; font-weight: 600; } .section-home .section-twitter article .date { color:#12A5FE; font-weight: 600; letter-spacing:0.05em; text-transform:uppercase; font-size: 14px; font-size: 1.4rem; } /* workshops */ .section-home .container-fluid.section-workshop .container-fluid { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; height:500px; position:relative; } .workshop-home-wrapper { width:90%; border-top-left-radius:300px; border-bottom-left-radius:300px; } .section-home .section-workshop .panel { background-color: #A30A69; width: 500px; height:500px; border-top-left-radius:50%; border-bottom-left-radius:50%; border-bottom-right-radius:50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px;} .section-home .section-workshop h2 { color:#A30A69; } .section-home .section-workshop .panel .date { color:#FFF; font-weight: 600; letter-spacing:0.05em; text-transform:uppercase; font-size: 14px; font-size: 1.4rem; text-align:center; padding-bottom: 20px; } .section-home .section-workshop .panel h3 { color:#FFF; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 28px; font-size: 2.8rem; line-height: 36px; line-height: 3.6rem; text-align:center; padding-bottom:8px; margin:0; padding-bottom: 20px; } .section-home .section-workshop .panel .subtitle { color:#FFF; font-weight: 400; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; text-align:center; padding-bottom: 30px; } .section-home .section-workshop .panel .home-button { border: 2px solid #FFF; color: #FFF; background-color: #A30A69; } .section-home .section-workshop .panel .home-button:hover { background-color: #FFF; color: #A30A69; } .section-home .section-workshop > section { /* padding-top: 90px; twitter freed removed */ padding-top: 0px; padding-bottom: 80px; } /* news */ .section-home .news-panel > .container { padding-top: 130px; padding-bottom: 70px;} /* CARD GRID - ABOUT SCHEMES */ .grid-row .grid-cards { width:25%; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; min-height: 280px; } .section-card { background-color: #FFF; border: 1px solid #EAEAEA; border-top: 3px solid #827CC2; border-radius: 0px 0px 8px 8px; padding:20px; height: 100%; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-transition: -webkit-box-shadow .3s;transition: -webkit-box-shadow .3s;-o-transition: box-shadow .3s;transition: box-shadow .3s;transition: box-shadow .3s, -webkit-box-shadow .3s; } .section-card > a { height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .section-card .card-heading { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section-card .card-heading h2, .section-card .card-heading h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .section-card .card-heading i { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; text-align: center; } .section-card h2, .section-card h3 { font-weight: 700; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; color: #151462; text-align:left; margin-bottom: 0px;} .section-card p { font-weight: 400; font-size: 14px; font-size: 14px; line-height: 20px; line-height: 2.0rem; text-align:left; } .section-card .next-arrow { text-align:right; } .section-card:hover { -webkit-box-shadow: 3px 3px 6px #00000030; box-shadow: 3px 3px 6px #00000030; } .section-card:hover .next-arrow i.icon-md, .section-card:hover .next-arrow i.icon-md:before { color: #151462; } .section-schemes .scheme-docs ul { column-count: 1; } /* WORKSHOPS */ .workshop-content { margin: 0 auto; width:66%; } .section-workshops .section-card:hover { -webkit-box-shadow:none; box-shadow:none; } .section-workshops .section-card h2 { font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; margin-bottom: 12px; } .section-workshops .section-card p { margin-bottom: 12px; } .section-workshops .section-card article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 2px dotted #bbbbbb; padding-bottom:35px; margin-bottom:20px; } .section-workshops .workshop-heading { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding-right:20px; } .section-workshops .workshop-details { -webkit-box-flex: 0; -ms-flex: 0 0 38%; flex: 0 0 38%; padding-left: 15px; padding:0; margin:0; } .section-workshops .workshop-details li { list-style: none; margin-bottom: 8px; } .section-workshops .workshop-details, .section-workshops .workshop-details a, .section-workshops .workshop-details .remove-wysiwyg-p, .section-workshops .workshop-details p { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; } .section-workshops i { width:16px; display: inline-block; } .section-workshops i.icon-sm, .section-workshops i.icon-sm:before { color:#A30A69; text-align:center; vertical-align: text-bottom; } .section-workshops .workshop-details li span { padding-left:6px; } .section-workshops .workshop-content .section-card { width:100%; } /* NEWS */ .section-about .alm-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .section-about .grid-row .alm-listing .grid-col { padding-bottom:30px;} .section-about article.news-card { background-color: #FFF; border: 1px solid #EAEAEA; border-top: 3px solid #12A5FE; border-radius: 0px 0px 8px 8px; height:100%; -webkit-transition: -webkit-box-shadow .3s;transition: -webkit-box-shadow .3s;-o-transition: box-shadow .3s;transition: box-shadow .3s;transition: box-shadow .3s, -webkit-box-shadow .3s; } .section-about article.news-card a { width:100%; height:100%;} .section-about article.news-card figure img { border-bottom-right-radius:80px; } .section-about article.news-card .card-details { padding:12px 16px 16px 16px; } .section-about article.news-card .card-details .news-date { font-weight: 600; font-size: 13px; font-size: 1.3rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom:8px; color: #151462; } .section-about article.news-card .card-details h2 { font-weight: 700; font-size: 20px; font-size: 2.0rem; line-height: 24px; line-height: 2.4rem; color: #12A5FE; margin-bottom: 0px; margin-bottom:8px; } .section-about article.news-card .card-details p { font-weight: 400; font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; color: #151462; } .section-about article.news-card figure { padding: 0; margin: 0; position: relative; padding-bottom: 56.2%; overflow: hidden; } .section-about article.news-card figure img { position: absolute; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s; transition: opacity .5s ease-in-out, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out, -webkit-transform .5s; } .section-about article.news-card:hover { -webkit-box-shadow: 3px 3px 6px #00000030; box-shadow: 3px 3px 6px #00000030; cursor: pointer; } .section-about article.news-card:hover figure img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0.5; } .section-about article.news-card:hover .card-details h2 { color: #151462; } /* AWARDS */ .section-awards .grid-row .grid-col { width:20%; padding-bottom: 50px; padding-left: 15px; padding-right: 15px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .section-awards .grid-awardee .awardee-portrait { text-align:center; } .section-awards .grid-awardee a:hover { border:0; } .section-awards .grid-awardee img { border-radius:50%; text-align:center; } .section-awards .grid-awardee h2 { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; margin-bottom: 4px; text-align:center; } .section-awards .grid-awardee p { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; letter-spacing: 0.05em; text-align:center; } .section-awards .grid-awardee a:hover h2 { color:#151462; } .section-awards .grid-awardee img, .section-awards .grid-awardee .awardee-name { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); -o-object-fit:cover; object-fit:cover; -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s; transition: opacity .5s ease-in-out, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out, -webkit-transform .5s; } .section-awards .grid-awardee:hover img, .section-awards .grid-awardee:hover .awardee-name { opacity: 0.5; -webkit-filter: brightness(100%); filter: brightness(100%); } /* TRUSTEES */ .clearfix:after, .content:after { content: ""; display: table; clear: both;} .section-about .grid-team .item { text-align: center; float: none; display: inline-block; overflow: visible; margin-top: 12px; margin-bottom: 30px; position: relative; cursor: pointer; width: 32%; -webkit-transition: -webkit-box-shadow .3s;transition: -webkit-box-shadow .3s;-o-transition: box-shadow .3s;transition: box-shadow .3s;transition: box-shadow .3s, -webkit-box-shadow .3s; -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s; transition: opacity .5s ease-in-out, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out, -webkit-transform .5s; } .section-about .grid-team .teamDetails { float: left; background-color: #FFF; width: 100%; display: none; background-color: #FFF; border: 1px solid #EAEAEA; border-top: 3px solid #12A5FE; border-radius: 0px 0px 8px 8px; padding:30px; margin-bottom: 16px; } .section-about .grid-team .teamDetails .trustee-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width:100%; } .section-about .grid-team .trustee-info .trustee-bio { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin-right: 30px; } .section-about .grid-team .trustee-info ul { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; text-align: left; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .section-about .grid-team .trustee-info ul li { list-style: none; margin-bottom: 10px; } .section-about .grid-team .trustee-info .trustee-links i { width:16px; display: inline-block; } .section-about .grid-team .trustee-info .trustee-links i.icon-sm, .section-about .grid-team .trustee-info .trustee-links i.icon-sm:before { color:#12A5FE; text-align:center; vertical-align: text-bottom; } .section-about .grid-team .trustee-info .trustee-links li span { padding-left:9px; } .section-about .grid-team .trustee-info .trustee-links, .section-about .grid-team .trustee-info .trustee-links a { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; font-weight:600; } .section-about .grid-team .trustee-info .trustee-bio { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight:400; } .section-about .grid-team { text-align:center; } .section-about .grid-team a:hover { border:0;} .section-about .grid-team .item img { border-radius:50%; -o-object-fit:cover; object-fit:cover; -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s; transition: opacity .5s ease-in-out, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out; transition: transform .5s, opacity .5s ease-in-out, -webkit-transform .5s; -webkit-transition: -webkit-box-shadow .3s;transition: -webkit-box-shadow .3s;-o-transition: box-shadow .3s;transition: box-shadow .3s;transition: box-shadow .3s, -webkit-box-shadow .3s; } .section-about .grid-team .item h2 { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; margin-bottom: 4px; text-align:center; } .section-about .grid-team .item p { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; letter-spacing: 0.05em; text-align:center; } .section-about .grid-team .active.item img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-box-shadow: 3px 3px 6px #00000030; box-shadow: 3px 3px 6px #00000030; } .section-about .grid-team .inactive.item img { opacity: 0.5; -webkit-filter: brightness(110%); filter: brightness(110%);} .section-about .grid-team .inactive.item:hover img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-filter: brightness(100%); filter: brightness(100%); } .section-about .grid-team .inactive.item h2, .section-about .grid-team .inactive.item h3, .section-about .grid-team .inactive.item p { opacity: 0.5; } .section-about .grid-team .inactive.item:hover h2, .section-about .grid-team .inactive.item:hover h3, .section-about .grid-team .inactive.item:hover p { opacity: 1;} .section-about .grid-team .active.item h2, .section-about .grid-team .active.item h3 { color:#151462; } .section-about .grid-team .item:hover h2, .section-about .grid-team .item:hover h3, .section-about .grid-team .item:hover p { color:#151462; } .section-about .grid-team .item:hover img { -webkit-box-shadow: 3px 3px 6px #00000030; box-shadow: 3px 3px 6px #00000030; } .section-about .grid-team .active.item:after{ background-repeat: no-repeat; content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -20px; width:48px; height:29px; background-image: url('../img/trustees-indicator-blue-min.svg'); margin-bottom: -37px; } .item.trustee img, .awardee-portrait img { width:175px; height:175px; } /* CONTACT TABS */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus, input:focus + label { outline: none; } .section-about .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-about .tabs .radiotab { position: absolute; opacity: 0; } .section-about .tabs .label { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 10px 20px; background: transparent; cursor: pointer; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 18px; font-size: 1.8rem; line-height:1; border-radius: 28px; text-align: center; margin: 0 10px 30px 10px; } .section-about .tabs .label:hover { color: #151462; background: #ddd; } .section-about .tabs .label:active { background: #12A5FE; color:#FFF; -webkit-filter: brightness(1.2); filter: brightness(1.2); } .section-about .tabs .radiotab:checked + .label { background: #12A5FE; color:#FFF; } .section-about .tabs .radiotab:checked:hover + .label { cursor:default; /* filter: brightness(1.2);*/ } .section-about .radiotab:checked + .label + .panel { display: block; } .section-about .tabs .panel { display: none; background-color: #FFF; width: 100%; border: 1px solid #EAEAEA; border-top: 3px solid #12A5FE; border-radius: 0px 0px 8px 8px; padding:30px; margin-bottom: 16px; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; } .section-about .tabs .panel h2 { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 32px; font-size: 3.2rem; line-height: 38px; line-height: 3.8rem; margin-bottom:24px; } .section-about .tabs .panel p { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; margin-bottom:30px; } .section-about .tabs hr { border: 1px dashed #12A5FE; } .section-about .tabs .panel .wpforms-submit-container { text-align: center; margin-top:20px; margin-bottom:20px; } .section-about .tabs .panel .wpforms-submit { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; font-size: 1.6rem; border: 2px solid #12A5FE; color: #12A5FE; background-color: #FFFFFF!important; height: 58px; border-radius: 28px; padding: 0 30px; } .section-about .tabs .panel .wpforms-submit:hover { background-color: #12A5FE!important; -webkit-box-shadow: none; box-shadow: none; color: #fff; text-decoration: none; } .section-about .tabs .panel .wpforms-field-label { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; font-size: 1.4rem; line-height:1; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:4px; } .section-about .tabs .panel div.wpforms-container-full .wpforms-form .wpforms-field { margin-bottom: 5px; } .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #FFF!important; border: 1px solid #FFF!important; font-weight: 700!important; } div.wpforms-container-full .wpforms-form .wpforms-one-half { width: calc(100% - 10px)!important; } /* SCHEMES */ .section-schemes .scheme-docs { background-color: #FFF; border-radius: 12px ; margin-bottom:30px; } .section-schemes .scheme-heading { background-color: #827CC2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding:16px 12px 16px 12px; margin-bottom:8px; } .section-schemes .scheme-docs h3 { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 24px; font-size: 2.4rem; line-height: 28px; line-height: 2.8rem; text-align:left; color: #FFFFFF; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 6px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin-bottom:0; } .section-schemes .scheme-docs .icon-paperclip-l, .section-schemes .scheme-docs .icon-paperclip-l:before { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; text-align: center; color:#FFFFFF; } .section-schemes .scheme-docs ul { list-style: none; padding:20px; } .section-schemes .scheme-docs ul li { list-style: none; margin-bottom: 18px; } .section-schemes .scheme-docs ul li i, .section-schemes .scheme-docs ul li i:before { color:#827CC2; text-align:center; vertical-align: text-bottom; width:16px; display: inline-block; } .section-schemes .scheme-docs ul li a, .section-schemes .scheme-docs ul li { font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; text-align:left; } .section-schemes .scheme-docs ul li a { font-weight:600; } .section-schemes .scheme-heading { border-top-left-radius: 12px; border-top-right-radius: 12px; } .section-schemes .scheme-docs ul li span, .section-schemes .scheme-docs ul li a { margin-left:6px; } .single-scheme .grid-row .grid-col-9 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .single-scheme .grid-row .grid-col-3 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; } /* BACKGROUND IMAGES main.section-schemes .container-content-start { background: url(../img/bg-scheme-curve.png) no-repeat top center; background-size: 100% 90%; } main.section-schemes .container-content-start { background: url(../img/schemes-wavy-bg.png) no-repeat center 200px; background-size: 100% auto; } */ /* SECTION SPECIFIC COLOR OVERRIDES */ /* SCHEMES */ .section-schemes .title-banner h1, .section-schemes .section-card h2 { color:#827CC2; } .section-schemes .section-card { border-top: 3px solid #827CC2; } .section-schemes .section-card i.icon-lg, .section-schemes .section-card i.icon-lg:before { color: #827CC2; } .section-schemes .section-card i.icon-md, .section-schemes .section-card i.icon-md:before { color: #827CC2; } /* AWARDS */ .section-awards .title-banner h1, .section-awards .section-card h2, .section-awards .grid-awardee h2 { color:#741087; } .section-awards .section-card { border-top: 3px solid #741087; } .section-awards .section-card i.icon-lg, .section-awards .section-card i.icon-lg:before { color:#741087; } .section-awards .section-card i.icon-md, .section-awards .section-card i.icon-md:before { color:#741087; } /* WORKSHOPS */ .section-workshops .title-banner h1, .section-workshops .section-card h2 { color:#A30A69; } .section-workshops .section-card { border-top: 3px solid #A30A69; } .section-workshops .section-card i.icon-lg, .section-workshops .section-card i.icon-lg:before { color:#A30A69; } .section-workshops .section-card i.icon-md, .section-workshops .section-card i.icon-md:before { color:#A30A69; } /* ABOUT */ .section-about .title-banner h1, .section-about .section-card h2 { color:#12A5FE; } .section-about .section-card { border-top: 3px solid #12A5FE; } .section-about .section-card i.icon-lg, .section-about .section-card i.icon-lg:before { color:#12A5FE; } .section-about .section-card i.icon-md, .section-about .section-card i.icon-md:before { color:#12A5FE; } .section-about .ajax-load-more-wrap.blue .alm-load-more-btn { border: 2px solid #12A5FE; color: #12A5FE; } .section-about .alm-btn-wrap .alm-load-more-btn.loading, .section-about .alm-btn-wrap .alm-load-more-btn:hover { background-color: #12A5FE!important; color:#FFF; } .section-about .alm-btn-wrap .alm-load-more-btn.done:hover { cursor:default; color: #12A5FE; background-color: #FFFFFF!important; } /* LINKS */ .section-schemes a,.section-schemes a:link,.section-schemes a:visited,.section-schemes a:active,.section-schemes a:focus { color: #827CC2; } .section-awards a,.section-awards a:link,.section-awards a:visited,.section-awards a:active,.section-awards a:focus { color:#741087; } .section-workshops a,.section-workshops a:link,.section-workshops a:visited,.section-workshops a:active,.section-workshops a:focus { color:#A30A69;} .section-about a,.section-about a:link,.section-about a:visited,.section-about a:active,.section-about a:focus { color:#12A5FE; } .section-schemes a:hover,.section-awards a:hover,.section-workshops a:hover,.section-about a:hover {/* color: #151462; border-bottom: 2px solid #151462;*/ } /* WYSIWYG OVERIDES */ .section-schemes .wysiwyg-content h1, .section-schemes .wysiwyg-content h2, .section-schemes .wysiwyg-content h3, .section-schemes .wysiwyg-content h4, .section-schemes .wysiwyg-content h5, .section-schemes .wysiwyg-content h6, .section-about .wysiwyg-content ul li:before { color:#827CC2!important; } .section-awards .wysiwyg-content h1, .section-awards .wysiwyg-content h2, .section-awards .wysiwyg-content h3, .section-awards .wysiwyg-content h4, .section-awards .wysiwyg-content h5, .section-awards .wysiwyg-content h6, .section-awards .wysiwyg-content ul li:before { color:#741087!important; } .section-workshops .wysiwyg-content h1, .section-workshops .wysiwyg-content h2, .section-workshops .wysiwyg-content h3, .section-workshops .wysiwyg-content h4, .section-workshops .wysiwyg-content h5, .section-workshops .wysiwyg-content h6, .section-workshops.wysiwyg-content ul li:before { color:#A30A69!important; } .section-about .wysiwyg-content h1, .section-about .wysiwyg-content h2, .section-about .wysiwyg-content h3, .section-about .wysiwyg-content h4, .section-about .wysiwyg-content h5, .section-about .wysiwyg-content h6, .section-about .wysiwyg-content ul li:before { color:#12A5FE!important; } .section-schemes .wysiwyg-content hr { border: 1px dashed #827CC2; } .section-awards .wysiwyg-content hr { border: 1px dashed #741087; } .section-workshops .wysiwyg-content hr { border: 1px dashed #A30A69; } .section-about .wysiwyg-content hr { border: 1px dashed #12A5FE; } .section-schemes .wysiwyg-content .callout-dark { background-color:#827CC2!important; } .section-awards .wysiwyg-content .callout-dark { background-color:#741087!important; } .section-workshops .wysiwyg-content .callout-dark { background-color:#A30A69!important; } .section-about .wysiwyg-content .callout-dark { background-color:#12A5FE!important; } .section-schemes .wysiwyg-content blockquote { border-left: 8px solid #827CC2!important; } .section-awards .wysiwyg-content blockquote { border-left: 8px solid #741087!important; } .section-workshops .wysiwyg-content blockquote { border-left: 8px solid #A30A69!important; } .section-about .wysiwyg-content blockquote { border-left: 8px solid #12A5FE!important; } .section-schemes .wysiwyg-content ul li:before { color: #827CC2!important; } .section-awards .wysiwyg-content ul li:before { color: #741087!important; } .section-workshops .wysiwyg-content ul li:before { color: #A30A69!important;} .section-about .wysiwyg-content ul li:before { color: #12A5FE!important; } /* Header Image BGs */ .section-schemes .left-col-subpage, .section-schemes .center-col-subpage { background: #827CC2!important; } .section-awards .left-col-subpage, .section-awards .center-col-subpage, .section-awards .container-header-img-subpage-round { background-color: #741087!important; } .section-workshops .left-col-subpage, .section-workshops .center-col-subpage { background: #A30A69!important; } .section-about .left-col-subpage, .section-about .center-col-subpage { background: #12A5FE!important; } /* GRID FILTERS */ .section-about .grid-filters .filter-toggle a { border-color: #12A5FE; } .section-about .grid-filters .filter-toggle a:hover, .section-about .grid-filters .filter-toggle a:active, .section-about .grid-filters .filter-toggle a.active { background: #12A5FE; } .section-about .grid-filters form input[type=text]:focus { border-color: #12A5FE; } .section-about .grid-filters form input[type=text]:focus ~ button.submit i:before, .section-about .grid-filters form input[type=text]:focus ~ button.submit:active i:before { color: #12A5FE; } /* CALLOUTS */ .wysiwyg-content .callout-dark h1, .wysiwyg-content .callout-dark h2, .wysiwyg-content .callout-dark h3, .wysiwyg-content .callout-dark h4, .wysiwyg-content .callout-dark h5, .wysiwyg-content .callout-dark h6, .wysiwyg-content .callout-dark p, .wysiwyg-content .callout-dark ul, .wysiwyg-content .callout-dark ol, .wysiwyg-content .callout-dark li, .wysiwyg-content .callout-dark blockquote, .wysiwyg-content .callout-dark .wp-caption, .wysiwyg-content .callout-dark a, .wysiwyg-content .callout-dark a:hover { color:#FFF!important; } .wysiwyg-content .callout-dark ul li:before { color:#FFF!important; } /* SELECTIONS */ .section-about ::-moz-selection { background: #12A5FE; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-about ::selection { background: #12A5FE; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-about ::-moz-selection { background: #12A5FE; color: #FFFFFF; /* Gecko Browsers */ } .section-schemes ::-moz-selection { background: #827CC2; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-schemes ::selection { background: #827CC2; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-schemes ::-moz-selection { background: #827CC2; color: #FFFFFF; /* Gecko Browsers */ } .section-workshops ::-moz-selection { background: #A30A69; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-workshops ::selection { background: #A30A69; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-workshops ::-moz-selection { background: #A30A69; color: #FFFFFF; /* Gecko Browsers */ } .section-awards ::-moz-selection { background: #741087; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-awards ::selection { background: #741087; color: #FFFFFF; /* WebKit/Blink Browsers */ } .section-awards ::-moz-selection { background: #741087; color: #FFFFFF; /* Gecko Browsers */ } /* FAQs Contact */ .faq-list .item { } .faq-list .item .faq-answer { padding-left: 25px; visibility: collapse; height: 0px; opacity: 0; transition: opacity 0.3s, visibility 0.3s;} .faq-list .item.active .faq-answer { visibility: visible; height: auto; padding-top: 16px!important; opacity: 1; transition: opacity 0.7s, visibility 0.7s; } .faq-list .item .faq-question h6 { cursor: pointer; display: inline-block; padding-top: 16px!important; margin-bottom: 16px!important; /* padding-left: 12px;*/} .section-about .wysiwyg-content.faq-list h6 { font-size: 22px; font-size: 2.2rem; line-height: 30px; line-height: 3.0rem; } .faq-list .item .faq-question h6:hover, .faq-list .item .faq-question h6:hover i:before { color: #151462!important;} .faq-list .item { border-top: 1px dashed #12A5FE; } .faq-list .item:nth-last-of-type(1) { border-bottom: 1px dashed #12A5FE; margin-bottom: 48px; } .section-about .wysiwyg-content.faq-list h5 {padding-top: 32px!important; margin-bottom: 8px!important; color:#151462!important;/* font-weight:500; */ font-size: 16px; font-size: 1.6rem; line-height: 34px; line-height: 3.4rem; text-transform:uppercase; border-top: 1px dashed #12A5FE; } .section-about .wysiwyg-content.faq-list h5:first-of-type { border-top: 0px dashed #12A5FE; padding-top: 8px!important; } .faq-list .item .faq-question i:before { padding-right: 13px; color:#12A5FE!important } .faq-list .item.active .faq-question i:before { content: "\e97e"; padding-right: 6px; } .faq-list .faq-button { display: inline-block; font-family: 'Readex Pro', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 16px; font-size: 1.6rem; border: 2px solid #12A5FE; color: #12A5FE; background-color: #FFFFFF; border-radius: 28px; padding: 15px 30px; } .faq-list .faq-button:hover { background-color: #12A5FE; color: #FFF; } @media (max-width: 574px) { .faq-list .item .faq-question h6, .section-about .wysiwyg-content.faq-list h5 { text-align: left!important; } .faq-list .item .faq-answer { padding-left: 0px; } } /* CHECK BELOW AND INTEGRATE */ /* MOBILE NAV */ .header-wrapper, .container-fluid.bg-white {display:-webkit-box;display:-ms-flexbox;display:flex;} .RD-mobile-nav {display:none; z-index: 9999;} .dl-menuwrapper > a { display: block; width: 150px; } .dl-menuwrapper { /* height:100px; */} .RD-mobile-nav { /*background: #151462;*/ background: #FFF; width: 100%; height: 100px; /*position: relative; box-shadow: 0 3px 6px #00000040;*/ } .RD-mobile-nav .RD-mobile-logo { height: 55px; width: auto; background-image: url('../img/FSHI-Blue-transparent-bg.png'); background-repeat: no-repeat; background-size: contain; background-position: left center; background-color:transparent!important; margin: 7px 0 0px 18px; } .dl-menu > a { width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; height:-webkit-fit-content; height:-moz-fit-content; height:fit-content; } .RD-hide-content .RD-mobile-nav .RD-mobile-logo { background-image: url('../img/FSHI-white-transparent-bg.png'); } /* Stop scrolling when menu open */ body.RD-hide-content #content, body.RD-hide-content .bg-footer {display:none; } .container-fluid.bg-white a.lmButtShi.active { color: #777; cursor: default;} .text-only .title-banner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align:center; } /* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: BREAKPOINTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ @media (min-width: 576px) { /* .container { max-width: 540px; margin: 0 auto; }*/ } @media (min-width: 768px) { /* .container { max-width: 720px; margin: 0 auto; }*/ } @media (min-width: 992px) { .container { max-width: 960px; margin: 0 auto; } .header-wrapper { display:-webkit-box; display:-ms-flexbox; display:flex; } .container-fluid.bg-white { display:block; } .RD-mobile-nav { display:none; } } @media (min-width: 1200px) { .container { max-width: 1140px; margin: 0 auto; } } @media (min-width: 1400px) { .container { max-width: 1320px; margin: 0 auto; } } @media (max-width: 1399px) { .section-about .grid-row .grid-cards { width: 33.25%; } .section-awards .grid-row .grid-col { width: 25%; } .section-schemes .grid-row .grid-cards { width: 33.25%; } .container-fluid.bg-footer { margin-top: 100px!important; } .page-template-page-home .container-fluid.bg-footer { margin-top: 0px!important; } } @media (max-width: 1199px) { nav.main-nav .main-nav-ul li a { padding: 8px 12px; } nav.main-nav .main-nav-ul li { padding-left: 6px; } .title-banner h1 { font-size: 42px; font-size: 4.2rem; line-height: 52px; line-height: 5.2rem; } .title-banner p { font-size: 20px; font-size: 2.0rem; line-height: 30px; line-height: 3.0rem; } .section-home .home-schemes .grid-row .grid-cards { width: 50%; } .section-home .section-about .grid-row .grid-col{ width: 33.25%; } .section-home .section-about .grid-row .grid-col:nth-last-of-type(1) { display:none; } .section-home .section-twitter .grid-row .grid-col { width: 50%; } .section-about .alm-reveal .grid-col, .section-about .alm-listing .grid-col { width: 50%; } .page-template-page-workshops .workshop-content { width: 80%; } .grid-row .grid-col-3 { width: 33%; } .grid-row .grid-col-9 { width: 66%; } .container-header-fluid-absolute .title-banner { width: 50%; } .section-about .grid-team .item { width: 49%; } /* .container-header-img-subpage-round { right: -80px; } */ .page-template-default .workshop-content, .single-awardee .workshop-content { margin: 0 auto; width: 80%; } } @media (max-width: 991px) { .container-header-img-subpage-round { top: 80px; height: 270px; width: 270px; right: 25px; } .subpage-round .center-col-subpage { width: calc(100% - 209px); } .subpage-round .center-col-subpage .title-banner div { padding-right: 94px; } .center-col-subpage .title-banner div { width: 100%; /* width: calc( 100vw - 30px);*/ } .section-home .section-awards .center-col-subpage { min-height: 340px!important; width: 70%; height: 340px; } .section-home .section-awards .left-col-subpage { min-height: 340px!important; height: 340px; } .section-home .section-awards .container-header-fluid { min-height: 450px!important; } .section-home .section-awards .title-banner { padding-top: 55px!important; padding-bottom: 40px!important; } .container { padding-left: 30px; padding-right: 30px; } .page-template-page-workshops .workshop-content { width: 100%; } .container-content-start { margin-top: 30px; padding-top: 30px; } .section-about .tabs .panel h2 { text-align: center; } .section-about .grid-team .item { width: 32%; } .header-wrapper, .container-fluid.bg-white { display:none; } .RD-mobile-nav { display:block; } .RD-mobile-nav { position: relative; -webkit-box-shadow: 0 0px 0px #00000040; box-shadow: 0 0px 0px #00000040; } .copyright, .copyright a { text-align: center; } .title-banner h1 { font-size: 38px; font-size: 3.8rem; line-height: 42px; line-height: 4.2rem; } .title-banner p { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; } .container-header-fluid.container-main-top { padding-top: 0px; min-height: 350px; } .container-header-fluid.container-main-top.subpage { /*margin-top:30px;*/ } .center-col-subpage .title-banner { padding-left: 30px; } .center-col-subpage .title-banner { padding-top: 0px; } .title-banner { padding-bottom: 0px; } .single-awardee .workshop-content, .page-template-default .workshop-content { width: 80%; margin: 0 auto; } .container-header-img { height: 350px; } .page-template-page-home .container-header-img { height: 400px; } .page-template-page-home .container-header-fluid.container-main-top { min-height: 390px; } .workshop-home-wrapper { width: 100%; border-radius: 0px; } .section-home .section-workshop .panel { width: 50%; height: 500px; border-radius:0; padding: 20px; } .section-home .section-workshop .panel h3 { font-size: 24px; font-size: 2.4rem; line-height: 32px; line-height: 3.2rem; padding-bottom: 10px; } .grid-row .grid-cards { padding-bottom: 25px; padding-left: 10px; padding-right: 10px; min-height: 220px; } .grid-row .grid-cards .section-card { padding: 15px; } .section-awards .grid-row .grid-col { width: 33.25%; } .section-about .grid-row .grid-cards { width: 50%; } .section-about .grid-row .grid-col-3 { display:none; } .section-about .grid-row .grid-col-9 { width: 80%; margin: 0 auto; } .page-template-page-trustee .grid-row .grid-col-9, .page-template-page-contact .grid-row .grid-col-9, .page-template-page-news .grid-row .grid-col-9 { width: 100%; margin: 0 auto; } .grid-row .grid-col-9 { padding-right: 15px; } .section-about .alm-reveal .grid-col, .section-about .alm-listing .grid-col { width: 33.25%; } .section-about .alm-reveal .grid-col, .section-about .alm-listing .grid-col, .section-about .alm-listing .grid-col { padding-bottom: 25px; padding-left: 10px; padding-right: 10px; } .container-fluid.bg-footer { margin-top: 80px!important; } .page-template-page-home .container-fluid.bg-footer { margin-top: 0px!important; } .RD-mobile-nav { height: 100px; } .RD-mobile-nav .RD-nav-btn:before { top: 31px; right: 36px; } .RD-mobile-nav .RD-mobile-logo { height: 67px; margin: 15px 0 0px 30px; } .bg-footer { padding-top: 80px; } .left-col-subpage, .center-col-subpage, .right-col-subpage, .container-header-img-subpage { min-height: 270px; height: 270px; } .container-header-fluid.container-main-top { } .center-col-subpage, .right-col-subpage, .container-header-img-subpage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wysiwyg-content .callout-light, .wysiwyg-content .callout-dark, .wysiwyg-content .callout-light.small-text, .wysiwyg-content .callout-dark.small-text { padding: 20px 15px 10px 15px; margin-left: -15px; margin-right: -15px; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div { width: 75%; } .section-home .section-awards .subpage-round .center-col-subpage { width: calc(100% - 50px); } .section-home .section-awards .left-col-subpage, .section-home .section-awards .center-col-subpage, .section-home .section-awards .right-col-subpage, .section-home .container-header-img-subpage { min-height: auto!important; height: auto!important; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div blockquote { font-weight: 300; font-size: 28px; font-size: 2.8rem; line-height: 36px; line-height: 3.6rem; } .grid-row .grid-col { padding-bottom: 25px; padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .workshop-home-wrapper { width: 100%; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .section-home .section-workshop .panel { width: 100%; height: 50%; border-radius:0; padding: 20px; } .section-home .section-workshop .panel h3 { font-size: 24px; font-size: 2.4rem; line-height: 32px; line-height: 3.2rem; padding-bottom: 10px; } .section-home .section-workshop .panel .date { padding-bottom: 10px; } .section-home .section-workshop .panel h3 { font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; padding-bottom: 20px; } .section-home .section-workshop .panel .subtitle { display:none; } .section-home .home-button { padding: 10px 20px; } .center-col-subpage .title-banner div { width: calc( 100vw - 60px); } .workshop-home-wrapper { background-repeat: no-repeat; background-size: contain; background-position: top center; } .single-scheme .center-col-subpage { min-height: auto; } .single-scheme .grid-row .grid-col-9 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; } .single-scheme .grid-row .grid-col-3 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .section-home .container-header-img { height: 400px; left: unset; width: 100%; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .section-home .container-header-fluid-absolute .title-banner { width: 100%; } .section-awards .absolute-fluid-subpage .container-header-img-subpage-round {} .workshop-home-wrapper { width: 100%; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .single-awardee .workshop-content, .page-template-default .workshop-content { width:100%; } .single-awardee .center-col-subpage { min-height:auto; } .section-home .section-about .grid-row .grid-col{ width: 49.5%; } .section-home .section-about .grid-row .grid-col:nth-last-of-type(1) { display:block; } .container-header-img-subpage:after, .container-header-img:after { background: url('../img/bg-mobile-header-f8f8f8-inv-x2x2-min.svg') no-repeat center calc(100% + 1px); background-size: 100% auto; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .section-awards .absolute-fluid-subpage .container-header-img-subpage-round, .center-col-subpage .title-banner { padding-left:30px; padding-right:30px;} .page-template-page-workshops .workshop-content { width: 100%; } .container-content-start { margin-top: 0px; } .title-banner { margin-bottom: 30px; } .RD-mobile-nav { height: 70px; } .RD-mobile-nav .RD-nav-btn:before { top: 17px; } .RD-mobile-nav .RD-mobile-logo { height: 55px; } .RD-mobile-nav { position: relative; -webkit-box-shadow: 0 3px 6px #00000040; box-shadow: 0 3px 6px #00000040; } .left-col-subpage, .center-col-subpage, .right-col-subpage, .container-header-img-subpage { min-height: auto; height: auto; } .container-content-start { padding-top: 0px; } .section-about .grid-row .grid-col-9 { width: 100%; } .title-banner { margin-bottom: 56px; margin-top: 30px; } .page-template-page-about-us .title-banner, .single-article .title-banner, .page-template-page-workshops .title-banner, .page-template-page-awards .title-banner, .page-template-page-schemes .title-banner { margin-top: 0px; } .title-banner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } /* HEADER */ .container-header-fluid { width: 100%; display: block; min-height: 300px; } .container-header-img { position: relative; left: unset; height: 300px; width: 100%; /* border-top-left-radius: 0px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px;*/ border-radius:0; } .container-header-fluid-absolute .title-banner { width: 100%; } .container-header-fluid-absolute .title-banner h1, .container-header-fluid-absolute .title-banner p { text-align:center; } .container-header-fluid-absolute { margin: 0 auto; position: relative; top: inherit; left: inherit; height: auto; } .container-header-fluid.container-main-top { padding-top: 0px;} .container-header-fluid { padding: 0 0px; } .container-header-img-subpage { position: relative; top: unset; left: unset; height: 300px; width: 100%; /*border-top-left-radius: 0px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px;*/ border-radius:0; } .absolute-fluid-subpage { position: relative; top: unset; left: unset; width: 100%; display:block; } .section-about .center-col-subpage, .section-schemes .center-col-subpage { background: transparent!important; } .center-col-subpage { background: transparent; mix-blend-mode: unset; min-height: 340px; width: 100%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .left-col-subpage, .right-col-subpage { display:none; } .section-about .title-banner h1, .section-about .center-col-subpage a { color: #12A5FE!important; text-align:center; } .section-schemes .title-banner h1, .section-schemes.center-col-subpage a { color: #827CC2!important; text-align:center; } .section-workshops .title-banner h1, .section-workshops .center-col-subpage a { color: #A30A69!important; text-align:center; } .section-awards .title-banner h1, .section-awards .center-col-subpage a { color: #741087!important; text-align:center; } .center-col-subpage p { color: #151462!important; text-align:center; } .center-col-subpage .title-banner div { padding-right: 0; } .section-about .subpage .center-col-subpage { min-height: auto; } .section-about .container-content-start { padding-top: 0px!important; } .section-awards .center-col-subpage { width: 100% ; background-color: transparent!important; } .section-awards .absolute-fluid-subpage > .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-awards .absolute-fluid-subpage .container-header-img-subpage-round { position: relative; top: unset; right: unset; height: 150px; width: 150px; margin-top:45px; } .section-awards .subpage-round .center-col-subpage .title-banner div { padding-right: 0px; } /* CONTENT */ .workshop-content { width: 100%; } .section-about .grid-row .grid-cards { width: 50%; } .section-awards .grid-row .grid-col { width: 50%; } .section-schemes .grid-row .grid-cards { width: 50%; } .section-about .grid-team .item { width: 48%; } .section-about .grid-team .teamDetails { display:none; } .section-about .grid-team .teamDetails .trustee-info { display:block; } .section-about .grid-team .trustee-info .trustee-bio {margin-right: 0px; width: 100%; margin-bottom: 18px; } .section-about .grid-team .trustee-info ul { text-align: center; width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-about .grid-team .trustee-info li { margin: 0 12px;} .section-about .alm-reveal .grid-col, .section-about .alm-listing .grid-col { width: 50%; } .copyright, .copyright a { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; } .section-schemes .grid-row .grid-col-3 { width: 100%; } .section-schemes .grid-row .grid-col-9 { width: 100%; } .section-schemes .subpage .grid-row { display: block; } /* CONTENT */ .wysiwyg-content .callout-dark { padding: 15px 30px 10px 15px; margin-left: 0px; margin-right: 0px; } .wysiwyg-content .callout-light { padding: 15px 30px 10px 15px; margin-left: 0px; margin-right: 0px; } .wysiwyg-content blockquote { margin-left: 0px; } .RD-mobile-nav .RD-mobile-logo { margin: 6px 0 0px 20px; } .RD-mobile-nav .RD-nav-btn:before { right: 30px; } .text-only.container-main-top { padding-top: 40px; } .page-template-page-home .section-awards .center-col-subpage p { color: #FFF!important; } .page-template-page-home .section-awards .title-banner { margin-bottom: 30px; } .section-home .home-schemes .home-scheme-wrap.container { padding-top: 80px; } .section-home .news-panel { background-image:none!important; } .section-home .section-workshop > section { padding-bottom: 0px; } .section-home .news-panel > .container { padding-top: 93px; } .section-home .section-awards .subpage-round .center-col-subpage { width:100%;} .section-schemes .scheme-docs ul { column-count: 2; } } @media (max-width: 574px) { .section-schemes .scheme-docs ul { column-count: 1; } /* .section-about .grid-row .grid-col-9 { padding-left:0px; padding-right:0px; }*/ .section-about .tabs .label { padding: 10px 14px; font-size: 13px; font-size: 1.3rem; margin: 0 5px 20px 5px; } .center-col-subpage .title-banner { padding-left:15px; padding-right:15px;} .section-home .section-about .grid-row .grid-col{ width: 99.5%; } .section-home .section-twitter .grid-row .grid-col { width: 99.5%; } .section-home .home-schemes .grid-row .grid-cards { width: 99.5%; } .section-home .section-awards .absolute-fluid-subpage .container-header-img-subpage-round { display:none; } .section-home .title-banner { margin-top: 0px;margin-bottom: 0px; } .section-home .section-twitter .grid-row .grid-col:nth-last-of-type(1) article { padding-bottom: 20px; border-bottom: dotted 5px #12A5FE; } .section-home .section-twitter article, .section-home .section-twitter article .tweet, .section-home .section-twitter article .date { text-align:center;} .section-home h2 { word-break: break-all; } .section-home h2 { font-size: 32px; font-size: 3.2rem; line-height: 34px; line-height: 3.4rem; padding-bottom: 80px; font-weight:400; } .section-home .section-awards .subpage-round .center-col-subpage .title-banner div blockquote { font-weight: 300; font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3.0rem; } .section-home h2 { padding-bottom: 50px; } .section-home .home-schemes .section-button { margin-top: 30px;} .section-home .container-content-start.home-schemes { padding-bottom: 0px!important; } .section-home .container-content-start.home-schemes > div { padding-bottom: 72px; } .section-home .section-about.news-panel { background-image:none!important;} .section-home .section-workshop > section { padding-bottom: 0px; } .single-article .title-banner { margin-top: 0px; } .wysiwyg-content blockquote { margin-left: 0px; } .wysiwyg-content .alignright, .wysiwyg-content .alignleft, .wysiwyg-content .aligncenter { width:100%!important; margin-bottom:30px; } .wysiwyg-content .alignright img, .wysiwyg-content .alignleft img, .wysiwyg-content .aligncenter img { width:100%!important; } .wysiwyg-content .aligncenter .wp-caption-text, .wysiwyg-content .alignright .wp-caption-text, .wysiwyg-content .alignleft .wp-caption-text { text-align:center!important; } .wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 { text-align: center; } .wysiwyg-content h1, .wysiwyg-content h2 { font-size: 38px; font-size: 3.8rem; line-height: 48px; line-height: 4.8rem; } .wysiwyg-content h3, .wysiwyg-content h4 { font-size: 32px; font-size: 3.2rem; line-height: 42px; line-height: 4.2rem; } .wysiwyg-content h5, .wysiwyg-content h6 { font-size: 22px; font-size: 2.2rem; line-height: 32px; line-height: 3.2rem; } .wysiwyg-content p, .wysiwyg-content li, .wysiwyg-content ol{ font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; } .wysiwyg-content .intro-text { font-size: 24px; font-size: 2.4rem; line-height: 32px; line-height: 3.2rem; text-align:center;} .section-about .grid-row .grid-cards { width: 100%; } .item.trustee img, .awardee-portrait img { width: 130px; height: 130px; } .section-awards .grid-awardee h2 { font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; margin-bottom: 2px; } .section-awards .grid-awardee p { font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem; } .section-schemes .grid-row .grid-cards { width: 100%; } .section-about .grid-team .item { width: 98%; margin-bottom:24px; } .section-about .grid-team .teamDetails { display:block; border: 0px; background-color: #f8f8f8; float: left; border-radius: 0px; width: 100%; padding: 0px; margin-bottom: 0px; } .section-about .grid-team .teamDetails .trustee-info { display:block; margin-bottom: 24px; } .section-about .grid-team .item:hover img { -webkit-box-shadow: unset; box-shadow: unset; } .section-about .grid-team .item:hover h2 { color: #12A5FE; } .section-about .alm-reveal .grid-col, .section-about .alm-listing .grid-col { width: 100%; } .section-workshops .section-card article { display: block; padding-bottom: 20px; margin-bottom: 20px; } .section-workshops .workshop-heading, .section-workshops .workshop-details { padding-left: 0px; width:100%; } .section-workshops .filter-toggle, .section-about .filter-toggle { display:none; } .section-workshops .grid-filters form, .section-about .grid-filters form { width:100%; } .section-home .container-fluid.section-workshop .container-fluid { height: 600px!important; } .section-home .news-panel > .container { padding-top: 90px; } .center-col-subpage .title-banner div { width: calc( 100vw - 30px); } /* Footer */ .footer-menu-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-menu-wrap > a { display:none; } .footer-menu-wrap .footer-nav { width: 100%; } .footer-menu-wrap nav.footer-nav, .footer-menu-wrap nav.footer-nav .footer-nav-ul li a, .footer-menu-wrap nav.footer-nav .footer-nav-ul li { text-align:center; } } /* Maintenance Styles */ .aiowps-site-lockout-body { background: #FFF!important; height: 100%!important; width: 100%!important; } .aiowps-site-lockout-box { margin-top: 0px!important; border: 0px solid #FFE20A!important; padding-top: 80px!important; } .aiowps-site-lockout-body h1 { font-size: 32px!important; font-size: 3.2rem!important; line-height: 48px!important; line-height: 4.8rem!important; text-align: center!important; margin-bottom: 30px!important; padding: 0px!important; } .aiowps-site-lockout-body p { font-size: 18px!important; font-size: 1.8rem!important; line-height: 28px!important; line-height: 2.8rem!important; font-weight: 400!important; text-align: center!important; margin-bottom: 30px!important; padding: 0px!important; } .aiowps-site-lockout-body img { text-align: center!important; margin-bottom: 30px!important; padding: 0px!important; } @media (min-width: 1900px) { .footer-menu-wrap { padding-top: 30px; } } @media (min-width: 2500px) { .footer-menu-wrap { padding-top: 60px; } }