/*
**
** xs - no media query - 576px width or less
**
*/

/* temp */
  .alert-wrapper { display: none ; }
  .feed-icons { display: none ; }
/* region - global - tweaks */
  body { overflow-x: hidden ; height: 100% ; }

/* region - main - tabs */
  .main-content .tabs { margin-top: 1em ; }

/* region - main - tabs - links */
  .main-content .tabs a { font-size: 3vw ; }

/* region - main - text */
  .main-content p,
  .main-content li { font-size: 5vw ; }

/* region - main - text - links */
  .main-content a:link,
  .main-content a:active,
  .main-content a:visited { color: #41962a ; transition: 0.3s ; }
  .main-content a:hover { color: #EE0076 ; }

/* region - main - titles */
  .main-content h1 { font-size: 10vw ; color: #41962a ; }
  .main-content h2 { font-size: 8vw ; }
  .main-content h3 { font-size: 7vw ; }
  .main-content h4 { font-size: 6vw ; }
  .main-content h5 { font-size: 5vw ; }
  .main-content h6 { font-size: 4vw ; }
  
/* region - main - block - front */
  .main-content .field--name-field-news-featured-image { margin-bottom: 0 ; }
  .main-content .field--type-text-with-summary { font-size: 1vw ; }
  .main-content .field--name-node-link { margin-bottom: 1em ; font-size: 5vw ; text-transform: uppercase ; font-family: 'Brandon Grotesque' ; font-style: normal ; font-weight: 700 ; }

/* region - main - block - titles */
  .main-content .block-title-centred h2:first-of-type { text-align: center ; }
  .main-content .block-title-highlight h2:first-of-type { padding: 0.5vw ; background-color: #cccccc ; }
  .main-content .block-title-underlined h2:first-of-type { padding-bottom: 0.5vw ; border-bottom: 1px solid #cccccc ; }

/* region - main - block - margin - top and bottom */
  .main-content .block-spacing-small { margin-top: 2vw ; margin-bottom: 2vw ; }
  .main-content .block-spacing-medium { margin-top: 4vw ; margin-bottom: 4vw ; }
  .main-content .block-spacing-large { margin-top: 6vw ; margin-bottom: 6vw ; }

/* region - main - block - padding - all four sides */
  .main-content .block-padding-small { padding: 1vw ; }
  .main-content .block-padding-medium { padding: 2vw ; }
  .main-content .block-padding-large { margin: 4vw ; }

/* region - main - block - colour - text - white */
  .main-content .block-colour-text-white p { color: #ffffff ; }

/* region - main - block - background */
  .main-content .block-back-green { background-color: green ; }
  .main-content .block-back-blue { background-color: blue ; }
  .main-content .block-back-yellow { background-color: yellow ; }
  .main-content .block-back-pink { background-color: pink ; }
  .main-content .block-back-orange { background-color: orange ; }
  .main-content .block-back-grey { background-color: #eeeeee ; }

/* region - main - front page - featured top - jumbotron */
  .featured-top .jumbotron { margin-bottom: 0 ; padding: 0 ; background-color: transparent ; }
  .featured-top .jumbotron .block-views-blockslides-front-block-slide-front { padding: 0 ; }

/* region - main - navbar - logo */
  .navbar #block-navbarlogo img { margin-bottom: 0 ; }
  
/* region - main - navbar - dates */
  .navbar #block-navbardates p { font-size: 3vw ; position: absolute ; top: 50% ;  transform: translateY(-50%) ; }

/* region - main - navbar - toggle */
  .navbar #block-customheaderbars .toggle-bar { font-size: 8vw ; font-weight: bold ; }
  .navbar #block-customheaderbars .toggle-bar:link,
  .navbar #block-customheaderbars .toggle-bar:active,
  .navbar #block-customheaderbars .toggle-bar:visited { color: #000000 !important ; text-decoration: none !important ; }
  .navbar #block-customheaderbars .toggle-bar:hover { color: #000000 ; text-decoration: none !important ; }
  .navbar #block-customheaderbars p { padding-top: 10px ; }

/* region - main - navbar - dates - mobile */
  .navbar #block-navbardates-2 p { margin-bottom: 0 ; font-size: 6vw ; }
  
/* region - main - front page - news - shadows - hover */
  .main-content .block-views-blocknews-block-news-front img { box-shadow: 0 ; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ; }
  .main-content .block-views-blocknews-block-news-front img:hover { box-shadow: 0px 0px 15px 0px rgba(75,75,75,0.74) ; -webkit-box-shadow: 0px 0px 15px 0px rgba(75,75,75,0.74) ; -moz-box-shadow: 0px 0px 15px 0px rgba(75,75,75,0.74) ; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ; } 
  .main-content .block-views-blocknews-block-news-front .view-footer { text-align: right ; border-top: 1px solid #cccccc ; }
  
/* region - main - front page - buttons */
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card { background-color: #41962a ; margin-bottom: 1em ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card:hover { background-color: #EE0076 ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:link,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:active,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:visited { color: #ffffff ; font-size: 5vw ; text-decoration: none ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:hover { color: #ffffff ; text-decoration: none ; font-size: 5vw ; }
  
/* region - main - block - text - image - left */
  .main-content .block-content--type-text-and-image-on-left .field--name-field-block-text-image-left,
  .main-content .block-content--type-text-and-image-on-left .field--name-field-block-text-image-left img { padding-bottom: 0 ; margin-bottom: 0 ; }
  .main-content .block-content--type-text-and-image-on-left .field--type-text-long { position: absolute ; top: 50% ;  transform: translateY(-50%) ; }
  
/* region - main - block - text - image - right */
  .main-content .block-content--type-text-and-image-on-right .field--name-field-block-text-image-right,
  .main-content .block-content--type-text-and-image-on-right .field--name-field-block-text-image-right img { padding-bottom: 0 ; margin-bottom: 0 ; }
  .main-content .block-content--type-text-and-image-on-right .field--type-text-long { position: absolute ; top: 50% ;  transform: translateY(-50%) ; }

/* region - main - block - partners */
  .main-content .block-views-blockpartners-block-partners-front .field--name-field-partner-logo .field--name-field-media-image { text-align: center ; margin-left: auto ; margin-right: auto ; }

/* region - main - news */
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-post-date { font-size: 4vw ; }
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-link { font-size: 4vw ; }

/* region - footer - layout */
  .site-footer { background-color: #ffffff ; border-top: 1px solid #cccccc ; }

/* region - footer - text */
  .site-footer p, 
  .site-footer li { color: #000000 ; font-size: 5vw ; }
  
/* region - footer - text - links */
  .site-footer a:link,
  .site-footer a:active,
  .site-footer a:visited { color: #41962a ; transition: 0.3s ; text-decoration: none ; }
  .site-footer a:hover { color: #EE0076 !important ; }

/* region - footer - block - menus */
  .site-footer .block-menu h2 { color: #000000 ; }
  .site-footer nav ul { display: block ; }
  .site-footer nav a { padding: 0 ; }

/* region - footer - block - social icons */
  .site-footer #block-socialicons.social-icons p { font-size: 6rem ; font-family: 'Social Media Circles' !important ; font-style: normal ; font-weight: normal ; text-decoration: none ; }
  .site-footer #block-socialiconsmobile.social-icons p { font-size: 4rem ; font-family: 'Social Media Circles' !important ; font-style: normal ; font-weight: normal ; text-decoration: none ; }


/*
**
** sm - 576px and up - landscape phones
**
*/

@media (min-width: 576px) {

/* region - main - navbar - toggle */
  .navbar #block-customheaderbars .toggle-bar { font-size: 5vw ; font-weight: bold ; }
  .navbar #block-customheaderbars .toggle-bar:link,
  .navbar #block-customheaderbars .toggle-bar:active,
  .navbar #block-customheaderbars .toggle-bar:visited { color: #000000 !important ; text-decoration: none !important ; }
  .navbar #block-customheaderbars .toggle-bar:hover { color: #000000 ; text-decoration: none !important ; }
  .navbar #block-customheaderbars p { padding-top: 10px ; }

/* region - main - navbar - dates - mobile */
  .navbar #block-navbardates-2 p { font-size: 4vw ; }

/* region - main - text */
  .main-content p,
  .main-content li { font-size: 4.5vw ; }

/* region - main - titles */
  .main-content h1 { font-size: 7vw ; }
  .main-content h2 { font-size: 6vw ; }
  .main-content h3 { font-size: 5vw ; }
  .main-content h4 { font-size: 3vw ; }
  .main-content h5 { font-size: 2vw ; }
  .main-content h6 { font-size: 1.5vw ; }

/* region - main - front page - buttons */
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:link,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:active,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:visited { color: #ffffff ; font-size: 2.5vw ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:hover { color: #ffffff ; text-decoration: none ; font-size: 2.5vw ; }

/* region - footer - text */
  .site-footer p, 
  .site-footer li { color: #000000 ; font-size: 3.5vw ; }

/* region - footer - block - social icons */
  .site-footer #block-socialicons.social-icons p { font-size: 5rem ; font-family: 'Social Media Circles' !important ; font-style: normal ; font-weight: normal ; }

/* region- background - video */
  .featured-top video { width: 100% ; height: 413px ; object-fit: cover ; }

}


/*
**
** md - 768px and up - tablets
**
*/

@media (min-width: 768px) {
 
/* region - main - navbar - toggle */
  .navbar #block-customheaderbars .toggle-bar { font-size: 5vw ; font-weight: bold ; }
  .navbar #block-customheaderbars .toggle-bar:link,
  .navbar #block-customheaderbars .toggle-bar:active,
  .navbar #block-customheaderbars .toggle-bar:visited { color: #000000 !important ; text-decoration: none !important ; }
  .navbar #block-customheaderbars .toggle-bar:hover { color: #000000 ; text-decoration: none !important ; }
  .navbar #block-customheaderbars p { padding-top: 10px ; }
 
/* region - main - text */
  .main-content p,
  .main-content li { font-size: 2.75vw ; }

/* region - main - titles */
  .main-content h1 { font-size: 6vw ; }
  .main-content h2 { font-size: 5vw ; }
  .main-content h3 { font-size: 4vw ; }
  .main-content h4 { font-size: 3vw ; }
  .main-content h5 { font-size: 2vw ; }
  .main-content h6 { font-size: 1.5vw ; }

/* region - main - news */
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-post-date { font-size: 2vw ; }
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-link { font-size: 2vw ; }

/* region - main - block - front */
  .main-content .field--name-node-link { margin-bottom: 1em ; font-size: 3vw ; text-transform: uppercase ; font-family: 'Brandon Grotesque' ; font-style: normal ; font-weight: 700 ; }

/* region - main - front page - buttons */
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:link,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:active,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:visited { color: #ffffff ; font-size: 2.5vw ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:hover { color: #ffffff ; text-decoration: none ; font-size: 2.5vw ; }

/* region - footer - text */
  .site-footer p, 
  .site-footer li { color: #000000 ; font-size: 2.75vw ; }

/* region - footer - block - social icons */
  .site-footer #block-socialicons.social-icons p { font-size: 5rem ; font-family: 'Social Media Circles' !important ; font-style: normal ; font-weight: normal ; }

/* region- background - video */
  .featured-top video { width: 100% ; height: 306px ; object-fit: cover ; }

  
}

/*
**
** lg - 992px and up - desktops
**
*/

@media (min-width: 992px) {

/* region - main - navbar - toggle */
  .navbar #block-customheaderbars .toggle-bar { font-size: 4vw ; font-weight: bold ; }
  .navbar #block-customheaderbars .toggle-bar:link,
  .navbar #block-customheaderbars .toggle-bar:active,
  .navbar #block-customheaderbars .toggle-bar:visited { color: #000000 !important ; text-decoration: none !important ; }
  .navbar #block-customheaderbars .toggle-bar:hover { color: #000000 ; text-decoration: none !important ; }
  .navbar #block-customheaderbars p { padding-top: 10px ; }

/* region - main - tabs - links */
  .main-content .tabs a { font-size: 2vw ; }

/* region - main - content */
  .main-content .block-page-title-block,
  .main-content .block-system-main-block { margin-left: auto ; margin-right: auto ; max-width: 1285px ; }

/* region - main - text */
  .main-content p,
  .main-content li { font-size: 2vw ; }

/* region - main - titles */
  .main-content h1 { font-size: 4vw ; }
  .main-content h2 { font-size: 3vw ; }
  .main-content h3 { font-size: 2vw ; }
  .main-content h4 { font-size: 1.5vw ; }
  .main-content h5 { font-size: 1.25vw ; }
  .main-content h6 { font-size: 1vw ; }

/* region - main - news */
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-post-date { font-size: 2vw ; }
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-link { font-size: 2vw ; }

/* region - main - front page - buttons */
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:link,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:active,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:visited { color: #ffffff ; font-size: 2vw ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:hover { color: #ffffff ; text-decoration: none ; font-size: 2vw ; }

/* region - footer - text */
  .site-footer p, 
  .site-footer li { color: #000000 ; font-size: 1.25vw ; }

/* region - footer - block - social icons */
  .site-footer #block-socialicons.social-icons p { font-size: 5rem ; font-family: 'Social Media Circles' !important ; font-style: normal ; font-weight: normal ; }

/* region- background - video =*/
  .featured-top video { width: 100% ; height: 415px ; object-fit: cover ; }

}

/*
**
** xl - 1200px and up - large desktops
**
*/

@media (min-width: 1200px) {

/* region - xl, lg */
  .container { max-width: 1285px ; }

/* region - main - navbar - toggle */
  .navbar #block-customheaderbars .toggle-bar { font-size: 3vw ; font-weight: bold ; }
  .navbar #block-customheaderbars .toggle-bar:link,
  .navbar #block-customheaderbars .toggle-bar:active,
  .navbar #block-customheaderbars .toggle-bar:visited { color: #000000 !important ; text-decoration: none !important ; }
  .navbar #block-customheaderbars .toggle-bar:hover { color: #000000 ; text-decoration: none !important ; }
  .navbar #block-customheaderbars p { padding-top: 10px ; }

/* region - main - navbar - dates */
  .navbar #block-navbardates p { font-size: 1.65vw ; position: absolute ; top: 50% ;  transform: translateY(-50%) ; }

/* region - main - tabs - links */
  .main-content .tabs a { font-size: 1vw ; }

/* region - main - content */
  .main-content .block-page-title-block,
  .main-content .block-system-main-block { margin-left: auto ; margin-right: auto ; max-width: 1285px ; }

/* region - main - text */
  .main-content p,
  .main-content li { font-size: 1.25vw ; }

/* region - main - titles */
  .main-content h1 { font-size: 3vw ; }
  .main-content h2 { font-size: 2vw ; }
  .main-content h3 { font-size: 1.75vw ; }
  .main-content h4 { font-size: 1.5vw ; }
  .main-content h5 { font-size: 1.25vw ; }
  .main-content h6 { font-size: 1vw ; }

/* region - main - news */
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-post-date { font-size: 1vw ; }
  .main-content .node--view-mode-teaser-front-page .field--name-node-post-date,
  .main-content .node--view-mode-teaser .field--name-node-link { font-size: 1vw ; }

/* region - main - front page - buttons */
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:link,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:active,
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:visited { color: #ffffff ; font-size: 1.2vw ; }
  .block-block-content25fe67cb-40f5-4059-8775-61e163c71c41 .buttons-front .card-body a:hover { color: #ffffff ; text-decoration: none ; font-size: 1.2vw ;}
  
/* region - about - staff */
  .block-views-blockteam-members-block-team-members .field--name-field-team-member-photograph,
  .block-views-blockteam-members-block-team-members-seasonal .field--name-field-team-member-photograph,
  .block-views-blockteam-members-block-team-members-board .field--name-field-team-member-photograph { margin-bottom: 0.25vw ; }
  .block-views-blockteam-members-block-team-members .field--name-field-media-image img,
  .block-views-blockteam-members-block-team-members-seasonal .field--name-field-media-image img,
  .block-views-blockteam-members-block-team-members-board .field--name-field-media-image img{ margin-bottom: 0 ; }

/* region - footer - text */
  .site-footer p, 
  .site-footer li { color: #000000 ; font-size: 1.35vw ; }

/* region - footer - block - social icons */
  .site-footer #block-socialicons.social-icons p { font-size: 3rem ; font-family: 'Social Media Circles' !important ; font-style: normal ; font-weight: normal ; }

/* region- background - video =*/
  .featured-top video { width: 100% ; height: 829px ; object-fit: cover ; }

}