html {
box-sizing: border-box; }
*, *::after, *::before {
box-sizing: inherit; }
@font-face {
font-family: 'Avant Garde';
src: url("../fonts/avant_garde_gothic/avant_garde_gothic.eot");
src: url("../fonts/avant_garde_gothic/avant_garde_gothic.eot?#iefix") format("embedded-opentype"), url("../fonts/avant_garde_gothic/avant_garde_gothic.woff") format("woff"), url("../fonts/avant_garde_gothic/avant_garde_gothic.ttf") format("truetype"), url("../fonts/avant_garde_gothic/avant_garde_gothic.svg") format("svg");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Avant Garde';
src: url("../fonts/avant_garde_medium/avant-garde-medium.eot");
src: url("../fonts/avant_garde_medium/avant-garde-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/avant_garde_medium/avant-garde-medium.woff") format("woff"), url("../fonts/avant_garde_medium/avant-garde-medium.ttf") format("truetype");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'Avant Garde';
src: url("../fonts/avant_garde_gothic_bold/avant_garde_gothic_bold.eot");
src: url("../fonts/avant_garde_gothic_bold/avant_garde_gothic_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/avant_garde_gothic_bold/avant_garde_gothic_bold.woff") format("woff"), url("../fonts/avant_garde_gothic_bold/avant_garde_gothic_bold.ttf") format("truetype"), url("../fonts/avant_garde_gothic_bold/avant_garde_gothic_bold.svg") format("svg");
font-weight: 700;
font-style: normal; }
body {
font-family: "Avant Garde", sans-serif;
margin: 0;
font-size: 0.6875em;
color: #434954;
font-weight: 400;
background: url("../images/header-bg.jpg") repeat-x;
background-position: top 65px center;
background-size: 100% auto !important;
-webkit-font-smoothing: antialiased; }
@media screen and (min-width: 768px) {
body {
font-size: 0.875em;
background-position: top 70px center; } }
@media screen and (min-width: 1060px) {
body {
background-position: top 100px center;
background-size: auto !important; } }
a:link, a:active, a:visited {
text-decoration: none;
font-weight: 700;
color: #1d398d; }
a:hover {
color: #12b5ba; }
p {
margin: 0 0 1.2em 0; }
strong {
font-weight: 700; }
.contact-google-map {
height: 200px; }
@media screen and (min-width: 768px) {
.contact-google-map {
height: 450px; } }
.front {
background: url("../images/home-header-bg.jpg") repeat-x; }
.highlight-text {
font-weight: 700;
color: #12b5ba;
font-size: 1.2em; }
.inline-content {
margin-bottom: 0.8em;
display: inline-block; }
@media screen and (min-width: 768px) {
.inline-content {
margin-bottom: 0.2em; } }
.title-small h2.block__title {
font-size: 1.35em !important; }
@media screen and (min-width: 320px) {
.mobile {
display: block; } }
@media screen and (min-width: 768px) {
.mobile {
display: none; } }
@media screen and (min-width: 1060px) {
.mobile {
display: none; } }
.tablet {
display: none; }
@media screen and (min-width: 320px) {
.tablet {
display: none; } }
@media screen and (min-width: 768px) {
.tablet {
display: block; } }
@media screen and (min-width: 1060px) {
.tablet {
display: none; } }
.desktop {
display: none; }
@media screen and (min-width: 320px) {
.desktop {
display: none; } }
@media screen and (min-width: 768px) {
.desktop {
display: none; } }
@media screen and (min-width: 1060px) {
.desktop {
display: block; } }
.not-mobile {
display: none; }
@media screen and (min-width: 320px) {
.not-mobile {
display: none !important; } }
@media screen and (min-width: 768px) {
.not-mobile {
display: block !important; } }
@media screen and (min-width: 1060px) {
.not-mobile {
display: block !important; } }
@media screen and (min-width: 320px) {
.not-tablet {
display: block; } }
@media screen and (min-width: 768px) {
.not-tablet {
display: none; } }
@media screen and (min-width: 1060px) {
.not-tablet {
display: block; } }
@media screen and (min-width: 320px) {
.not-desktop {
display: block; } }
@media screen and (min-width: 768px) {
.not-desktop {
display: block; } }
@media screen and (min-width: 1060px) {
.not-desktop {
display: none; } }
h1, .paragraphs-items .field--name-field-title,
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .field--name-field-title-center-left, .paragraphs-item-endorsement .field--name-our-endorsements-title h2 {
font-weight: 700;
color: #12b5ba;
margin-bottom: 0.3em;
font-size: 2em; }
h2 {
font-weight: 700;
font-size: 1.6em;
margin-bottom: 0.5em;
color: #12b5ba; }
h3, h4, h5, h6 {
font-weight: 700; }
.blue-btn {
display: inline-block;
padding: 0.7em 2.5em;
text-transform: uppercase;
color: white !important;
cursor: pointer;
background: #1896d4; }
.blue-btn:hover {
background-color: #12b5ba; }
.contained, .l-content, .l-region--footer-bottom, .tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav, .tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner {
width: 100%;
padding: 0 2%; }
@media screen and (min-width: 1060px) {
.contained, .l-content, .l-region--footer-bottom, .tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row, .tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav, .tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner {
padding: 0;
margin: auto;
max-width: 1080px; } }
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left, .page-search .l-content .search-form, .page-search .l-content h2, .page-search .l-content .search-results, .paragraphs-item-content-with-views, .paragraphs-item-four-column-content, .paragraphs-item-full-image-slider, .paragraphs-item-three-col-content, .paragraphs-item-two-col-content, .paragraphs-item-two-col-dynamic-content {
margin: 1.5em auto;
max-width: 94%;
padding: 0 5%; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left, .page-search .l-content .search-form, .page-search .l-content h2, .page-search .l-content .search-results, .paragraphs-item-content-with-views, .paragraphs-item-four-column-content, .paragraphs-item-full-image-slider, .paragraphs-item-three-col-content, .paragraphs-item-two-col-content, .paragraphs-item-two-col-dynamic-content {
max-width: 85%;
padding: 0; } }
@media screen and (min-width: 1060px) {
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left, .page-search .l-content .search-form, .page-search .l-content h2, .page-search .l-content .search-results, .paragraphs-item-content-with-views, .paragraphs-item-four-column-content, .paragraphs-item-full-image-slider, .paragraphs-item-three-col-content, .paragraphs-item-two-col-content, .paragraphs-item-two-col-dynamic-content {
max-width: 840px; } }
@media screen and (min-width: 1060px) {
.front .l-content {
margin: auto;
max-width: 1101px; } }
.img-border, .flexslider, .home-panel-3 .group-right img, .home-panel-4 > .group-left .facebook-feed, .home-panel-4 > .group-right .home-video img, .node--activity.view-mode-featured_teaser .field--name-field-image img, .node--activity.view-mode-full > .group-left .field--name-field-image img, .node--article.view-mode-featured_teaser .field--name-field-image img, .node--article.view-mode-full > .group-left .field--name-field-image img, .node--profile.view-mode-teaser .field--name-field-image img, .node--programme .field--name-content-linked-image img, .node--resource.view-mode-featured_teaser .field--name-field-image img, .node--resource.view-mode-full > .group-left .field--name-field-image img, .paragraphs-item-three-col-content .field--type-image img, .paragraphs-item-two-col-content img, .six-col-layout .content img, .view.three-col .view-content .views-field-field-image img {
width: 100%;
height: auto;
padding: 0.3em;
border: 0.5em solid #eaecee; }
@media screen and (min-width: 768px) {
.img-border, .flexslider, .home-panel-3 .group-right img, .home-panel-4 > .group-left .facebook-feed, .home-panel-4 > .group-right .home-video img, .node--activity.view-mode-featured_teaser .field--name-field-image img, .node--activity.view-mode-full > .group-left .field--name-field-image img, .node--article.view-mode-featured_teaser .field--name-field-image img, .node--article.view-mode-full > .group-left .field--name-field-image img, .node--profile.view-mode-teaser .field--name-field-image img, .node--programme .field--name-content-linked-image img, .node--resource.view-mode-featured_teaser .field--name-field-image img, .node--resource.view-mode-full > .group-left .field--name-field-image img, .paragraphs-item-three-col-content .field--type-image img, .paragraphs-item-two-col-content img, .six-col-layout .content img, .view.three-col .view-content .views-field-field-image img {
padding: 0.8em; } }
.node--activity.view-mode-full > .group-header, .node--article.view-mode-full > .group-header, .node--location.view-mode-full > .group-header, .node--area.view-mode-full > .group-header, .node--resource.view-mode-full > .group-header, .page-search .l-content > .group-header, .paragraphs-item-content-with-views.view-mode-two_col_large_left_small_right > .group-header, .paragraphs-item-two-col-content.view-mode-two_col_large_left_small_right > .group-header, .paragraphs-item-two-col-dynamic-content.view-mode-full > .group-header {
width: 100%; }
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_large_left_small_right > .group-left, .paragraphs-item-two-col-content.view-mode-two_col_large_left_small_right > .group-left, .paragraphs-item-two-col-dynamic-content.view-mode-full > .group-left {
width: 100%; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_large_left_small_right > .group-left, .paragraphs-item-two-col-content.view-mode-two_col_large_left_small_right > .group-left, .paragraphs-item-two-col-dynamic-content.view-mode-full > .group-left {
width: 67%;
margin-right: 3%; } }
.node--activity.view-mode-full > .group-right, .node--article.view-mode-full > .group-right, .node--location.view-mode-full > .group-right, .node--area.view-mode-full > .group-right, .node--resource.view-mode-full > .group-right, .page-search .l-content > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_large_left_small_right > .group-right, .paragraphs-item-two-col-content.view-mode-two_col_large_left_small_right > .group-right, .paragraphs-item-two-col-dynamic-content.view-mode-full > .group-right {
width: 100%; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-full > .group-right, .node--article.view-mode-full > .group-right, .node--location.view-mode-full > .group-right, .node--area.view-mode-full > .group-right, .node--resource.view-mode-full > .group-right, .page-search .l-content > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_large_left_small_right > .group-right, .paragraphs-item-two-col-content.view-mode-two_col_large_left_small_right > .group-right, .paragraphs-item-two-col-dynamic-content.view-mode-full > .group-right {
width: 30%; } }
.mobile-menu ul.menu li a, .mobile-menu-book-now h2 {
display: block;
padding: 0.8em 2em;
font-size: 1.35em;
text-transform: uppercase;
font-weight: 700;
color: white; }
.node--profile.view-mode-teaser > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_small_left_large_right > .group-left, .paragraphs-item-two-col-content.view-mode-two_col_small_left_large_right > .group-left, .node--profile.view-mode-teaser > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_small_left_large_right > .group-right, .paragraphs-item-two-col-content.view-mode-two_col_small_left_large_right > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_equal > .group-left, .paragraphs-item-two-col-content.view-mode-default > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_equal > .group-right, .paragraphs-item-two-col-content.view-mode-default > .group-right, .l-header, .l-region--footer .footer-content, .l-region--footer .footer-subscribe, .footer-copyright {
width: 100%;
padding: 0 5%; }
@media screen and (min-width: 580px) {
.node--profile.view-mode-teaser > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_small_left_large_right > .group-left, .paragraphs-item-two-col-content.view-mode-two_col_small_left_large_right > .group-left, .node--profile.view-mode-teaser > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_small_left_large_right > .group-right, .paragraphs-item-two-col-content.view-mode-two_col_small_left_large_right > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_equal > .group-left, .paragraphs-item-two-col-content.view-mode-default > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_equal > .group-right, .paragraphs-item-two-col-content.view-mode-default > .group-right, .l-header, .l-region--footer .footer-content, .l-region--footer .footer-subscribe, .footer-copyright {
padding: 0; } }
.block--views-exp-resources-block .views-exposed-form .views-exposed-widget .views-widget .form-item select.form-select, [class^="youthtown-location-finder"] .form-item select.form-select, [class*=" youthtown-location-finder"] .form-item select.form-select,
[class^="youthtown-location-location"] .form-item select.form-select, [class*=" youthtown-location-location"] .form-item select.form-select {
background: url("../images/dropdown-arrow.jpg") no-repeat top 2px right 0.5em white;
background: white\9;
/* IE8 and below */
background-size: 1.75em 1.75em;
font-weight: 700;
font-size: 0.9em;
color: #434954;
border: 0;
border-radius: 0;
padding: 0.5em;
width: 100%;
-webkit-appearance: none;
text-indent: 0.5em;
margin-bottom: 0.6em;
padding-right: 3em;
padding-right: 0\9;
/* IE8 and below */ }
.node--activity.view-mode-sidebar_teaser .field--name-node-link a:hover, .node--media-document.view-mode-teaser .field--name-node-link a:hover {
color: #434954 !important; }
.node--activity.view-mode-sidebar_teaser .field--name-node-link a.open, .node--media-document.view-mode-teaser .field--name-node-link a.open {
float: right;
background: url("../images/close-text-icon.png") right bottom no-repeat;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out; }
.node--activity.view-mode-sidebar_teaser .field--name-node-link a.open .content, .node--media-document.view-mode-teaser .field--name-node-link a.open .content {
opacity: 0; }
.node--activity.view-mode-sidebar_teaser .group-dropdown, .node--media-document.view-mode-teaser .group-dropdown {
position: relative;
color: #434954; }
.node--activity.view-mode-sidebar_teaser .group-dropdown a:hover, .node--media-document.view-mode-teaser .group-dropdown a:hover {
color: #434954 !important; }
.node--activity.view-mode-sidebar_teaser .group-dropdown .content, .node--media-document.view-mode-teaser .group-dropdown .content {
position: absolute;
top: 0;
right: 0;
padding: 1em;
margin-top: 1.5em;
background-color: white;
box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.5);
z-index: 2;
width: 100%;
display: none; }
@media screen and (min-width: 1060px) {
.node--activity.view-mode-sidebar_teaser .group-dropdown .content, .node--media-document.view-mode-teaser .group-dropdown .content {
font-size: 0.9em;
margin-right: -6%;
width: 180%; } }
.node--activity.view-mode-sidebar_teaser .group-dropdown .content .field--name-field-image, .node--media-document.view-mode-teaser .group-dropdown .content .field--name-field-image {
margin-bottom: 0.5em;
text-align: center; }
.node--activity.view-mode-sidebar_teaser .group-dropdown .content .field--name-field-image img, .node--media-document.view-mode-teaser .group-dropdown .content .field--name-field-image img {
max-width: 350px;
width: 100%;
height: auto; }
.node--activity.view-mode-sidebar_teaser .group-dropdown .content .field--name-body, .node--media-document.view-mode-teaser .group-dropdown .content .field--name-body {
margin-top: 0.5em; }
@media screen and (min-width: 768px) {
.node--profile.view-mode-teaser > .group-left, .paragraphs-item-content-with-views.view-mode-two_col_small_left_large_right > .group-left, .paragraphs-item-two-col-content.view-mode-two_col_small_left_large_right > .group-left {
width: 30%;
margin-right: 3%; } }
@media screen and (min-width: 768px) {
.node--profile.view-mode-teaser > .group-right, .paragraphs-item-content-with-views.view-mode-two_col_small_left_large_right > .group-right, .paragraphs-item-two-col-content.view-mode-two_col_small_left_large_right > .group-right {
width: 67%; } }
@media screen and (min-width: 768px) {
.paragraphs-item-content-with-views.view-mode-two_col_equal > .group-left, .paragraphs-item-two-col-content.view-mode-default > .group-left {
width: 48%;
margin-right: 4%; } }
@media screen and (min-width: 768px) {
.paragraphs-item-content-with-views.view-mode-two_col_equal > .group-right, .paragraphs-item-two-col-content.view-mode-default > .group-right {
width: 48%; } }
.node--activity.view-mode-full, .node--article.view-mode-full, .node--location.view-mode-full, .node--area.view-mode-full, .node--resource.view-mode-full, .page-search .l-content {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left {
width: 100%;
margin: 0 0 2em 0; }
@media screen and (min-width: 1060px) {
.node--activity.view-mode-full > .group-left, .node--article.view-mode-full > .group-left, .node--location.view-mode-full > .group-left, .node--area.view-mode-full > .group-left, .node--resource.view-mode-full > .group-left, .page-search .l-content > .group-left {
margin-right: 3%;
max-width: 560px;
width: 67%; } }
.node--activity.view-mode-full > .group-left h1, .node--article.view-mode-full > .group-left h1, .node--location.view-mode-full > .group-left h1, .node--area.view-mode-full > .group-left h1, .node--resource.view-mode-full > .group-left h1, .page-search .l-content > .group-left h1, .node--activity.view-mode-full > .group-left .paragraphs-items .field--name-field-title, .paragraphs-items .node--activity.view-mode-full > .group-left .field--name-field-title, .node--article.view-mode-full > .group-left .paragraphs-items .field--name-field-title, .paragraphs-items .node--article.view-mode-full > .group-left .field--name-field-title, .node--location.view-mode-full > .group-left .paragraphs-items .field--name-field-title, .paragraphs-items .node--location.view-mode-full > .group-left .field--name-field-title, .node--area.view-mode-full > .group-left .paragraphs-items .field--name-field-title, .paragraphs-items .node--area.view-mode-full > .group-left .field--name-field-title, .node--resource.view-mode-full > .group-left .paragraphs-items .field--name-field-title, .paragraphs-items .node--resource.view-mode-full > .group-left .field--name-field-title, .page-search .l-content > .group-left .paragraphs-items .field--name-field-title, .paragraphs-items .page-search .l-content > .group-left .field--name-field-title, .node--activity.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .node--activity.view-mode-full > .group-left .field--name-field-title-right, .node--article.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .node--article.view-mode-full > .group-left .field--name-field-title-right, .node--location.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .node--location.view-mode-full > .group-left .field--name-field-title-right, .node--area.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .node--area.view-mode-full > .group-left .field--name-field-title-right, .node--resource.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .node--resource.view-mode-full > .group-left .field--name-field-title-right, .page-search .l-content > .group-left
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .page-search .l-content > .group-left .field--name-field-title-right, .node--activity.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .node--activity.view-mode-full > .group-left .field--name-field-title-center-right, .node--article.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .node--article.view-mode-full > .group-left .field--name-field-title-center-right, .node--location.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .node--location.view-mode-full > .group-left .field--name-field-title-center-right, .node--area.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .node--area.view-mode-full > .group-left .field--name-field-title-center-right, .node--resource.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .node--resource.view-mode-full > .group-left .field--name-field-title-center-right, .page-search .l-content > .group-left
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .page-search .l-content > .group-left .field--name-field-title-center-right, .node--activity.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .node--activity.view-mode-full > .group-left .field--name-field-title-left, .node--article.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .node--article.view-mode-full > .group-left .field--name-field-title-left, .node--location.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .node--location.view-mode-full > .group-left .field--name-field-title-left, .node--area.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .node--area.view-mode-full > .group-left .field--name-field-title-left, .node--resource.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .node--resource.view-mode-full > .group-left .field--name-field-title-left, .page-search .l-content > .group-left
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .page-search .l-content > .group-left .field--name-field-title-left, .node--activity.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .node--activity.view-mode-full > .group-left .field--name-field-title-center-left, .node--article.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .node--article.view-mode-full > .group-left .field--name-field-title-center-left, .node--location.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .node--location.view-mode-full > .group-left .field--name-field-title-center-left, .node--area.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .node--area.view-mode-full > .group-left .field--name-field-title-center-left, .node--resource.view-mode-full > .group-left
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .node--resource.view-mode-full > .group-left .field--name-field-title-center-left, .page-search .l-content > .group-left
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .page-search .l-content > .group-left .field--name-field-title-center-left, .node--activity.view-mode-full > .group-left .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .node--activity.view-mode-full > .group-left h2, .node--article.view-mode-full > .group-left .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .node--article.view-mode-full > .group-left h2, .node--location.view-mode-full > .group-left .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .node--location.view-mode-full > .group-left h2, .node--area.view-mode-full > .group-left .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .node--area.view-mode-full > .group-left h2, .node--resource.view-mode-full > .group-left .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .node--resource.view-mode-full > .group-left h2, .page-search .l-content > .group-left .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .page-search .l-content > .group-left h2 {
margin-top: 0; }
.node--activity.view-mode-full > .group-right, .node--article.view-mode-full > .group-right, .node--location.view-mode-full > .group-right, .node--area.view-mode-full > .group-right, .node--resource.view-mode-full > .group-right, .page-search .l-content > .group-right {
width: 85%; }
@media screen and (min-width: 1060px) {
.node--activity.view-mode-full > .group-right, .node--article.view-mode-full > .group-right, .node--location.view-mode-full > .group-right, .node--area.view-mode-full > .group-right, .node--resource.view-mode-full > .group-right, .page-search .l-content > .group-right {
width: 30%;
max-width: 250px; } }
.node--activity.view-mode-full > .group-footer, .node--article.view-mode-full > .group-footer, .node--location.view-mode-full > .group-footer, .node--area.view-mode-full > .group-footer, .node--resource.view-mode-full > .group-footer, .page-search .l-content > .group-footer {
width: 100%; }
.white-btn, .block--views-exp-resources-block .views-exposed-form .views-exposed-widget input.form-submit, .node--webform.view-mode-footer_e_newsletter .form-actions input.webform-submit, .page-search .l-content .search-form input.form-submit, [class^="youthtown-location-finder"] input.form-submit, [class*=" youthtown-location-finder"] input.form-submit,
[class^="youthtown-location-location"] input.form-submit, [class*=" youthtown-location-location"] input.form-submit {
display: inline-block;
padding: 0.5em;
text-transform: uppercase;
color: #1d398d;
background-color: white;
font-weight: 700;
cursor: pointer;
border-radius: none;
border: 1px solid #ddd; }
.white-btn:hover, .block--views-exp-resources-block .views-exposed-form .views-exposed-widget input.form-submit:hover, .node--webform.view-mode-footer_e_newsletter .form-actions input.webform-submit:hover, .page-search .l-content .search-form input.form-submit:hover, [class^="youthtown-location-finder"] input.form-submit:hover, [class*=" youthtown-location-finder"] input.form-submit:hover,
[class^="youthtown-location-location"] input.form-submit:hover, [class*=" youthtown-location-location"] input.form-submit:hover {
background-color: #434954 !important;
color: white !important; }
.l-branding {
float: left;
margin-top: 1em; }
.l-branding .site-logo img {
max-width: 215px;
height: auto;
border: 0; }
@media screen and (min-width: 768px) {
.l-branding .site-logo img {
max-width: none; } }
.l-content {
margin-top: 65px !important; }
@media screen and (min-width: 768px) {
.l-content {
margin-top: 5.3em !important; } }
@media screen and (min-width: 1060px) {
.l-content {
margin-top: 7.3em !important; } }
.l-header {
background-color: white;
width: 100%;
box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.1);
padding: 0.5em 3%;
overflow: visible;
z-index: 3;
clear: both;
position: fixed;
top: 0;
left: 0; }
@media screen and (min-width: 980px) {
.l-header {
padding: 0.7em 2%; } }
.l-header .contained {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out; }
@media screen and (min-width: 980px) {
.l-header .contained {
padding: 1em 0; } }
.l-region--header {
position: relative;
float: right;
margin-top: 0.4em; }
.l-region--footer {
background-color: #12b5ba;
padding: 2em 0;
color: white;
font-size: 0.85em;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
@media screen and (min-width: 768px) {
.l-region--footer {
padding: 1em 0; } }
.l-region--footer a:hover {
color: white; }
.l-region--footer > .block h2.block__title {
color: white; }
@media screen and (min-width: 580px) {
.l-region--footer .footer-content {
width: 27.5%;
margin-right: 4%; } }
@media screen and (min-width: 1060px) {
.l-region--footer .footer-content {
margin-right: 2%;
width: 20%;
max-width: 200px; } }
@media screen and (min-width: 580px) {
.l-region--footer .footer-subscribe {
width: 95%;
margin: auto; } }
@media screen and (min-width: 1060px) {
.l-region--footer .footer-subscribe {
width: 34%;
max-width: 340px;
margin: 0; } }
.l-region--footer .footer-subscribe ul.subscribe-social-media {
padding: 0; }
.l-region--footer .footer-subscribe ul.subscribe-social-media li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin-right: 0.1em;
font-size: 1em; }
.l-region--footer .footer-subscribe ul.subscribe-social-media li.phone {
margin-right: 0.7em;
font-size: 2em;
font-weight: 700; }
.l-region--footer .footer-subscribe ul.subscribe-social-media li.phone a {
color: white !important; }
.l-region--footer .footer-subscribe ul.subscribe-social-media li.phone a:hover {
color: white !important; }
.l-region--footer .footer-subscribe ul.subscribe-social-media li img {
height: 1.375em;
width: auto;
border: 0; }
.l-region--footer .footer-subscribe ul.subscribe-social-media li img:hover {
opacity: 0.7; }
.l-region--mobile-navigation {
z-index: 99;
position: fixed;
width: 100%;
height: 100%;
overflow: scroll;
right: 0;
margin-top: 57px;
margin-right: -100%;
display: none;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
padding: 0 0 6.5em 35px;
background: url("../images/mobile-menu-bg-top.png"), url("../images/mobile-menu-bg-path.png");
background-repeat: no-repeat, repeat-y;
background-position: top left, top left;
background-color: #eaecee; }
@media screen and (min-width: 768px) {
.l-region--mobile-navigation {
width: 70%;
margin-top: 68px; } }
@media screen and (min-width: 980px) {
.l-region--mobile-navigation {
visibility: hidden; } }
.l-region--navigation {
float: right; }
.block--search {
position: absolute;
top: 0;
left: 0;
margin-left: 1em;
display: none; }
.block--search form.search-block-form {
margin-top: 1em;
padding: 0 0.3em;
border-radius: 2em;
background-color: #434954;
overflow: auto;
min-width: 200px; }
.block--search form.search-block-form .form-item-search-block-form {
margin-bottom: 0;
float: right;
padding: 0.5em;
width: 78%;
margin-right: 2%; }
.block--search form.search-block-form .form-item-search-block-form input.form-text {
border: 1px solid #eaecee;
padding: 0.15em;
width: 100%;
background-color: transparent;
color: white;
font-size: 1.2em;
border: none; }
.block--search form.search-block-form .form-actions {
float: left; }
.block--search form.search-block-form .form-actions input.form-submit {
text-transform: uppercase;
font-size: 0.6em;
background-color: transparent;
cursor: pointer;
border-radius: none;
width: 33px;
height: 31px;
background: url("../images/icon-search.png") center no-repeat;
background-size: 100%;
border: none;
text-indent: -9999px; }
.block--search form.search-block-form .form-actions input.form-submit:hover {
opacity: 0.5; }
@media screen and (min-width: 768px) {
.block--search {
left: auto;
right: 0;
background-color: white;
padding-bottom: 0.5em;
margin-left: 0.3em;
margin-right: 0;
display: none; }
.block--search form.search-block-form {
min-width: 180px;
margin-top: 0; }
.block--search form.search-block-form .form-item-search-block-form {
padding: 0.1em; }
.block--search form.search-block-form .form-item-search-block-form input.form-text {
font-size: 0.85em; }
.block--search form.search-block-form .form-actions {
float: left; }
.block--search form.search-block-form .form-actions input.form-submit {
width: 24px;
height: 23px; }
.block--search form.search-block-form .form-actions input.form-submit:hover {
opacity: 0.5; } }
.block--views-exp-resources-block {
color: white;
padding: 1.8em;
margin-bottom: 2em;
background-color: #12b5ba; }
.block--views-exp-resources-block .views-exposed-form .views-exposed-widget {
width: 100%;
padding: 0;
text-transform: uppercase;
font-size: 1.1em;
margin: 0;
text-align: center; }
.block--views-exp-resources-block .views-exposed-form .views-exposed-widget label {
margin-bottom: 1em; }
.block--views-exp-resources-block .views-exposed-form .views-exposed-widget .views-widget {
margin-top: 0.8em; }
.block--views-exp-resources-block .views-exposed-form .views-exposed-widget input.form-submit {
float: right; }
.block--youthtown-news-youthtown-news-years-list .block__content {
background-color: #eaecee;
padding: 0.5em 1.2em 0.1em; }
.block--youthtown-news-youthtown-news-years-list .block__content ul {
padding: 0;
margin: 0; }
.block--youthtown-news-youthtown-news-years-list .block__content ul li {
list-style: none;
padding: 0.5em 0;
border-bottom: 1px solid white; }
.block--youthtown-news-youthtown-news-years-list .block__content ul li:last-child {
border-bottom: none; }
.field--name-news-archive ul {
background-color: #eaecee;
padding: 0.5em 1.2em 0.1em;
margin: 0; }
.field--name-news-archive ul li {
list-style: none;
padding: 0.5em 0;
border-bottom: 1px solid white; }
.field--name-news-archive ul li:last-child {
border-bottom: none; }
.call-to-action {
color: white;
padding: 1.8em;
margin-bottom: 2em; }
.call-to-action h2.block__title {
color: white;
text-transform: uppercase;
font-size: 1.1em;
margin: 0 0 0.8em 0;
text-align: center; }
.call-to-action a:hover {
color: white !important; }
.cta-download-programme {
background-color: #8270a8; }
.field--name-book-programme {
background-color: #8270a8;
padding: 1em 2em;
text-align: center;
margin-bottom: 1.5em; }
.field--name-book-programme h2 {
color: white;
text-transform: uppercase;
color: white;
font-size: 1em; }
.cta-local-contact {
background-color: #12b5ba; }
.cta-location-search {
background-color: #73b855;
text-align: center; }
.quotebox-cta {
background-color: #12b5ba;
position: relative; }
.quotebox-cta h2.block__title {
text-transform: none;
font-size: 1.25em;
text-align: left; }
.quotebox-cta:after {
content: "";
position: absolute;
bottom: 0;
right: 2em;
margin-bottom: -1.35em;
width: 1em;
height: 1em;
border-left: 1.4em solid transparent;
border-right: 1.4em solid transparent;
border-top: 1.4em solid #12b5ba; }
.flexslider {
margin-bottom: 2em; }
.flexslider ul.slides {
padding: 0; }
.flexslider .flex-control-nav {
display: none; }
.flexslider ul.flex-direction-nav li.flex-nav-prev a {
opacity: 1 !important;
display: block;
top: auto;
left: auto !important;
right: 4em !important;
bottom: 2em;
width: 1em;
height: 1em;
border-top: 0.75em solid transparent;
border-bottom: 0.75em solid transparent;
border-right: 0.75em solid white;
z-index: 1; }
.flexslider ul.flex-direction-nav li.flex-nav-prev a:before {
content: ""; }
.flexslider ul.flex-direction-nav li.flex-nav-next a {
opacity: 1 !important;
display: block;
top: auto;
right: 2em !important;
bottom: 2em;
width: 1em;
height: 1em;
border-top: 0.75em solid transparent;
border-bottom: 0.75em solid transparent;
border-left: 0.75em solid white;
z-index: 1; }
.flexslider ul.flex-direction-nav li.flex-nav-next a:before {
content: ""; }
.footer-copyright {
margin: 0.5em 0;
font-size: 0.7em;
text-align: center; }
@media screen and (min-width: 1060px) {
.footer-copyright {
display: inline-block;
width: 37%;
margin: 0 2.5% 0 0;
font-size: 0.85em; } }
.footer-navigation {
display: none; }
@media screen and (min-width: 1060px) {
.footer-navigation {
display: block;
display: inline-block;
width: 60%; }
.footer-navigation ul.menu {
margin: 0.8em 0;
padding: 0; }
.footer-navigation ul.menu li {
list-style: none;
display: inline-block;
margin: 0 0.55em; }
.footer-navigation ul.menu li:last-child {
margin-right: 0; }
.footer-navigation ul.menu li a {
text-transform: uppercase;
font-weight: 700;
color: #434954;
font-size: 0.8em; }
.footer-navigation ul.menu li a.active {
color: #12b5ba;
font-weight: 700; }
.footer-navigation ul.menu li a:hover {
color: #12b5ba; } }
.header-top-nav {
display: none; }
@media screen and (min-width: 768px) {
.header-top-nav {
display: inline-block; } }
.header-top-nav ul.header-media {
margin: 0;
padding: 0; }
.header-top-nav ul.header-media li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0.3em 0 0 0.2em; }
.header-top-nav ul.header-media li img {
border: 0;
width: auto;
height: 1.375em; }
.header-top-nav ul.header-media li img:hover {
opacity: 0.7; }
.header-top-nav ul.header-media li a.header-book-btn {
color: #12b5ba;
text-transform: uppercase;
font-size: 0.8em;
margin-right: 0.5em; }
.header-top-nav ul.header-media li a.header-book-btn:hover {
color: #1d398d; }
.history-content {
display: table; }
.history-content .history-row {
display: table-row; }
.history-content .history-row .year {
display: table-cell;
padding-right: 0.8em;
font-weight: 700; }
.history-content .history-row .content {
display: table-cell;
padding-bottom: 1em; }
.header-book-now {
display: none; }
@media screen and (min-width: 768px) {
.header-book-now {
display: inline-block;
margin-right: 0.5em; } }
.header-book-now h2 {
font-size: 0.8em;
margin: 0;
text-transform: uppercase;
cursor: pointer;
color: #fff;
background-color: #12b5ba;
border-radius: 2px;
padding: 0.4em 0.8em 0.05em;
border: 1px solid teal;
border-radius: 3px;
background: -moz-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19c9be), color-stop(100%, #1ab6b9));
/* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* ie10+ */
background: linear-gradient(0deg, #1ab6b9 0%, #19c9be 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19C9BE', endColorstr='#1AB6B9',GradientType=0 );
/* ie6-9 */ }
.header-book-now h2:hover {
border: 1px solid #106691;
background-color: #1896d4;
background: -moz-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1cb3ff), color-stop(100%, #1896d4));
/* safari4+,chrome */
background: -webkit-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* ie10+ */
background: linear-gradient(180deg, #1cb3ff 0%, #1896d4 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1CB3FF', endColorstr='#1896D4',GradientType=0 );
/* ie6-9 */ }
.header-book-now .block__content {
padding: 0.7em;
border: 0.5em solid white;
box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2);
background-color: #8270a8;
position: absolute;
min-width: 15em;
margin-left: -5em;
z-index: 1;
display: none; }
.home-panel-1 {
max-width: none;
margin: -7px 0 0 0;
background: url("../images/home-panel1-bottom.jpg"), url("../images/home-panel1-bg.png");
padding: 1.5em 12% 3.5em 12%;
background-repeat: no-repeat, repeat-y;
background-position: bottom center, top center;
background-size: 100%, 100%; }
@media screen and (min-width: 580px) {
.home-panel-1 {
padding: 3em 12% 6em 12%; } }
@media screen and (min-width: 1060px) {
.home-panel-1 {
padding: 3em 9em 7em 10em; } }
.home-panel-2 {
max-width: none;
margin: 0;
background: url("../images/home-panel2-bottom.jpg"), url("../images/home-panel2-bg.png");
padding: 2em 12% 3.5em 12% !important;
background-repeat: no-repeat, repeat-y;
background-position: bottom center, top center;
background-size: 100%, 100%;
position: relative; }
@media screen and (min-width: 580px) {
.home-panel-2 {
padding: 3em 12% 6em 12% !important; } }
@media screen and (min-width: 1060px) {
.home-panel-2 {
padding: 2em 9em 7em 10em !important; } }
.home-panel-2:before {
position: absolute;
background: url("../images/home-panel2-extra.png") no-repeat;
background-size: 100% 100%;
width: 18px;
height: 63px;
right: 1.5%;
bottom: 0;
margin-bottom: -52px; }
@media screen and (min-width: 768px) {
.home-panel-2:before {
content: "";
right: 1.8%;
margin-bottom: -165px;
width: 56px;
height: 196px; } }
@media screen and (min-width: 1060px) {
.home-panel-2:before {
right: 2em; } }
.home-panel-3 {
max-width: none;
margin: 0;
background: url("../images/home-panel3-bottom.jpg"), url("../images/home-panel3-bg.png");
padding: 1em 3em 3.5em 3.2em;
background-repeat: no-repeat, repeat-y;
background-position: bottom center, top center;
background-size: 100%, 100%; }
@media screen and (min-width: 580px) {
.home-panel-3 {
padding: 1em 12% 6em 12% !important; } }
@media screen and (min-width: 980px) {
.home-panel-3 {
padding: 1em 7.5em 3.8em 8.8% !important; } }
@media screen and (min-width: 1060px) {
.home-panel-3 {
padding: 1em 7.5em 4.3em 6.9em !important; } }
.home-panel-3 .group-left {
width: 100% !important; }
@media screen and (min-width: 980px) {
.home-panel-3 .group-left {
width: 49% !important;
margin-right: 1% !important; } }
.home-panel-3 .group-left .homepage-jump-to-location h2 {
font-weight: 700;
font-size: 1.9em;
padding: 0 1.4em;
margin-bottom: 0;
max-width: 15em; }
.home-panel-3 .group-left .homepage-jump-to-location .block__content {
padding: 25% 20% 2em;
background: url("../images/homepage-jump-to-location-bg.png") no-repeat #eff2f4;
background-position: center top;
background-size: 100% auto; }
@media screen and (min-width: 768px) {
.home-panel-3 .group-left .homepage-jump-to-location .block__content {
min-height: 19.7em; } }
.home-panel-3 .group-right {
display: none; }
@media screen and (min-width: 980px) {
.home-panel-3 .group-right {
display: block;
margin-bottom: 2em;
width: 49% !important; } }
.home-panel-3 .group-right img {
max-width: 385px; }
.home-panel-4 {
max-width: none;
margin: 0;
background: url("../images/home-panel4-bg.png") no-repeat top center;
padding: 0.8em 12% 6em 12%;
background-size: 100%;
display: none; }
@media screen and (min-width: 768px) {
.home-panel-4 {
display: block; } }
@media screen and (min-width: 1060px) {
.home-panel-4 {
padding: 0.8em 9.8em 6em 6em; } }
.home-panel-4 > .group-left {
width: 35% !important; }
.home-panel-4 > .group-left .facebook-feed {
padding: 0;
position: relative;
display: none; }
@media screen and (min-width: 1060px) {
.home-panel-4 > .group-left .facebook-feed {
display: block; } }
.home-panel-4 > .group-left .facebook-feed:before {
content: "";
position: absolute;
width: 252px;
height: 51px;
background: url("../images/home-panel4-extra.png") center;
background-size: 100% 100%;
left: 0;
top: 0;
margin-top: -4.15em; }
.home-panel-4 > .group-right {
width: 100% !important; }
@media screen and (min-width: 1060px) {
.home-panel-4 > .group-right {
width: 62% !important; } }
.home-panel-4 > .group-right .home-video {
display: inline-block;
width: 48%;
margin-right: 3%;
vertical-align: top;
position: relative; }
.home-panel-4 > .group-right .home-video img {
padding: 0; }
.home-panel-4 > .group-right .home-video .video-title {
position: absolute;
top: 4.5em;
left: 2em;
color: white;
width: 55%;
font-size: 1.5em; }
.home-panel-4 > .group-right .third-col {
display: inline-block;
vertical-align: top;
width: 48%; }
.mobile-menu {
margin-top: -11px;
font-size: 1em; }
@media screen and (min-width: 768px) {
.mobile-menu {
font-size: 0.7em; } }
.mobile-menu ul.menu {
padding: 0; }
.mobile-menu ul.menu li {
list-style: none;
background-color: #eaecee;
border-bottom: 2px solid white;
position: relative; }
.mobile-menu ul.menu li.menu-mlid-642 ul li a {
display: none; }
.mobile-menu ul.menu li.menu-mlid-642 ul li ul {
display: block !important; }
.mobile-menu ul.menu li.menu-mlid-642 ul li ul li a {
display: block; }
.mobile-menu ul.menu li:first-child {
display: none; }
.mobile-menu ul.menu li:nth-child(2) {
background-color: #1d398d; }
.mobile-menu ul.menu li:nth-child(3) {
background-color: #f47321; }
.mobile-menu ul.menu li:nth-child(4) {
background-color: #ed0e6f; }
.mobile-menu ul.menu li:nth-child(5) {
background-color: #73b855; }
.mobile-menu ul.menu li:nth-child(6) {
background-color: #004b23; }
.mobile-menu ul.menu li:nth-child(7) {
background-color: #8270a8; }
.mobile-menu ul.menu li:nth-child(8) {
background-color: #1896d4; }
.mobile-menu ul.menu li.expanded:after {
content: "";
width: 0;
height: 0;
border-left: 0.8em solid transparent;
border-right: 0.8em solid transparent;
border-top: 0.8em solid white;
position: absolute;
right: 1.5em;
top: 1.5em;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; }
.mobile-menu ul.menu li.expanded.open:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.mobile-menu ul.menu li ul {
display: none; }
.mobile-menu ul.menu li ul li {
background-color: #eaecee !important; }
.mobile-menu ul.menu li ul li:first-child {
display: block; }
.mobile-menu ul.menu li ul li:last-child {
border: none; }
.mobile-menu ul.menu li ul li:after {
display: none; }
.mobile-menu ul.menu li ul li a {
font-weight: 500;
color: #434954; }
.mobile-menu ul.menu li ul li a:hover {
background-color: rgba(0, 0, 0, 0.1); }
.mobile-menu-btn {
float: right;
margin-right: 1.5%;
margin-top: 1.6em;
cursor: pointer;
height: 20px;
width: 30px;
background: url("../images/icon-mobile-menu.png") no-repeat;
background-size: 100%; }
@media screen and (min-width: 580px) {
.mobile-menu-btn {
margin-top: 1.8em; } }
@media screen and (min-width: 768px) {
.mobile-menu-btn {
display: none; } }
.mobile-menu-btn.active {
background: url("../images/icon-mobile-menu-close.png") no-repeat;
background-size: 100%; }
.tablet-menu-btn {
float: right;
margin-right: 1.5%;
margin-top: 0.9em;
text-align: left;
cursor: pointer;
background: url("../images/icon-mobile-menu.png") right no-repeat;
width: 5em;
height: 15px;
background-size: auto 100%;
font-weight: 700;
text-transform: uppercase;
color: #12b5ba;
display: none; }
@media screen and (min-width: 768px) {
.tablet-menu-btn {
display: block; } }
@media screen and (min-width: 980px) {
.tablet-menu-btn {
display: none; } }
.tablet-menu-btn.active {
background: url("../images/icon-mobile-menu-close.png") right no-repeat;
background-size: auto 100%; }
.white-overlay {
display: none;
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.6);
z-index: 2;
top: 0;
left: 0; }
.mobile-menu-book-now {
font-size: 1em; }
@media screen and (min-width: 768px) {
.mobile-menu-book-now {
font-size: 0.7em; } }
.mobile-menu-book-now h2 {
margin: 0;
border-bottom: 2px solid white;
background-color: #12b5ba;
cursor: pointer;
position: relative; }
.mobile-menu-book-now h2:after {
content: "";
width: 0;
height: 0;
border-left: 0.61em solid transparent;
border-right: 0.61em solid transparent;
border-top: 0.61em solid white;
position: absolute;
right: 1em;
top: 1.2em;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; }
.mobile-menu-book-now .block__content {
display: none;
padding: 1em;
font-size: 1.3em; }
.mobile-menu-book-now.open h2:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.mobile-social-media {
text-align: center; }
.mobile-social-media img {
margin: 0.5em; }
.node--activity .field--name-post-date {
font-weight: 700; }
@media screen and (min-width: 768px) {
.node--activity .field--name-post-date {
display: table-cell;
padding-right: 1em;
vertical-align: top; } }
@media screen and (min-width: 768px) {
.node--activity .field--name-field-tags {
display: table-cell;
vertical-align: top; } }
.node--activity.view-mode-featured_teaser {
border-bottom: 0.2em solid #ddd;
padding-bottom: 1.2em;
margin-bottom: 2.5em; }
.node--activity.view-mode-featured_teaser .field--name-title h2 {
color: #1896d4;
margin-bottom: 0.2em; }
.node--activity.view-mode-featured_teaser .field--name-field-image {
margin: 0.5em 0; }
.node--activity.view-mode-teaser {
padding-bottom: 1em;
margin-bottom: 1.2em;
border-bottom: 1px dashed #ddd; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-teaser {
padding-bottom: 0;
border: none;
margin-bottom: 3em; } }
.node--activity.view-mode-teaser .group-left {
width: 20%;
display: none; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-teaser .group-left {
display: block; } }
.node--activity.view-mode-teaser .group-left img {
width: 100%;
height: auto;
max-width: 100px; }
.node--activity.view-mode-teaser .group-right {
width: 100%; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-teaser .group-right {
width: 77%;
margin-left: 3%; } }
.node--activity.view-mode-teaser .group-right .field--name-title h2 {
color: #1896d4;
margin-top: 0;
margin-bottom: 0.2em; }
.node--activity.view-mode-teaser .group-right .field--name-body {
margin: 0.5em 0; }
.node--activity.view-mode-teaser .group-right .field--name-body p {
margin: 0; }
.node--activity.view-mode-full {
background: url("../../../files/headerjj-news.png") no-repeat;
background-size: 100% auto;
padding-top: 80px; }
@media screen and (min-width: 580px) {
.node--activity.view-mode-full {
padding-top: 140px; } }
@media screen and (min-width: 768px) {
.node--activity.view-mode-full {
padding-top: 180px; } }
@media screen and (min-width: 1060px) {
.node--activity.view-mode-full {
padding-top: 230px; } }
.node--activity.view-mode-full > .group-left .field--name-field-image {
margin: 1.5em 0; }
.node--activity.view-mode-full .field--name-field-author {
margin-top: 1.5em;
font-style: italic;
position: relative;
text-indent: 0.8em; }
.node--activity.view-mode-full .field--name-field-author:before {
content: "-";
position: absolute;
left: 0;
top: 0;
margin-left: -0.8em; }
.node--activity.view-mode-full .sharethis-buttons {
margin: 1.5em 0; }
.node--activity.view-mode-full .sharethis-buttons .stLarge {
height: 25px !important;
width: 25px !important;
background-size: 100%; }
.node--activity.view-mode-full .sharethis-buttons .stLarge:hover {
background-position: 0; }
.node--activity.view-mode-full > .group-right {
display: none; }
@media screen and (min-width: 768px) {
.node--activity.view-mode-full > .group-right {
display: block; } }
.node--activity .group-right {
margin-left: 0 !important; }
.node--activity.view-mode-sidebar_teaser {
color: #434954; }
.node--activity.view-mode-sidebar_teaser .field--name-title h2 {
font-size: 1.1em;
margin: 0;
color: #1896d4; }
.node--activity.view-mode-sidebar_teaser .field--name-post-date {
font-weight: 400; }
.node--activity.view-mode-sidebar_teaser .field--name-node-link a.open {
background: url("../images/close-text-blue-icon.png") right bottom no-repeat; }
.node--article .field--name-post-date {
font-weight: 700; }
@media screen and (min-width: 768px) {
.node--article .field--name-post-date {
display: table-cell;
padding-right: 1em;
vertical-align: top; } }
@media screen and (min-width: 768px) {
.node--article .field--name-field-tags {
display: table-cell;
vertical-align: top; } }
.node--article.view-mode-featured_teaser {
border-bottom: 0.2em solid #ddd;
padding-bottom: 1.2em;
margin-bottom: 2.5em; }
.node--article.view-mode-featured_teaser .field--name-title h2 {
color: #1896d4;
margin-bottom: 0.2em; }
.node--article.view-mode-featured_teaser .field--name-field-image {
margin: 0.5em 0; }
.node--article.view-mode-teaser {
padding-bottom: 1em;
margin-bottom: 1.2em;
border-bottom: 1px dashed #ddd; }
@media screen and (min-width: 768px) {
.node--article.view-mode-teaser {
padding-bottom: 0;
border: none;
margin-bottom: 3em; } }
.node--article.view-mode-teaser .group-left {
width: 20%;
display: none; }
@media screen and (min-width: 768px) {
.node--article.view-mode-teaser .group-left {
display: block; } }
.node--article.view-mode-teaser .group-left img {
width: 100%;
height: auto;
max-width: 100px; }
.node--article.view-mode-teaser .group-right {
width: 100%; }
@media screen and (min-width: 768px) {
.node--article.view-mode-teaser .group-right {
width: 77%;
margin-left: 3%; } }
.node--article.view-mode-teaser .group-right .field--name-title h2 {
color: #1896d4;
margin-top: 0;
margin-bottom: 0.2em; }
.node--article.view-mode-teaser .group-right .field--name-body {
margin: 0.5em 0; }
.node--article.view-mode-teaser .group-right .field--name-body p {
margin: 0; }
.node--article.view-mode-full {
background: url("../../../files/headerjj-news.png") no-repeat;
background-size: 100% auto;
padding-top: 80px; }
@media screen and (min-width: 580px) {
.node--article.view-mode-full {
padding-top: 140px; } }
@media screen and (min-width: 768px) {
.node--article.view-mode-full {
padding-top: 180px; } }
@media screen and (min-width: 1060px) {
.node--article.view-mode-full {
padding-top: 230px; } }
.node--article.view-mode-full > .group-left .field--name-field-image {
margin: 1.5em 0; }
.node--article.view-mode-full .field--name-field-author {
margin-top: 1.5em;
font-style: italic;
position: relative;
text-indent: 0.8em; }
.node--article.view-mode-full .field--name-field-author:before {
content: "-";
position: absolute;
left: 0;
top: 0;
margin-left: -0.8em; }
.node--article.view-mode-full .sharethis-buttons {
margin: 1.5em 0; }
.node--article.view-mode-full .sharethis-buttons .stLarge {
height: 25px !important;
width: 25px !important;
background-size: 100%; }
.node--article.view-mode-full .sharethis-buttons .stLarge:hover {
background-position: 0; }
.node--article.view-mode-full > .group-right {
display: none; }
@media screen and (min-width: 768px) {
.node--article.view-mode-full > .group-right {
display: block; } }
.node--location.view-mode-full, .node--area.view-mode-full {
background: url("../images/headerjj-locations.png") no-repeat;
background-size: 100% auto;
padding-top: 80px; }
@media screen and (min-width: 580px) {
.node--location.view-mode-full, .node--area.view-mode-full {
padding-top: 140px; } }
@media screen and (min-width: 768px) {
.node--location.view-mode-full, .node--area.view-mode-full {
padding-top: 180px; } }
@media screen and (min-width: 1060px) {
.node--location.view-mode-full, .node--area.view-mode-full {
padding-top: 230px; } }
@media screen and (min-width: 768px) {
.node--location.view-mode-full > .group-left .group-contact, .node--area.view-mode-full > .group-left .group-contact {
display: inline-block;
width: 50%;
vertical-align: top; } }
.node--location.view-mode-full > .group-left .group-contact h2, .node--area.view-mode-full > .group-left .group-contact h2 {
color: #1896d4;
margin: 0 0 0.5em 0; }
.node--location.view-mode-full > .group-left .group-contact .field--name-field-phone .field__label, .node--area.view-mode-full > .group-left .group-contact .field--name-field-phone .field__label {
font-size: 1.2em;
color: #1896d4; }
.node--location.view-mode-full > .group-left .group-contact .field--name-field-email, .node--area.view-mode-full > .group-left .group-contact .field--name-field-email {
margin-bottom: 1em; }
.node--location.view-mode-full > .group-left .group-contact .field--name-field-email .field__label, .node--area.view-mode-full > .group-left .group-contact .field--name-field-email .field__label {
font-size: 1.2em;
color: #12b5ba; }
.node--location.view-mode-full > .group-left .group-contact .field--name-field-address .field__label, .node--area.view-mode-full > .group-left .group-contact .field--name-field-address .field__label {
font-size: 1.2em;
color: #73b855; }
@media screen and (min-width: 768px) {
.node--location.view-mode-full > .group-left .field--name-field-body-center-right, .node--area.view-mode-full > .group-left .field--name-field-body-center-right {
display: inline-block;
width: 47%;
margin-left: 2.5%;
vertical-align: middle; } }
.node--location.view-mode-full > .group-left .field--name-field-body-center-right .locations-google-map, .node--area.view-mode-full > .group-left .field--name-field-body-center-right .locations-google-map {
width: 100%;
height: 25em; }
.node--location.view-mode-full .field--name-field-book-now a, .node--area.view-mode-full .field--name-field-book-now a {
background-color: #12b5ba;
color: #fff;
display: block;
font-size: 1.1em;
padding: 0.5em;
text-align: center;
text-transform: uppercase;
margin-bottom: 1.5em;
border: 1px solid teal;
border-radius: 3px;
background: -moz-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19c9be), color-stop(100%, #1ab6b9));
/* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(90deg, #1ab6b9 0%, #19c9be 100%);
/* ie10+ */
background: linear-gradient(0deg, #1ab6b9 0%, #19c9be 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19C9BE', endColorstr='#1AB6B9',GradientType=0 );
/* ie6-9 */ }
.node--location.view-mode-full .field--name-field-book-now a:hover, .node--area.view-mode-full .field--name-field-book-now a:hover {
border: 1px solid #106691;
background-color: #1896d4;
background: -moz-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1cb3ff), color-stop(100%, #1896d4));
/* safari4+,chrome */
background: -webkit-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(270deg, #1cb3ff 0%, #1896d4 100%);
/* ie10+ */
background: linear-gradient(180deg, #1cb3ff 0%, #1896d4 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1CB3FF', endColorstr='#1896D4',GradientType=0 );
/* ie6-9 */ }
.node--location.view-mode-full .field--name-field-book-now a span, .node--area.view-mode-full .field--name-field-book-now a span {
display: inline-block;
font-size: 1.3em; }
.node--location.view-mode-full .field--name-facebook-feed, .node--area.view-mode-full .field--name-facebook-feed {
display: none; }
@media screen and (min-width: 1060px) {
.node--location.view-mode-full .field--name-facebook-feed, .node--area.view-mode-full .field--name-facebook-feed {
display: block; } }
.node--media-document.view-mode-teaser .field--name-title h2 {
font-size: 1.1em;
color: white;
margin: 0; }
.node--profile.view-mode-teaser {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin-bottom: 2em; }
@media screen and (min-width: 768px) {
.node--profile.view-mode-teaser {
display: block; } }
.node--profile.view-mode-teaser .group-left {
margin-right: 3%;
width: 30%; }
@media screen and (min-width: 580px) {
.node--profile.view-mode-teaser .group-left {
width: 17%; } }
.node--profile.view-mode-teaser .group-right {
width: 67%; }
@media screen and (min-width: 580px) {
.node--profile.view-mode-teaser .group-right {
width: 80%; } }
.node--profile.view-mode-teaser .field--name-field-image img {
max-width: 150px;
height: auto; }
.node--profile.view-mode-teaser .field--name-title h2 {
margin: 0 0 0.5em 0;
color: #12b5ba; }
.node--profile.view-mode-teaser .field--name-field-position {
font-weight: 700; }
.node--profile.view-mode-teaser .field--name-body {
margin-top: 0.8em; }
.node--programme.view-mode-teaser {
margin-bottom: 1.2em; }
.node--programme.view-mode-teaser .field--name-body {
margin-top: 1.2em; }
.node--programme.view-mode-teaser .field--name-body p {
margin-bottom: 0.7em; }
.node--resource .field--name-post-date {
font-weight: 700; }
@media screen and (min-width: 768px) {
.node--resource .field--name-post-date {
display: table-cell;
padding-right: 1em;
vertical-align: top; } }
@media screen and (min-width: 768px) {
.node--resource .field--name-field-tags {
display: table-cell;
vertical-align: top; } }
.node--resource.view-mode-featured_teaser {
border-bottom: 0.2em solid #ddd;
padding-bottom: 1.2em;
margin-bottom: 2.5em; }
.node--resource.view-mode-featured_teaser .field--name-title h2 {
color: #1896d4;
margin-bottom: 0.2em; }
.node--resource.view-mode-featured_teaser .field--name-field-image {
margin: 0.5em 0; }
.node--resource.view-mode-teaser {
padding-bottom: 1em;
margin-bottom: 1.2em;
border-bottom: 1px dashed #ddd; }
@media screen and (min-width: 768px) {
.node--resource.view-mode-teaser {
padding-bottom: 0;
border: none;
margin-bottom: 3em; } }
.node--resource.view-mode-teaser .group-left {
width: 20%;
display: none; }
@media screen and (min-width: 768px) {
.node--resource.view-mode-teaser .group-left {
display: block; } }
.node--resource.view-mode-teaser .group-left img {
width: 100%;
height: auto;
max-width: 100px; }
.node--resource.view-mode-teaser .group-right {
width: 100%; }
@media screen and (min-width: 768px) {
.node--resource.view-mode-teaser .group-right {
width: 77%;
margin-left: 3%; } }
.node--resource.view-mode-teaser .group-right .field--name-title h2 {
color: #1896d4;
margin-top: 0;
margin-bottom: 0.2em; }
.node--resource.view-mode-teaser .group-right .field--name-body {
margin: 0.5em 0; }
.node--resource.view-mode-teaser .group-right .field--name-body p {
margin: 0; }
.node--resource.view-mode-full {
background: url("../../../files/headerjj-resources.png") no-repeat;
background-size: 100% auto;
padding-top: 80px; }
@media screen and (min-width: 580px) {
.node--resource.view-mode-full {
padding-top: 140px; } }
@media screen and (min-width: 768px) {
.node--resource.view-mode-full {
padding-top: 180px; } }
@media screen and (min-width: 1060px) {
.node--resource.view-mode-full {
padding-top: 230px; } }
.node--resource.view-mode-full > .group-left .field--name-field-image {
margin: 1.5em 0; }
.node--resource.view-mode-full .field--name-field-author {
margin-top: 1.5em;
font-style: italic;
position: relative;
text-indent: 0.8em; }
.node--resource.view-mode-full .field--name-field-author:before {
content: "-";
position: absolute;
left: 0;
top: 0;
margin-left: -0.8em; }
.node--resource.view-mode-full .sharethis-buttons {
margin: 1.5em 0; }
.node--resource.view-mode-full .sharethis-buttons .stLarge {
height: 25px !important;
width: 25px !important;
background-size: 100%; }
.node--resource.view-mode-full .sharethis-buttons .stLarge:hover {
background-position: 0; }
.node--resource.view-mode-full > .group-right {
display: none; }
@media screen and (min-width: 768px) {
.node--resource.view-mode-full > .group-right {
display: block; } }
.node--testimonial.view-mode-teaser {
margin-bottom: 2em; }
.node--testimonial.view-mode-teaser .field--name-title h2 {
margin: 0 0 0.5em 0;
font-size: 1em; }
.node--testimonial.view-mode-teaser .field--name-body {
font-weight: 700; }
.node--testimonial.view-mode-teaser .field--name-field-author {
margin-top: 1.5em;
font-style: italic;
position: relative;
text-indent: 0.8em; }
.node--testimonial.view-mode-teaser .field--name-field-author:before {
content: "-";
position: absolute;
left: 0;
top: 0;
margin-left: -0.8em; }
.node--webform input {
padding: 0.4em;
font-family: "Avant Garde", sans-serif;
width: 100%; }
.node--webform.view-mode-footer_e_newsletter .form-item {
display: inline-block;
width: 70%;
vertical-align: middle;
margin-bottom: 0.2em; }
.node--webform.view-mode-footer_e_newsletter .form-actions {
display: inline-block;
width: 27%;
vertical-align: middle;
margin-bottom: 0.2em; }
.node--webform.view-mode-footer_e_newsletter .form-actions input.webform-submit {
padding: 0.8em 0 0.4em 0;
font-weight: 700;
appearance: button !important;
-moz-appearance: button !important;
-webkit-appearance: button !important;
border-radius: 0; }
.our-endorsements h2.block__title {
font-size: 2em;
color: #1896d4;
margin: 0 0 0.3em 0; }
.page-search .l-content {
background: url("../images/headerjj-general.png") no-repeat;
background-size: 100% auto;
padding-top: 80px;
background-position: center top; }
@media screen and (min-width: 580px) {
.page-search .l-content {
padding-top: 140px; } }
@media screen and (min-width: 768px) {
.page-search .l-content {
padding-top: 180px; } }
@media screen and (min-width: 1060px) {
.page-search .l-content {
padding-top: 230px; } }
@media screen and (min-width: 1060px) {
.page-search .l-content {
background-position: top center; } }
.page-search .l-content .search-form {
width: 100%; }
.page-search .l-content .search-form .form-item input.form-text {
font-size: 1em;
padding: 0.4em 1em;
margin-top: 0.3em;
max-width: 100%; }
@media screen and (min-width: 768px) {
.page-search .l-content .search-form input.form-submit {
padding: 0.75em 1em; } }
.page-search .l-content h2 {
width: 100%;
margin-bottom: 0; }
.page-search .l-content .search-results {
margin-top: 0; }
.page-search .l-content .search-results .search-result {
width: 100%;
padding-bottom: 1.2em;
border-bottom: 1px dashed #ddd; }
.page-search .l-content .search-results .search-result:last-child {
border: none; }
ul.pager-load-more {
margin-left: 20%; }
ul.pager-load-more li.pager-next {
list-style: none;
padding: 0; }
ul.pager-load-more li.pager-next a {
display: block;
padding: 0.7em;
background-color: #1896d4;
color: white;
text-transform: uppercase;
max-width: 20em; }
ul.pager-load-more li.pager-next a:hover {
background-color: #434954; }
.paragraphs-items ul {
padding-left: 1em; }
.paragraphs-items .field--name-field-title {
font-size: 2em !important; }
.node-type-programme .paragraphs-item-content-with-views.view-mode-two_col_large_left_small_right .group-right > .field--name-field-block-content > .field__items {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; }
.paragraphs-item-endorsement .field--name-our-endorsements-title h2 {
color: #1896d4; }
.paragraphs-item-endorsement .field--type-image {
margin: 2em 0; }
.paragraphs-item-endorsement .field--type-image .field__item {
display: inline-block;
margin-right: 0.5em; }
.paragraphs-item-endorsement .view-testimonials-by-programme {
color: #12b5ba !important; }
.paragraphs-item-four-column-content.view-mode-full {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.paragraphs-item-four-column-content.view-mode-full > .group-header {
margin: 0 0 1.5em; }
.paragraphs-item-four-column-content.view-mode-full > .group-left, .paragraphs-item-four-column-content.view-mode-full .group-middle, .paragraphs-item-four-column-content.view-mode-full .group-right {
float: none;
width: 100%;
margin-bottom: 1.5em; }
@media screen and (min-width: 768px) {
.paragraphs-item-four-column-content.view-mode-full > .group-left, .paragraphs-item-four-column-content.view-mode-full .group-middle, .paragraphs-item-four-column-content.view-mode-full .group-right {
width: 45%;
margin-right: 3%; } }
@media screen and (min-width: 980px) {
.paragraphs-item-four-column-content.view-mode-full > .group-left, .paragraphs-item-four-column-content.view-mode-full .group-middle, .paragraphs-item-four-column-content.view-mode-full .group-right {
width: 22%;
margin-bottom: 0; } }
.paragraphs-item-four-column-content.view-mode-full .group-footer {
float: none;
margin-bottom: 1.5em;
width: 100%; }
@media screen and (min-width: 768px) {
.paragraphs-item-four-column-content.view-mode-full .group-footer {
width: 45%;
margin-bottom: 0; } }
@media screen and (min-width: 980px) {
.paragraphs-item-four-column-content.view-mode-full .group-footer {
width: 22%; } }
.paragraphs-item-four-column-content.view-mode-full > div > .field--name-field-title,
.paragraphs-item-four-column-content.view-mode-full .field--name-field-title-right,
.paragraphs-item-four-column-content.view-mode-full .field--name-field-title-center-right,
.paragraphs-item-four-column-content.view-mode-full .field--name-field-title-left,
.paragraphs-item-four-column-content.view-mode-full .field--name-field-title-center-left {
font-size: 1.35em; }
.paragraphs-item-header-image {
pointer-events: none;
margin-bottom: -22%; }
.paragraphs-item-header-image.view-mode-full .field--name-field-image img {
width: 100%;
height: auto; }
.front .paragraphs-item-header-image {
margin-bottom: 0; }
.paragraphs-item-one-col-content.view-mode-full {
margin: 1.5em auto;
max-width: 94%;
padding: 0 5%; }
@media screen and (min-width: 768px) {
.paragraphs-item-one-col-content.view-mode-full {
max-width: 85%;
padding: 0%; } }
@media screen and (min-width: 1060px) {
.paragraphs-item-one-col-content.view-mode-full {
max-width: 840px; } }
.paragraphs-item-three-col-content .field--type-image {
margin-bottom: 1em; }
.paragraphs-item-three-col-content > .group-left, .paragraphs-item-three-col-content .group-middle {
width: 100%;
margin-bottom: 1.5em; }
@media screen and (min-width: 768px) {
.paragraphs-item-three-col-content > .group-left, .paragraphs-item-three-col-content .group-middle {
width: 31%;
margin-right: 3%;
margin-bottom: 0; } }
.paragraphs-item-three-col-content > .group-left > .field--type-text, .paragraphs-item-three-col-content .group-middle > .field--type-text {
font-size: 1.7em !important; }
.paragraphs-item-three-col-content > .group-right {
width: 100%;
margin-bottom: 1.5em; }
@media screen and (min-width: 768px) {
.paragraphs-item-three-col-content > .group-right {
width: 31%;
margin-bottom: 0; } }
.paragraphs-item-three-col-content > .group-right > .field--type-text {
font-size: 1.7em; }
@media screen and (min-width: 768px) {
.paragraphs-item-two-col-content.view-mode-two_column_css_break .field--name-field-body-left {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
column-gap: 2em; } }
/*------------
CLASSY PARAGRAPH STYLES
------------ */
.first-paragraph {
padding: 0 5%; }
@media screen and (min-width: 768px) {
.first-paragraph {
padding: 0; } }
.first-paragraph .group-left, .first-paragraph .group-right {
padding: 0 !important; }
.jj-about-us {
background: url("../images/jj-about-us.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png");
padding-bottom: 3em !important; }
.jj-about-us > .group-header {
max-width: 900px;
white-space: wrap; }
.jj-about-us > .group-left {
background: url("../images/jj-about-us-value-mastery.png") no-repeat bottom 1.2em right;
padding-right: 5.625em !important; }
@media screen and (min-width: 768px) {
.jj-about-us > .group-left {
background-position: bottom center;
padding-right: 0 !important;
padding-bottom: 80px !important; } }
.jj-about-us > .group-middle {
background: url("../images/jj-about-us-value-belonging.png") no-repeat bottom 1.2em right;
padding-right: 5.625em !important; }
@media screen and (min-width: 768px) {
.jj-about-us > .group-middle {
background-position: bottom center;
padding-right: 0 !important;
padding-bottom: 80px !important; } }
.jj-about-us > .group-middle .field--name-field-title-center-left {
color: #73b855; }
.jj-about-us > .group-right {
background: url("../images/jj-about-us-value-generosity.png") no-repeat bottom 1.2em right;
padding-right: 5.625em !important; }
@media screen and (min-width: 768px) {
.jj-about-us > .group-right {
background-position: bottom left 2em;
padding-right: 0 !important;
padding-bottom: 80px !important; } }
.jj-about-us > .group-right .field--name-field-title-center-right {
color: #1d398d; }
.jj-about-us > .group-footer {
background: url("../images/jj-about-us-value-independence.png") no-repeat bottom 1.2em right;
padding-right: 5.625em !important; }
@media screen and (min-width: 768px) {
.jj-about-us > .group-footer {
background-position: bottom left 2em;
padding-right: 0 !important;
padding-bottom: 80px !important; } }
.jj-about-us-our-history {
background: url("../images/jj-about-us_our-history.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-about-us-our-people {
background: url("../images/jj-about-us_our-people.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-about-us-our-results {
background: url("../images/jj-about-us_our-results.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-locations {
background: url("../images/jj-locations.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-opportunities-become-a-host {
background: url("../images/jj-opportunities_become-a-host.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-opportunities-careers {
background: url("../images/jj-opportunities_careers.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-opportunities-join-forces {
background: url("../images/jj-opportunities_join-forces.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-opportunities-support {
background: url("../images/jj-opportunities_support.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes {
background: url("../images/jj-programmes.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes-after-school {
background: url("../images/jj-programmes_after-school.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes-community {
background: url("../images/jj-programmes_community.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes-holiday {
background: url("../images/jj-programmes-holiday.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes-leadership {
background: url("../images/jj-programmes_leadership.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes-outdoors {
background: url("../images/jj-programmes_outdoors.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.jj-programmes-sport {
background: url("../images/jj-programmes_sport.jpg"), url("../images/jj-paragraph-bg-bottom.jpg"), url("../images/jj-paragraph-bg.png"); }
.enclosed-paragraph {
max-width: none;
padding: 5em 10% 2em 10% !important;
background-repeat: no-repeat, no-repeat, repeat-y;
background-position: top center, bottom center, top center;
background-size: 100%, 100%, 100%;
max-width: none !important; }
@media screen and (min-width: 580px) {
.enclosed-paragraph {
padding-top: 8em !important; } }
@media screen and (min-width: 580px) and (max-width: 680px) {
.enclosed-paragraph {
padding-top: 6.5em !important; } }
@media screen and (min-width: 768px) {
.enclosed-paragraph {
padding: 8em 8% 5.2em 10% !important; } }
@media screen and (min-width: 1060px) {
.enclosed-paragraph {
max-width: 1080px !important;
padding: 9.8em 5.2em 5.2em 7.7em !important; } }
.enclosed-paragraph .group-left, .enclosed-paragraph .group-right {
padding: 0; }
.not-mobile {
display: none; }
@media screen and (min-width: 768px) {
.not-mobile {
display: block; } }
.not-mobile-image .field--type-image {
display: none; }
@media screen and (min-width: 768px) {
.not-mobile-image .field--type-image {
display: block; } }
.title-colors-1 .field--name-field-title-left {
color: #1896d4; }
.title-colors-1 .field--name-field-title-right {
color: #73b855; }
.title-blue h1, .title-blue .paragraphs-items .field--name-field-title, .paragraphs-items .title-blue .field--name-field-title, .title-blue
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .title-blue .field--name-field-title-right, .title-blue
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .title-blue .field--name-field-title-center-right, .title-blue
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .title-blue .field--name-field-title-left, .title-blue
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .title-blue .field--name-field-title-center-left, .title-blue .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .title-blue h2, .title-blue .field--name-field-title {
color: #1896d4; }
.title-green h1, .title-green .paragraphs-items .field--name-field-title, .paragraphs-items .title-green .field--name-field-title, .title-green
.paragraphs-items .field--name-field-title-right,
.paragraphs-items .title-green .field--name-field-title-right, .title-green
.paragraphs-items .field--name-field-title-center-right,
.paragraphs-items .title-green .field--name-field-title-center-right, .title-green
.paragraphs-items .field--name-field-title-left,
.paragraphs-items .title-green .field--name-field-title-left, .title-green
.paragraphs-items .field--name-field-title-center-left,
.paragraphs-items .title-green .field--name-field-title-center-left, .title-green .paragraphs-item-endorsement .field--name-our-endorsements-title h2, .paragraphs-item-endorsement .field--name-our-endorsements-title .title-green h2, .title-green .field--name-field-title {
color: #73b855; }
.text-blue {
color: #1896d4; }
.text-green {
color: #73b855; }
.text-teal {
color: #12b5ba; }
.page-social-media {
line-height: 2em;
border-bottom: 1px solid #ddd; }
.page-social-media img {
max-width: 1.25em;
height: auto;
margin-right: 0.3em;
border: 0; }
.page-social-media a {
color: #434954; }
.page-social-media a:hover {
color: #12b5ba; }
.field--name-field-blue-signpost-link {
margin-top: 2em;
width: 128px;
height: 167px;
background: url("../images/signpost-blue.png");
background-size: 100% 100%;
display: none; }
@media screen and (min-width: 768px) {
.field--name-field-blue-signpost-link {
display: inline-block; } }
.field--name-field-blue-signpost-link .field__item {
-webkit-transform: rotate(-6.5deg);
-moz-transform: rotate(-6.5deg);
-ms-transform: rotate(-6.5deg);
-o-transform: rotate(-6.5deg);
transform: rotate(-6.5deg);
text-align: center;
padding-top: 0.95em; }
.field--name-field-blue-signpost-link .field__item a {
color: white;
padding: 1em 2em;
font-size: 0.8em;
text-transform: uppercase; }
.field--name-field-green-signpost-link {
width: 121px;
height: 112px;
background: url("../images/signpost-green.png");
background-size: 100% 100%;
vertical-align: bottom;
margin-left: -2em;
display: none; }
@media screen and (min-width: 768px) {
.field--name-field-green-signpost-link {
display: inline-block; } }
.field--name-field-green-signpost-link .field__item {
-webkit-transform: rotate(3.8deg);
-moz-transform: rotate(3.8deg);
-ms-transform: rotate(3.8deg);
-o-transform: rotate(3.8deg);
transform: rotate(3.8deg);
text-align: center;
padding-top: 0.85em; }
.field--name-field-green-signpost-link .field__item a {
color: white;
padding: 1em 1.3em;
font-size: 0.8em;
text-transform: uppercase; }
.six-col-layout {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.six-col-layout .content {
width: 100%;
margin-bottom: 2em; }
@media screen and (min-width: 768px) {
.six-col-layout .content {
width: 31%; } }
.six-col-layout .content img {
max-width: 300px; }
.six-col-layout .content h2 {
font-size: 1.35em !important;
margin: 0.5em 0; }
.six-col-layout .content:first-child h2, .six-col-layout .content:nth-child(6) h2 {
color: #1896d4; }
.six-col-layout .content:nth-child(3) h2, .six-col-layout .content:nth-child(5) h2 {
color: #73b855; }
.table {
margin-bottom: 1.5em; }
.table h3 {
color: #1896d4;
margin-bottom: 0.5em; }
.table strong {
margin-right: 0.3em;
margin-bottom: 0.2em;
display: inline-block; }
@media screen and (min-width: 768px) {
.table .left {
display: inline-block;
width: 20%; } }
@media screen and (min-width: 768px) {
.table .right {
display: inline-block;
width: 80%;
vertical-align: top; } }
.tb-megamenu-main-menu {
display: none;
z-index: 99;
background-color: transparent;
position: static; }
@media screen and (min-width: 980px) {
.tb-megamenu-main-menu {
display: block; } }
.tb-megamenu-main-menu .caret {
display: none !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav {
margin: 0.6em 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li {
margin: 0;
position: static !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:first-child {
display: none; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:last-child a {
padding-right: 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li a {
text-transform: uppercase;
font-weight: 400;
color: #434954;
font-size: 0.9em;
padding: 0;
border-right: 0;
padding: 0.2em 0.9em 0.4em;
display: block; }
@media screen and (min-width: 1060px) {
.tb-megamenu-main-menu ul.tb-megamenu-nav li a {
font-size: 1em; } }
.tb-megamenu-main-menu ul.tb-megamenu-nav li a:link, .tb-megamenu-main-menu ul.tb-megamenu-nav li a:visited {
color: #434954; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li a:hover {
color: #12b5ba; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li.active a {
background-color: transparent !important;
background-image: none !important;
color: #12b5ba !important;
font-weight: 700; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li.dropdown.open a {
color: #12b5ba !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li.dropdown:after {
content: "";
position: relative;
bottom: 0.5em;
left: 35%;
width: 1em;
height: 1em;
border-left: 1em solid transparent;
border-right: 1em solid transparent;
border-bottom: 1em solid #12b5ba;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
visibility: hidden; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li.dropdown:hover:after {
visibility: visible; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu {
width: 100%;
margin-top: -1.5em;
padding-top: 1em;
box-shadow: none;
background-color: transparent; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner {
position: absolute;
background-color: #12b5ba;
width: 100%; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-content: stretch;
-moz-align-content: stretch;
align-content: stretch;
-ms-flex-line-pack: stretch;
-webkit-box-align: stretch;
-moz-box-align: stretch;
box-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
-ms-flex-align: stretch; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row .tb-megamenu-column {
padding: 0;
border-right: 1px solid white;
min-height: 10px; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-row .tb-megamenu-column:last-child {
border: none; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner {
padding: 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li {
display: inline-block;
margin-right: 2em;
background-color: transparent !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li:first-child {
display: inline-block; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li a {
border: none;
color: white !important;
display: block;
padding: 1em 0.5em;
font-weight: 500;
background-color: transparent !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li a:hover {
color: #1d398d !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu {
margin: 0;
padding: 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner {
position: static;
width: auto;
left: 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column {
border: none;
margin: 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner {
padding: 0 0 1em; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav {
margin: 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li {
margin: 0;
display: block; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li a {
font-size: 0.7em;
font-weight: 500 !important;
padding: 0; }
@media screen and (min-width: 1060px) {
.tb-megamenu-main-menu ul.tb-megamenu-nav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li .tb-megamenu-submenu .mega-dropdown-inner .tb-megamenu-column-inner ul.tb-megamenu-subnav li a {
font-size: 0.85em; } }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column {
width: 30.5%;
margin: 1.5em 0; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column:nth-child(n+2) {
margin-left: 2%; }
@media screen and (min-width: 1200px) {
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column {
width: 30.5%; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column:nth-child(n+2) {
margin-left: 2.5%; } }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column ul li {
margin: 0 0.6em; }
@media screen and (min-width: 1060px) {
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column ul li {
margin: 0 0.8em; } }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column ul li a {
color: white !important;
pointer-events: none;
padding: 0 !important;
font-weight: 700 !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column ul li .tb-megamenu-column {
width: 100% !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column ul li .tb-megamenu-column ul li a {
pointer-events: auto;
color: white !important; }
.tb-megamenu-main-menu ul.tb-megamenu-nav li:nth-child(4) .tb-megamenu-submenu .tb-megamenu-column ul li .tb-megamenu-column ul li a:hover {
color: #1d398d !important; }
.view-activities-by-location.view-display-id-panel_pane_1 {
margin-bottom: 1.5em;
border: 0.3em solid #1896d4; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-header {
background-color: #1896d4;
padding: 1.2em; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-header > h2 {
color: white;
text-transform: uppercase;
font-size: 1.1em;
margin: 0;
text-align: center; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-content {
padding: 0.3em 1em 1.2em; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-content .views-row {
border-top: 1px solid rgba(29, 57, 141, 0.3);
margin-top: 0.5em;
padding-top: 0.5em; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-content .views-row:first-child {
border-top: 0; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-footer {
margin-top: 0.4em;
background-color: #1896d4;
padding: 1em 1.5em;
text-align: right; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-footer p {
margin: 0; }
.view-activities-by-location.view-display-id-panel_pane_1 .view-footer p a {
padding: 0.3em 0.5em; }
.view-media-documents-by-location {
margin-bottom: 1.5em; }
.view-media-documents-by-location .view-header {
background-color: #8270a8;
padding: 1.2em 1.2em 0.1em 1.2em; }
.view-media-documents-by-location .view-header > h2 {
color: white;
text-transform: uppercase;
font-size: 1.1em;
margin: 0;
text-align: center; }
.view-media-documents-by-location .view-content {
background-color: #8270a8;
padding: 0.3em 1.2em 1.2em; }
.view-media-documents-by-location .view-content .views-row {
border-top: 2px solid rgba(255, 255, 255, 0.3);
margin-top: 0.7em;
padding-top: 0.7em; }
.view-media-documents-by-location .view-content .views-row:last-child {
margin-bottom: 0;
padding-bottom: 0; }
.view-national-news-sideblock h2 {
font-size: 1.3em; }
.view-national-news-sideblock .views-row {
margin-bottom: 0.5em; }
.view-supporters .views-row {
display: inline-block;
margin: 0.6em 1em 0.6em 0; }
.view-supporters .views-row img {
max-width: 6.5em;
height: auto; }
@media screen and (min-width: 768px) {
.view-supporters .views-row img {
max-width: none; } }
.view.three-col {
margin: 2em 0 0; }
.view.three-col .view-content {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify; }
.view.three-col .view-content .views-row {
width: 100%;
margin-bottom: 1em; }
@media screen and (min-width: 580px) {
.view.three-col .view-content .views-row {
width: 48.5%; } }
@media screen and (min-width: 768px) {
.view.three-col .view-content .views-row {
width: 31.5%;
margin-bottom: 0.9em; } }
.view.three-col.mobile-two-across .views-row {
width: 48.5%;
margin-bottom: 0.25em; }
@media screen and (min-width: 580px) {
.view.three-col.mobile-two-across .views-row {
width: 48.5%; } }
@media screen and (min-width: 768px) {
.view.three-col.mobile-two-across .views-row {
width: 31.5%;
margin-bottom: 0.9em; } }
[class^="youthtown-location-finder"], [class*=" youthtown-location-finder"],
[class^="youthtown-location-location"], [class*=" youthtown-location-location"] {
overflow: hidden; }
[class^="youthtown-location-finder"] .selects, [class*=" youthtown-location-finder"] .selects,
[class^="youthtown-location-location"] .selects, [class*=" youthtown-location-location"] .selects {
width: 100%; }
[class^="youthtown-location-finder"] .form-item, [class*=" youthtown-location-finder"] .form-item,
[class^="youthtown-location-location"] .form-item, [class*=" youthtown-location-location"] .form-item {
width: 100%;
overflow: hidden; }
[class^="youthtown-location-finder"] .form-item select.form-select .level-label, [class*=" youthtown-location-finder"] .form-item select.form-select .level-label,
[class^="youthtown-location-location"] .form-item select.form-select .level-label, [class*=" youthtown-location-location"] .form-item select.form-select .level-label {
text-transform: uppercase; }
[class^="youthtown-location-finder"] input.form-submit, [class*=" youthtown-location-finder"] input.form-submit,
[class^="youthtown-location-location"] input.form-submit, [class*=" youthtown-location-location"] input.form-submit {
float: right; }
/*# sourceMappingURL=youthtown.styles.css.map */