/* CUSTOM THEME FOR FNCC 2020 */
/* Add vacancies 15 Feb 2021 */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*.messages {display:none;}*/

*:focus { outline: none; }

html,body { height:100%; position: relative; }
.dialog-off-canvas-main-canvas, .layout-container{   width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    padding: 0;
}

body {
    font-family: 'Quicksand', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    font-style: normal;
    font-variant: normal;
    color: #404041;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.region-content, .region-content h1, .region-content h2, .region-content h3, .region-content p, .region-content a, .region-pagebottom, .region-pagebottom p, .region-pagebottom a, .region-footer, .region-footer h3, .region-footer p, .region-footer a { text-align: center; }

a { color: #404041; }
a, a:active, a:hover { text-decoration: none; }
a:hover, #block-franco-main-menu a:hover { color: #f79e34; }


/* ------------------ GENERAL ------------------ */
.dialog-off-canvas-main-canvas, .layout-container, header, .region-header, main, #block-views-block-hero-block-1, .field--name-body, .view-events, .view-team, .field--name-field-curriculum, /*.path-courses .view-courses .views-row:nth-child(1),*/ /*remove quotes */
.view-accreditation, .view-certifications, .path-services .view-venues .views-row:nth-child(1), .view-hero .views-row, .flexslider, .views-field-field-video, #titlebox, .view-services-venue-block, .view-services-venue-block .views-row, .view-services-venue-block .views-field-body, #block-welcomeblock, #block-views-block-welcome-block-block-1, #block-newslettersubscribe, block-contactimage, .view-online-resources, .view-vacancies { width: 100%; min-width: 100%; height: auto; overflow: hidden; float: none; position: relative; } /*IMPORTANT: remove grey-out on first views-row course when face-to-face starts again*/

a.button-white, .left-box .field--name-field-link a { color: #FFFFFF; display: inline-block; padding: 5px 10px; border: 1px solid #FFFFFF; text-align: center; }

a.button-black, .field--name-field-link a, .file--application-pdf a, input.webform-button--submit, input.webform-button--reset, .user-login-form input#edit-submit, .mailchimp-signup-subscribe-form input#edit-submit, #edit-signature input.js-form-submit, .collapsiblock a, .view-extra-register-button .views-field-field-link a { display: inline-block; padding: 5px 10px; text-align: center; background: none; text-transform: lowercase; }
a.button-black, .field--name-field-link a, .file--application-pdf a, .user-login-form input#edit-submit, #edit-signature input.js-form-submit, .collapsiblock a, .view-extra-register-button .views-field-field-link a { color: #404041; border: 1px solid #404041; }
input.webform-button--submit, input.webform-button--reset, .mailchimp-signup-subscribe-form input#edit-submit { color: #FFFFFF; border-width: 1px; border-style: solid; }

a.button-white:hover, .left-box .field--name-field-link a:hover { color: #FFFFFF; display: inline-block; padding: 5px 10px; background: #404041; border: 1px solid #FFFFFF; text-align: center; }
a.button-black:hover, .field--name-field-link a:hover, .file--application-pdf a:hover, input.webform-button--submit:hover, input.webform-button--reset:hover, .user-login-form input#edit-submit:hover, .mailchimp-signup-subscribe-form input#edit-submit:hover, #edit-signature input.js-form-submit:hover, .collapsiblock a:hover, .view-extra-register-button .views-field-field-link a:hover { color: #FFFFFF; display: inline-block; padding: 5px 10px; background: #404041; border: 1px solid #404041; text-align: center; }


h1.page-title, h1.new-title, .path-events h1, #block-pastevents h2, #block-thefnccteachers h2, #block-onlineresources h2, #block-thefnccteachers h2, #block-welcomeblock h2, #block-views-block-welcome-block-block-1 .views-field-title, #block-newslettersubscribe h2 { font-size: 2em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 20px; text-align: center; padding-bottom: 20px; }

h1.page-title, h1.new-title, .path-events h1, #block-pastevents h2, #block-thefnccteachers h2, #block-onlineresources h2, #block-thefnccteachers h2, #block-welcomeblock h2, #block-views-block-welcome-block-block-1 .views-field-title, .smalltext { border-bottom: 1px solid #404041; }

.path-events #block-franco-page-title, .path-team #block-franco-page-title, .path-courses #block-franco-page-title, #block-thefnccteachers h2, #block-welcomeblock, #block-views-block-welcome-block-block-1 {padding: 30px 10% 0 10%;}
#block-onlineresources { padding: 30px 10%; }

.field--name-body, .view-empty  { padding: 0 6%; }
.field--name-field-curriculum, .page-node-type-certification .view-accreditation, .field--name-field-image, .field--name-field-artworks, .node--type-service-block .field--name-field-homepic { margin-top: 60px; }
.view-empty, #block-pastevents .field--name-body, #block-newslettersubscribe a.button-white { margin-top: 20px; }
.view-empty  { margin-bottom: 60px; }

h1.page-title, h1.new-title { margin: 60px 6%; }
.pagebottom .block-views h2 { font-size: 1.5em; line-height: 2em; margin: 30px 10%;}

.field--name-field-homepic img, .field--name-field-photo img, .field--name-field-logo img { display: block; margin: 0 auto 60px auto; text-align: center; }

video, video * {
width: 100%;
height: auto;
}

#block-welcomeblock { margin: 30px 0 60px 0; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------ BORDER-COLOR ------------------ */
#block-franco-page-title, .page-node-type-webform .field--name-field-display-title { border-top-width: 60px; border-top-style: solid; }
.field--name-field-banner { border-bottom-width: 60px; border-bottom-style: solid; padding: 0; position: relative; }
.pagebottom .block-views, .page--node-69 #block-webform { border-top-width: 30px; border-top-style: solid; margin-top: 60px; }

/*navy*/
.terms--navy .field--name-field-banner, .terms--navy .pagebottom .block-views,
.page-node-type-vacancy .field--name-field-banner, .terms--language .field--name-field-banner
{ border-color: #30337C; } 

/*orange*/
.terms--orange .field--name-field-banner, .terms--orange .pagebottom .block-views, 
.terms--orange .block-views,
.terms--cinema .field--name-field-banner, .terms--cinema #block-views-block-events-block-1
{ border-color: #F99F36; } 

/*turquoise*/
#block-franco-page-title, .page-node-type-webform .field--name-field-display-title, .pagebottom .block-views,
.terms--turquoise .field--name-field-banner, .terms--turquoise .pagebottom .block-views, 
.terms--event .field--name-field-banner 
{ border-color: #5FC8D7; } 

/*coral*/
.terms--coral .field--name-field-banner, .terms--coral .pagebottom .block-views
{ border-color: #EC5F44; } 

/*jade*/
.terms--jade .field--name-field-banner, .terms--jade .pagebottom .block-views,
input.webform-button--submit,
.mailchimp-signup-subscribe-form input#edit-submit
{ border-color: #8BBA95; } 

/*purple*/
.terms--purple .field--name-field-banner, .terms--purple .pagebottom .block-views,
.terms--exhibition .field--name-field-banner
{ border-color: #8A288E; } 

/*charcoal*/
.terms--workshop .field--name-field-banner, .terms--workshop .pagebottom .block-views
{ border-color: #646270; }

/*red*/
.terms--red .field--name-field-banner, .terms--red .pagebottom .block-views,
input.webform-button--reset, .terms--admin .field--name-field-banner 
{ border-color: #C51F3F; } 

/*grey*/
.terms--grey .field--name-field-banner, .terms--grey .pagebottom .block-views
{ border-color: #939598; } 

/*yellow*/
.terms--yellow .field--name-field-banner,
.page--node-69 #block-webform { border-color: #FECF0B; }

/* ------------------ END-BORDER-COLOR ------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------ BACKGROUND-COLOR ------------------ */

/*navy*/
.navy.views-row .views-field-body, .view-certifications .navy.views-row .views-field-title, 
.view-home-blocks .views-row:nth-child(2) .views-field-body, .view-home-blocks .views-row:nth-child(3) .views-field-title a, 
.view-simple-blocks .navy.views-row,
.view-team .views-row:nth-child(2) .views-field-body, .view-team .views-row:nth-child(3) .views-field-title, 
.cinema.views-row .views-field-field-type,
.webform-submission-form .navy >legend,
.view-online-resources .views-row li:nth-child(1), .view-online-resources .views-row li:nth-child(7n+7),
.view-vacancies .language.views-row .views-field-body-box,
.field--name-field-exercise-link .field__item:nth-child(1), .field--name-field-exercise-link .field__item:nth-child(7n+7), 
.view-apps .orange.views-row .views-field-title
{ background: #30337C; }

/*orange*/
.orange.views-row .views-field-body, .navy.views-row .views-field-title a, 
.view-home-blocks .views-row:nth-child(3) .views-field-body, .view-home-blocks .views-row:nth-child(2) .views-field-title a, 
.view-vacancies .language.views-row .views-field-field-department,
.view-simple-blocks .orange.views-row,
.view-team .views-row:nth-child(3) .views-field-body, 
.view-team .views-row:nth-child(2) .views-field-title, 
.cinema.views-row .views-field-body-box, 
.view-certifications .orange.views-row .views-field-body,
.webform-submission-form .orange >legend,
.maintenance-page .text-box,
.view-online-resources .views-row li:nth-child(4), .view-online-resources .views-row li:nth-child(10n+10), .field--name-field-exercise-link .field__item:nth-child(4), .field--name-field-exercise-link .field__item:nth-child(10n+10),
.view-apps .purple.views-row .views-field-title, .view-apps .navy.views-row .views-field-title
{ background: #F99F36; }

/*turquoise*/
.turquoise.views-row .views-field-body, .coral.views-row .views-field-title a,
.view-home-blocks .views-row:nth-child(4) .views-field-body, .view-home-blocks .views-row:nth-child(1) .views-field-title a, 
.view-simple-blocks .turquoise.views-row,
.view-team .views-row:nth-child(4) .views-field-body, .view-team .views-row:nth-child(1) .views-field-title, 
.event.views-row .views-field-body-box, .exhibition.views-row .views-field-field-type,
.view-services-venue-block .views-field-body,
.webform-submission-form .turquoise >legend,
.terms--turquoise .text-box,
.view-online-resources .views-row li:nth-child(3), .view-online-resources .views-row li:nth-child(9n+9), .field--name-field-exercise-link .field__item:nth-child(3), .field--name-field-exercise-link .field__item:nth-child(9n+9),
.view-apps .coral.views-row .views-field-title
{ background: #5FC8D7; } 

/*coral*/
.coral.views-row .views-field-body, .turquoise.views-row .views-field-title a,
.view-home-blocks .views-row:nth-child(1) .views-field-body, .view-home-blocks .views-row:nth-child(4) .views-field-title a, 
.view-simple-blocks .coral.views-row,
.view-team .views-row:nth-child(1) .views-field-body, .view-team .views-row:nth-child(4) .views-field-title,
.event.views-row .views-field-field-type, 
.view-certifications .coral.views-row .views-field-title a,
.view-services-venue-block .views-field-title a,
.webform-submission-form .coral >legend,
.terms--turquoise .head-box,
.view-online-resources .views-row li:nth-child(2), .view-online-resources .views-row li:nth-child(8n+8), .field--name-field-exercise-link .field__item:nth-child(2), .field--name-field-exercise-link .field__item:nth-child(8n+8)
{ background: #EC5F44; }

/*jade*/
.jade.views-row .views-field-body,
.view-team .views-row:nth-child(8) .views-field-body, .view-team .views-row:nth-child(5) .views-field-title, 
.workshop.views-row .views-field-field-type,
.webform-submission-form .jade >legend, input.webform-button--submit,
.mailchimp-signup-subscribe-form input#edit-submit,
.view-online-resources .views-row li:nth-child(6), .view-online-resources .views-row li:nth-child(12n+12), .field--name-field-exercise-link .field__item:nth-child(6), .field--name-field-exercise-link .field__item:nth-child(12n+12)
{ background: #8BBA95; } 

/*purple*/
.purple.views-row .views-field-body,
.orange.views-row .views-field-title a,
.view-simple-blocks .purple.views-row,
.view-team .views-row:nth-child(6) .views-field-body, 
.exhibition.views-row .views-field-body-box, 
.view-certifications .purple.views-row .views-field-body,
.webform-submission-form .purple >legend,
.maintenance-page .head-box,
.view-online-resources .views-row li:nth-child(5), .view-online-resources .views-row li:nth-child(11n+11), .field--name-field-exercise-link .field__item:nth-child(5), .field--name-field-exercise-link .field__item:nth-child(11n+11)
{ background: #8A288E; } 

/*charcoal*/
.charcoal.views-row .views-field-body,
.jade.views-row .views-field-title a,
.view-team .views-row:nth-child(5) .views-field-body, .view-team .views-row:nth-child(8) .views-field-title, 
.workshop.views-row .views-field-body-box, 
.view-certifications .red.views-row .views-field-title a
{ background: #646270; }

/*red*/
.red.views-row .views-field-body,
.grey.views-row .views-field-title a,
.view-simple-blocks .red.views-row,
.view-team .views-row:nth-child(7) .views-field-body, 
.view-certifications .red.views-row .views-field-body, 
input.webform-button--reset,
.webform-submission-form .red >legend,
.terms--red .text-box,
.view-apps .charcoal.views-row .views-field-title,
.view-vacancies .admin.views-row .views-field-body-box
{ background: #C51F3F; } 

/*grey*/
.grey.views-row .views-field-body,
.view-team .views-row:nth-child(7) .views-field-title,
.terms--red .head-box,
.view-vacancies .admin.views-row .views-field-field-department
{ background: #939598; } 

/*yellow*/
.purple.views-row .views-field-title a,
.view-team .views-row:nth-child(6) .views-field-title, .view-certifications .purple.views-row .views-field-title a,
.webform-submission-form .yellow >legend .fieldset-legend
{ background: #FECF0B; }


/* ------------------ END-BACKGROUND-COLOR ------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------ CORNER-TRIANGLE ------------------ */
/*triangle space*/
.view-events .views-row::before, .field--name-field-banner::before, .view-team .views-row::before, #block-thefnccteachers .field--name-field-blockimage::before, .view-courses .views-row::before, .view-certifications .views-field-body::before, .view-services .views-row::before, .view-venues .views-row::before, .view-simple-blocks .views-row::before, #block-contactimage::before, .view-apps .views-row::before, .view-vacancies .views-row::before
{ content: ""; width: 8%; height: 50%; display: block; position: absolute; top: 20px; right: 20px; z-index: 1; }

/*navy*/
.view-simple-blocks .orange.views-row::before,
.view-team .views-row:nth-child(2)::before, .terms--navy .field--name-field-banner::before, .navy.views-row::before, .view-certifications .orange.views-row .views-field-body::before, .terms--language .field--name-field-banner::before, .language.views-row::before
{ background: url("../images/corner-navy.svg") no-repeat 0 0; }

/*orange*/
.terms--orange .field--name-field-banner::before,
.view-simple-blocks .navy.views-row::before,
.view-team .views-row:nth-child(3)::before, .orange.views-row::before,
.maintenance-page .right-box::before, 
.cinema.views-row::before, .terms--cinema .field--name-field-banner::before
{ background: url("../images/corner-orange.svg") no-repeat 0 0; }

/*turquoise*/
.terms--turquoise .field--name-field-banner::before, .turquoise.views-row::before,
.view-simple-blocks .coral.views-row::before,
.view-team .views-row:nth-child(4)::before, .event.views-row::before, .terms--event .field--name-field-banner::before, #block-thefnccteachers .field--name-field-blockimage::before,
.terms--turquoise .right-box::before 
{ background: url("../images/corner-turquoise.svg") no-repeat 0 0; }

/*coral*/
.coral.views-row::before, .terms--coral .field--name-field-banner::before,
.view-simple-blocks .turquoise.views-row::before,
.view-team .views-row:nth-child(1)::before, .view-certifications .turquoise.views-row .views-field-body::before
{ background: url("../images/corner-coral.svg") no-repeat 0 0; }

/*jade*/
.jade.views-row::before, .terms--jade .field--name-field-banner::before,
.view-team .views-row:nth-child(8)::before 
{ background: url("../images/corner-jade.svg") no-repeat 0 0; }

/*purple*/
.terms--purple .field--name-field-banner::before,
.purple.views-row::before,
.view-team .views-row:nth-child(6)::before, .exhibition.views-row::before, .terms--exhibition .field--name-field-banner::before
{ background: url("../images/corner-purple.svg") no-repeat 0 0; }

/*charcoal*/
.charcoal.views-row::before, .view-simple-blocks .red.views-row::before,
.view-team .views-row:nth-child(5)::before, .workshop.views-row::before, .terms--workshop .field--name-field-banner::before, .view-certifications .red.views-row .views-field-body::before
{ background: url("../images/corner-charcoal.svg") no-repeat 0 0; }

/*red*/
.terms--red .field--name-field-banner::before,
.view-team .views-row:nth-child(7)::before, 
.terms--red .right-box::before, .terms--admin .field--name-field-banner::before, .admin.views-row::before 
{ background: url("../images/corner-red.svg") no-repeat 0 0; }

/*grey*/
.grey.views-row::before, .terms--grey .field--name-field-banner::before 
{ background: url("../images/corner-grey.svg") no-repeat 0 0; }

/*yellow*/
.terms--yellow .field--name-field-banner::before,
.view-simple-blocks .purple.views-row::before,
.view-certifications .purple.views-row .views-field-body::before,
#block-contactimage::before
{ background: url("../images/corner-yellow.svg") no-repeat 0 0; }

/* ------------------ END-CORNER-TRIANGLE ------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------ HEADER ------------------ */
header { overflow: visible; }
.region-header { padding: 20px 6%; overflow: visible; }
#block-franco-branding { width: 225px; height: 170px; overflow: hidden; padding-bottom: 30px; float: left; position: relative; }
a.site-logo { width: 200px; height: 150px; display: block; position: relative; transition: all .1s ease-in-out; }
a.site-logo:hover {transform: scale(0.9); }

/* ------------------ NAVIGATION ------------------ */
#block-mainnavigation { width: auto; height: 50px; overflow: visible; margin: 60px 0 0 0; float: left; position: relative;}
ul#superfish-main { margin: 0; }
.menuparent { float: left; margin: 0 0 0 20px; }

ul.sf-menu a, ul.sf-menu span.nolink { padding: 0; }
ul.sf-menu.menu, ul.sf-menu.menu ul, ul.sf-menu.menu li { margin: 0 0 0 20px; padding: 0; }

ul#superfish-main a, ul#superfish-main li span.nolink { color: #404041; padding: 5px 8px 8px 8px; }
ul#superfish-main li.sf-depth-1 >a, ul#superfish-main li span.nolink { border: 1px solid #FFFFFF; }
ul#superfish-main li.sf-depth-1 >a.is-active, ul#superfish-main li.active-trail span.nolink { border: 1px solid #404041; }
ul#superfish-main li.sf-depth-1 >a:hover, ul#superfish-main li span.nolink:hover { background: #F99F36; border: 1px solid #F99F36; color: #FFFFFF; }

#superfish-main li ul { width: 120px!important; margin: -11px 0 0 0; overflow: hidden; background: #FFFFFF; border-left: 1px solid #F99F36; }
#superfish-main li ul li { margin: 0; padding: 0;}
#superfish-main li ul li:hover a { background: #F99F36; }
#superfish-main li ul li a { text-transform: none; font-size: 16px; color: #6E6B6D; }
#superfish-main li ul li a:hover { color: #FFF; }

/* ------------------ Responsive Menu ------------------ */
#block-responsivemenumobileicon { display: none; background: #5FC8D7; } 

/* ------------------ Social Media Links ------------------ */
#block-views-block-social-media-block-1 { float: left; width: 120px; height: auto; overflow: hidden; position: relative; margin: 60px 0 0 0; }
.view-social-media { width: 100%; height: auto; overflow: hidden; position: relative; }
.view-social-media .views-row { width: 30px; float: left; margin-left: 10px; }
.view-social-media .views-row:hover { opacity: 0.7; }

/* ------------------ HERO ------------------ */
video, .view-hero iframe, .view-hero iframe video { min-width: 100%!important; width: 100%!important; background: #f79e34; }
.view-hero iframe { height: 100vh; }
.flexslider { border: none; margin: 0 0 2% 0; position: relative; }
.flex-viewport { height: auto; overflow: hidden; position: relative; }
.flex-control-nav { height: 60px; padding: 20px 0; background: #565458; position: relative; bottom: 0; }
.flex-control-paging li a.flex-active { background: #FFFFFF; background: rgba(255,255,255,1.00); cursor: default; }
.flex-direction-nav a { width: 50px; height: 50px; padding: 10px; font-size: 0; }
.flex-direction-nav .flex-nav-prev a { text-indent: -999em!important; color: transparent;  }
.flex-direction-nav .flex-nav-next a { text-indent: 999em!important; color: transparent; }
.flex-control-paging li a {
    width: 20px;
    height: 20px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* ------------------ PAGE TITLES ------------------ */

.path-frontpage #block-franco-page-title, .path-frontpage #block-franco-content, .page-node-type-static #block-franco-page-title, .page-node-type-course #block-franco-page-title, .page-node-type-event h1.page-title, .page-node-type-certification h1.page-title, .page-node-type-venue h1.page-title, .page-node-type-event #block-franco-page-title, .page-node-type-certification #block-franco-page-title, .page-node-type-venue #block-franco-page-title, .node__submitted, .page-node-type-service #block-franco-page-title, .page-node-type-webform #block-franco-page-title, .page-node-type-error-page #block-franco-page-title, .page-node-type-resource #block-franco-page-title, .page-node-type-exercises #block-franco-page-title, .page-node-type-mobile-app #block-franco-page-title, .page-node-type-resource-link-block #block-franco-page-title, .page-node-type-vacancy #block-franco-page-title { display: none; }


/* ------------------ VIEWS GENERAL ------------------ */
.view-home-blocks .views-field-title, .view-events .views-field-field-type, .view-team .views-field-title, .view-courses .views-field-title a, .view-services .views-field-title a, .view-venues .views-field-title, .view-services-venue-block .views-field-title a, .view-apps .views-field-title, .view-student-resources .views-field-title, .view-vacancies .views-field-field-department { position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.view-home-blocks .views-field-title a, .view-events .views-field-field-type, .view-team .views-field-title, .view-courses .views-field-title a, .view-certifications .views-field-title a, .view-services .views-field-title a, .view-venues .views-field-title a, .view-services-venue-block .views-field-title a, .view-apps .views-field-title, .view-student-resources .views-field-title a, .view-vacancies .views-field-field-department { color: #FFFFFF; display: inline-block; padding: 20px; border: 1px solid #FFFFFF; text-transform: uppercase; overflow: hidden; }

.view-events .views-field-title, .view-vacancies .views-field-title { height: auto; overflow: hidden; margin-bottom: 20px; }

.view-events .views-field-title a, .view-simple-blocks .views-field-title, .view-team .views-field-field-position, .view-courses .views-field-field-termdate, .view-certifications .views-field-title a, .views-field-field-subtitle, .view-vacancies .views-field-title a { font-size: 26px; line-height: 28px; color: #FFFFFF; }

.views-field-field-date { border-bottom: 1px solid #FFFFFF; padding-bottom: 20px; }

.views-field-body .views-field-title a:hover { background: #404041; }
.view-events .views-field-body .views-field-title a, .view-vacancies .views-field-body .views-field-title a {height: auto; min-height: 30px; overflow: hidden; display: block;}
.view-events .views-field-body .views-field-title a:hover, .view-vacancies .views-field-body .views-field-title a:hover { background: none!important; color: #101010; }
.view-events .views-field-title a, .view-vacancies .views-field-title a { display: block; }

.view-home-blocks .views-row, .view-events .views-row, .view-simple-blocks .views-row, .view-team .views-row,
/*.path-courses .view-courses .views-row:nth-child(n+2),*/ /*remove quotes*/
.path-courses .view-courses .views-row, .page-node-type-course .view-courses .views-row, .view-services .views-row, .path-services .view-venues .views-row:nth-child(n+2), .page-node-type-venue .view-venues .views-row, .view-apps .views-row, .view-vacancies .views-row  { width: 49%; height: auto; overflow: hidden; float: left; margin-bottom: 2%; position: relative; }

.view-home-blocks .views-row:nth-child(even), .view-events .views-row:nth-child(even), .view-simple-blocks .views-row:nth-child(even), .view-team .views-row:nth-child(even),
/*.path-courses .view-courses .views-row:nth-child(2n+3),*/ .path-courses .view-courses .views-row:nth-child(even), /*remove quotes and delete second half of this line*/
.page-node-type-course .view-courses .views-row:nth-child(even), .path-services .view-services .views-row:nth-child(even), .path-services .view-venues .views-row:nth-child(2n+3), .page-node-type-venue .view-venues .views-row:nth-child(even), #block-views-block-services-block-1 .views-row:nth-child(n+2),
.view-apps .views-row:nth-child(even), .view-student-resources .views-row:nth-child(n+2), .view-vacancies .views-row:nth-child(even)
{ margin-left: 2%; }


.view-home-blocks .views-field-body, .view-events .views-field-body-box, .view-team .views-field-body, .view-courses .views-field-body, .view-services .views-field-body, .view-venues .views-field-body, .view-services-venue-block .views-field-body, .view-apps .views-field-body, .view-student-resources .views-field-body, .view-student-resources .views-field-body, .view-vacancies .views-field-body-box { margin-top: 5px; position: relative; width: 100%; height: auto; overflow: visible; padding: 60px 6% 40px 6%; }

.view-hero { margin-bottom: 2%; }

.views-field-field-homepic a, .views-field-field-homepic a img, .views-field-field-banner a, .views-field-field-banner a img, .views-field-field-banner img { display: block; height: auto; padding: 0; margin: 0; overflow: hidden; min-height: 270px; }
.views-field-field-banner:hover, .views-field-field-homepic:hover { background: #000000; }
.views-field-field-banner:hover img, .views-field-field-homepic:hover img { opacity: 0.5; overflow: hidden; }

.views-field-body p, .views-field-field-date, .views-row a.button-white, .views-field-field-closing-date { color: #FFFFFF; font-size: 18px; line-height: 22px; }

.path-services #block-franco-content { padding-bottom: 0; }

#block-newslettersubscribe { background: url("../images/bg-newsletter.jpg") no-repeat center center; background-size: cover; padding: 60px 10%; }
#block-newslettersubscribe h2, #block-newslettersubscribe p { color: #FFFFFF; }    
#block-newslettersubscribe h2 { border-bottom: 1px solid #FFFFFF; }

.view-accreditation .view-content { margin: 4% 0; }


/* ------------------ SIMPLE BLOCKS ------------------ */
.pagebottom .simpleblock.block-views { border: none; }
.view-simple-blocks, .field--name-field-downloadfile { margin-top: 2%; }
.view-simple-blocks .view-content { display: flex; flex-wrap: wrap; }
.view-simple-blocks .views-row { padding: 40px 6% 80px 6%; text-align: center; flex: 1; flex-direction: column; }
#block-franco-content { padding-bottom: 40px; }
.views-field-field-link { display: block; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#block-views-block-simple-blocks-block-3 { margin-top: 0 }

/* ------------------ SIMPLE BLOCKS ------------------ */
#block-views-block-welcome-block-block-1 p { font-size: 20px; line-height: 26px; color: #404041; }

/* ------------------ TEAM PAGE ------------------ */
.view-sort-team, .view-sort-courses, .view-sort-services { width: 100%; padding: 0 10%; text-align: center; }
.views-table { margin: 0 auto 60px auto; }
#draggableviews-table-courses-page-2 .views-field-title { padding-right: 30px; }
a.tabledrag-handle .handle { width: 25px; height: 25px;}

.view-team .view-footer, .view-courses .view-footer, .view-services .view-footer { display: none; text-align: center; }
.user-logged-in .view-team .view-footer, .user-logged-in .view-courses .view-footer, .user-logged-in .view-services .view-footer, .user-logged-in .view-venues .view-footer  { display: block; margin-bottom: 30px; }
#block-thefnccteachers .field--name-body, #block-thefnccteachers .field--name-field-blockimage { display: block; position: relative; float: none; clear: both; }

.views-table tr.draggable a { text-align: left!important; float: left; }
.js td .dropbutton-multiple { width: 160px; margin:0; padding: 0 0 0 50px; }
.dropbutton-widget { float: right; }

/* ------------------ NODES ------------------ */

.field--name-field-date, .field--name-field-venue, .field--name-field-entrance, .field--name-field-position, .field--name-field-termdate, .field--name-field-exam-date, .field--name-field-exam-fee, strong, .field--name-field-subtitle { font-weight: 600!important; text-align: center; }

#info, .field--name-field-exam-date, .field--name-field-exam-fee, .field--name-field-position { margin-bottom: 40px; }
#info { width: 100%; height: auto; overflow: hidden; display: flex; justify-content: center; }

.field--name-field-venue, .field--name-field-entrance { float: left; }
.field--name-field-venue { margin-right: 10px; }
.field--name-field-venue::after { content: "-"; margin-left: 10px;}

.field--name-field-image, .field--name-field-artworks, .view-accreditation .view-content, #block-views-block-certifications-block-1 .view-content { width: 100%; height: auto; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; }

.field--name-field-image .field__item, .field--name-field-artworks .field__item { width: 15%; height: auto; overflow: hidden; display: flex; justify-content: center; margin: 0 2% 3% 2%; }
.field--name-field-image img, .field--name-field-artworks img, .page--node-570 .field--name-field-artworks .field__item { width: 100%; }
.file--application-pdf { background: none; }

.node--type-certification .field--name-field-logo img { width: 20%; height: auto; overflow: hidden; }

#titlebox .field--name-field-link { position: absolute; bottom: 85px; right: 6%; }

/* ------------------ EVENT VIEW ------------------ */
.view-home-blocks .view-content, .view-events .view-content, .view-team .view-content, .view-courses .view-content, .view-venues .view-content, .view-services .view-content, .view-vacancies .view-content,
.view-apps .view-content, .view-student-resources .view-content
{ display: flex; flex-wrap: wrap; }

.view-home-blocks .views-row, .view-events .views-row, .view-team .views-row, .view-courses .views-row, .view-venues .views-row, .view-services .views-row, .view-apps .views-row, .view-student-resources .views-row, .view-vacancies .views-row { display: flex; flex-direction: column; }

.view-home-blocks .views-field-body, .view-events .views-field-body, .view-team .views-field-body, .view-courses .views-field-body, .view-services .views-field-body, .view-venues .views-field-body, .view-apps .views-field-body, .view-student-resources .views-field-body, .view-vacancies .views-field-body { display: flex; flex-direction: column; flex: 1; }

.view-home-blocks .views-field-body .field-content, .view-events .views-field-body .field-content, .view-services .views-field-body .field-content, .view-venues .views-field-body .field-content, .view-apps .views-field-body .field-content, .view-vacancies .views-field-body .field-content { display: flex; flex: 1; flex-direction: column; }
.view-events .views-field-body-box, .view-vacancies .views-field-body-box { flex: 1; }
.view-home-blocks .views-field-body p, .view-events .views-field-body-box p, .view-courses .views-field-body p, .view-services .views-field-body p, .view-venues .views-field-body p, .view-services-venue-block .views-field-body p, .view-student-resources .views-field-body p, .view-vacancies .views-field-body-box .views-field-field-closing-date { margin-bottom: 60px; } 

.views-field-body-box a.button-white, .view-courses .views-field-body a.button-white, .view-services .views-field-body a.button-white, .view-venues .views-field-body a.button-white,
.view-home-blocks .views-field-body a.button-white, .view-student-resources .views-field-body a.button-white { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; }

#block-pastevents { padding: 0 10% 70px 10%; }

/* ------------------ COURSES VIEW ------------------ */

.view-courses .view-filters { display: none; } /*remove when all courses published again*/
.bef-exposed-form .form--inline > .form-item { width: 100%; float: none; margin-bottom: 60px; }
.views-exposed-form ul { list-style-type: none; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 10%; margin: 0; }
.views-exposed-form li { height: auto; overflow: visible; float: left; display: inline-block; margin-bottom: 20px; }
.views-exposed-form a { color: #404041; text-transform: lowercase; display: block; padding: 5px 10px 8px 10px; border: 1px solid #404041; text-align: center; margin: 0 20px; }
.views-exposed-form a:hover { background: #565458; color: #FFF; }

.views-exposed-form a.bef-link--selected { background: #404041; color: #FFF; }

/*.path-courses .view-courses .views-row:nth-child(1),*/ /*remove quotes*/
.view-venues .views-row:nth-child(1) { margin-bottom: 2%; }
/*.path-courses .view-courses .views-row:nth-child(1) .views-field-body,*/ /*remove quotes*/
.view-venues .views-row:nth-child(1) .views-field-body { padding: 60px 20% 40px 20%; }

/*.path-courses .view-accreditation, .path-certifications .view-accreditation { margin-top: 40px; }*/ /*remove quotes*/
.view-accreditation .views-row { width: 8%; height: auto; overflow: hidden; display: flex; justify-content: center; margin: 0 2%; }

#block-views-block-extra-register-button-block-1 { width: 100%; height: auto; margin: 60px 0 0 0; }
.view-extra-register-button .views-field-field-link a { }

/* ------------------ CERTIFICATIONS VIEW ------------------ */
.view-certifications .views-field-field-logo { padding: 20%; }
.view-certifications .views-row { width: 25%; height: auto; overflow: hidden; float: left; position: relative; }
#block-views-block-certifications-block-1 .view-certifications .view-content { display: flex; justify-content: center; }
.view-certifications .views-field-body { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; padding: 6%; display: flex; justify-content: center; align-items: center; height: auto; overflow: hidden;  transition: opacity 0.5s ease-in-out; }
.view-certifications .views-row:hover .views-field-body { width: 100%; position: absolute; opacity: 1; z-index: 1; }

#block-views-block-certifications-block-2 { border-top: none; margin-top: 0; }

/* ------------------ SERVICES VIEW ------------------ */
#block-views-block-services-block-1 .views-row,  .view-student-resources .views-row  { width: 32%; height: auto; overflow: hidden; float: left; position: relative; }


/* ------------------ ONLINE RESOURCES VIEW ------------------ */
.view-online-resources { padding: 0 6%;  }
.view-online-resources .view-header, .view-apps .view-header { width: 100%; height: auto; overflow: hidden; margin-bottom: 60px; }
.view-online-resources .views-row { width: 100%; height: auto; overflow: hidden; position: relative; border-top: 1px solid #404041; padding-top: 40px; margin-top: 0; }
.view-online-resources .views-row:last-child { border-bottom: none; }
.view-online-resources .views-field-title { font-size: 1.5em; }
.views-field-field-resource-link ul { list-style-type: none; }
.views-field-field-resource-link ul , .field--name-field-exercise-link { width: 100%; height: auto; overflow: hidden; position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
.views-field-field-resource-link ul li, .field--name-field-exercise-link .field__item { float: left; margin: 0 1% 40px 1%; padding: 5px 8px; }
.views-field-field-resource-link ul li a, .field--name-field-exercise-link .field__item a { color: #FFFFFF; }
.view-online-resources .views-row li:hover, .field--name-field-exercise-link .field__item:hover { background: #404041; }

.field--name-field-exercise-link { margin-top: 60px; }
.field--name-field-exercise-link .field__item { width: auto; height: auto; overflow: hidden; display: inline-block; }

/* ------------------ VACANCIES ------------------ */
.node--type-vacancy .field--name-body, .node--type-vacancy .field--name-body h3, .node--type-vacancy .field--name-body p { text-align: left; }

.field--name-field-closing-date { padding: 2% 6%; background: #CCCCCC; text-align: left; }
.field--name-field-closing-date .field__label { font-size: 1.17em; line-height: 1.28205em; margin: 0 0 1.28205em 0; } 

.page-node-type-vacancy .block-webform { padding: 2% 6%; }
.collapsiblock { text-align: left; }

.page-node-type-vacancy .webform-submission-form { margin: 40px 0 0 0!important; border: 1px solid #404041; padding: 2%; }

/*.collapsiblock a { display: inline-block; padding: 5px 10px; text-align: center; background: #F99F36; text-transform: lowercase; color: #202020; }*/
.collapsiblock h2 { margin: 0; }
#edit-upload-documents--label { margin-bottom: 20px; }

/* ------------------ WEBFORMS ------------------ */

input:required { box-shadow: none; } /* to remove the default red glowing box around required fields that were initially hidden */

.lightbg { padding: 10px; background: #F7F7F7; }

#edit-placement-intro, form #edit-intro { margin-bottom: 120px; }

#edit-preffered-times label { font-size: inherit; font-weight: bold; color: #404041; }
.webform-submission-form, .user-login-form, .mailchimp-signup-subscribe-form { margin: 0 20%; text-align: left; }
.webform-submission-form label, .js-webform-select-other legend, select.form-select, #edit-rules-and-regulations li, .smalltext legend, .smalltext label, .user-login-form label, .mailchimp-signup-subscribe-form label, #edit-terms li, .rental-terms-text p, .rental-terms-text li { font-size: 16px; }
#edit-donation-info p, #edit-exam-sessions p, .rental-terms-text h2, .rental-terms-text p { text-align: left; } 
#edit-rental-terms-text h2 { font-size: 20px; }

.smalltext { padding-bottom: 20px; }
.smalltext legend, .smalltext label, .js-form-item-select-exam option { color: #404041!important; }

.webform-submission-form label, .js-webform-select-other legend, select.form-select, .user-login-form label, .mailchimp-signup-subscribe-form label { color: #949494; }
.js-webform-type-fieldset >legend:nth-child(1), #edit-course-selection--wrapper .description, #edit-venue--wrapper >legend:nth-child(1), #edit-venue--wrapper .js-form-type-radio, #edit-select-course--wrapper .form-item-select-course { margin-bottom: 20px; }
.js-form-type-select label { margin-bottom: 10px; }
#edit-course-selection--wrapper { margin-bottom: 40px; }
.radios--wrapper >legend:nth-child(1) { margin-bottom: 0; }

.js-webform-type-fieldset >legend:nth-child(1), #webform-submission-venue-booking-add-form .js-webform-type-fieldset >legend .fieldset-legend:nth-child(1), #edit-venue--wrapper >legend:nth-child(1), .webform-submission-form .yellow > legend .fieldset-legend { display: inline-block; padding: 10px; color: #FFFFFF; }

.radios--wrapper { margin-bottom: 0; }
.webform-submission-form .yellow { border: none; margin: 0; padding: 0; }
.webform-submission-form .yellow legend { width: 100%; margin: 20px 0; padding: 30px 0 0 0; border: none; border-top: 1px solid #6E6B6D; }
.webform-submission-form .yellow .form-item { margin: 0; }
.webform-submission-form .yellow >legend { margin-top: 0; }

.snug { margin-top: 0.4em; margin-bottom: 0.4em; }

.form-radios .form-item { margin: 0;  }
#edit-venue.form-radios .form-item, .bold-label .form-radios .form-item, #edit-sectors .form-type-checkbox { padding: 20px 0; border-bottom: 1px solid #6E6B6D; }
.form-radios .form-item:last-child, #edit-sectors .form-type-checkbox:last-child { border-bottom: none!important; }
.webform-submission-form .description { font-size: 14px; line-height: 18px; color: #949494; }
.webform-submission-form .field-prefix .webform-element-description { font-size: 16px; line-height: 18px; color: #949494; }
.webform-submission-form .field-prefix .description { margin-left: 0; }
.form-type-checkbox .description { margin-left: 20px; }
.form-type-radio .description { margin-left: 19px; }
.form-item-venue label, .js-form-item-agreement label, .linedown label, .bold-label .form-type-radio label, #edit-sectors label { color: #404041; font-weight: 600; }

.webform-submission-form select.form-select {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
	
	border: 1px solid #404041;
  
  background-repeat: no-repeat;
  background-size: 0.5em auto;
  background-position: right 0.25em center;
  padding-right: 1em;
  
  background-image: url("data:image/svg+xml;charset=utf-8, \
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'> \
      <polygon points='0,0 60,0 30,40' style='fill:black;'/> \
    </svg>");
}

.webform-submission-form input.form-text, .webform-submission-form input.form-email, .webform-submission-form input.form-tel, .user-login-form .js-form-item input, .mailchimp-signup-subscribe-form .form-type-textfield input, .mailchimp-signup-subscribe-form .form-type-email input { width: 100%; }
.webform-submission-form input.form-text, .webform-submission-form input.form-tel, .webform-submission-form input.form-email, .js-form-type-datetime input, .js-form-type-date input, .js-form-type-webform-time input, .ui-timepicker-list li, .user-login-form input, .mailchimp-signup-subscribe-form .form-type-textfield input, .mailchimp-signup-subscribe-form .form-type-email input { height: 32px; text-align: left; font-size: 16px; }
.webform-submission-form input.form-text:hover, .webform-submission-form input.form-tel:hover, .webform-submission-form input.form-email:hover, .js-form-type-datetime input:hover, .js-form-type-date input:hover, .user-login-form input:hover, .mailchimp-signup-subscribe-form .form-type-textfield input:hover, .mailchimp-signup-subscribe-form .form-type-email input:hover { background: #F9F9F9; color: #404041; text-align: left; }
.js-form-type-webform-time input:hover { background: #F0F0F0; color: #404041; text-align: left; }

.page--node-69 #block-webform { margin-top: 30px; padding: 60px 0; }
.js-form-type-date input, .js-form-type-date input:hover { width: 160px; padding: 0 5px; text-align: center; }

.webform-element-help:focus,.webform-element-help:active, .webform-element-help:hover { background: #404041; border-color: #404041; }

.webform-signature-pad .button { top: 5px; right: 5px; }
#edit-signature { width: 50%; }
#edit-signature input.js-form-submit, #edit-signature input.js-form-submit:hover { width: 50px; font-size: 12px; }


#edit-date .js-form-item-from-date, #edit-date .js-form-item-from-time, #edit-date .js-form-item-to-date, #edit-date .js-form-item-to-time { float: left; }
#edit-date .js-form-item-from-date input, #edit-date .js-form-item-to-date input { min-width: 250px; }
#edit-date .js-form-item-from-time, #edit-date .js-form-item-to-time { margin-left: 20px; }

/*-- Placement Test --*/

#webform-submission-placement-test-add-form, #webform-submission-placement-test-add-form p { text-align: left; }
#webform-submission-placement-test-add-form .webform-section-title { font-size: 24px; text-align: left; background: #DFD5C8; padding: 0 10px; }
#webform-submission-placement-test-add-form section { margin-bottom: 60px; }
#webform-submission-placement-test-add-form section .form-type-processed-text { width: 100%; height: auto; overflow: hidden; display: block; margin: 0;}
#webform-submission-placement-test-add-form section .webform-element-description { margin: 40px 0; }
#webform-submission-placement-test-add-form section .form-textarea { padding: 10px; }
#webform-submission-placement-test-add-form section .form-textarea::placeholder { font-size: 14px; }
#webform-submission-placement-test-add-form section .webform-element-description em { color: #949494; }

.page-node-type-webform .field--name-body a, .node--type-event .field--name-body a, #edit-rental-terms-text a, .page-node-type-service .field--name-body a  { color: #f79e34; }
.page-node-type-webform .field--name-body a:hover, .node--type-event .field--name-body a:hover, #edit-rental-terms-text a:hover, .page-node-type-service .field--name-body a:hover { color: #d5882c; }


/* ------------------ WEBADMIN STYLING ------------------ */
ul.tabs.primary { margin: 0; padding: 20px 6% 0 6%; text-align: left; }
ul.tabs.primary li a { border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #DEDEDE; transition: background-color 0.3s; font-size: 16px; }
ul.tabs.primary li a:hover { background-color: #e9e9e9; color: #000000; }
ul.tabs.primary li a.is-active { background-color: transparent;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
	background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
	background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
	background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
	background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); }


/* ------------------ FOOTER ------------------ */
.region-footer { margin-top: 5px; padding: 30px 0; background: #565458; }
.region-footer, .region-footer a { color: #EFEFEF; }
.region-footer a:hover, .region-footer ul.menu a.is-active { color: #939598; }
.region-footer h3 { margin-bottom: 10px; }
.region-footer p { margin-top: 0; }

#block-franco-footer ul.menu { display: flex; justify-content: center; margin: 0 0 30px 0; }
#block-franco-footer ul li { float: left; padding: 0 20px; border-right: 1px solid #EFEFEF; } 
#block-franco-footer ul li:last-child { border: none; }

#block-footercontact { background: #6F6B6F; }
#block-footerrights { padding-top: 30px; }
#block-footerrights p { margin-bottom: 0; }
#block-footerrights a.ida { font-size: 18px;}


/* ------------------ MAINTENANCE & ERROR PAGES ------------------ */
.maintenance-page, .maintenance-page p { font-family: 'Quicksand', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; }

.maintenance-page, .maintenance-page footer { width: 100%; height: auto; overflow: visible; position: relative; }
.maintenance-page, .head-box h1, .head-box h2, .text-box p, .head-box .field--name-field-subtitle { text-align: center; color: #FFFFFF; }
.maintenance-page .layout-content, .page-node-type-error-page .node__content { width: 100%; height: auto; overflow: visible; position: relative; display: flex; flex-wrap: wrap; }
.left-box, .right-box { width: 49%; height: auto; overflow: hidden; flex: 1; flex-direction: column; }
.left-box { float: left; margin-right: 1%; }
.right-box { float: right; background: url(../images/maintenance.jpg) no-repeat center center; background-size: cover; }
.right-box::before { content: ""; width: 4%; height: 50%; display: block; position: absolute; top: 20px; right: 20px; z-index: 1; }
.head-box, .text-box { width: 100%; height: 49%;  padding: 2%; text-align: center; }
.head-box { margin-bottom: 2%; } 
.head-box h1 { line-height: 1em; border-bottom: none; margin-bottom: 10px; }
.head-box .field--name-field-subtitle { margin-bottom: 40px; }


.maintenance-page footer { background: #565458; padding: 5% 2% 10% 2%; margin-top: 1%; }
.maintenance-page footer, .maintenance-page footer p { color: #EFEFEF; }

.left-box .field--name-field-link { margin-bottom: 60px; }


/* ------------------------------------------------------------------ */
/* ------------------------MOBILE STYLING---------------------------- */
/* ------------------------------------------------------------------ */

@media all and (max-width:1366px) {	
	.region-header { padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 2%; }
	#block-franco-branding {width: 30%; height: auto; margin-left: 20px; padding: 20px 0; overflow: hidden; }
	a.site-logo { width: 100%; height: auto; overflow: hidden; object-fit: contain; }
	#block-views-block-social-media-block-1 { margin-left: auto; margin-right: 20px;  } 
	
	
/* ------------------ Responsive Menu ------------------ */
	#block-mainnavigation { display: none; }
	
	#block-responsivemenumobileicon { width: 20%; display: block; float: left; flex-direction: column; padding-top: 20px; }
	.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.label { display: none; background: none; }
	.responsive-menu-toggle-icon span.icon { background: none; width: 60px; height: 5px; top: 20px; }
	.responsive-menu-toggle-icon span.icon { width: 100%; height: 80px; display: block; position: relative; background: url(../menu_icon.svg) no-repeat 0 0; background-size: contain; top: 0; left: 0; }
	.responsive-menu-toggle-icon { width: 100%; height: 80px; position: relative; padding: 20%; }
	
}

@media all and (max-width: 800px) {		
	.view-home-blocks .views-row, .view-events .views-row, .view-simple-blocks .views-row, .view-team .views-row, .path-courses .view-courses .views-row, .page-node-type-course .view-courses .views-row, .view-services .views-row, .path-services .view-venues .views-row:nth-child(n+2), .page-node-type-venue .view-venues .views-row, #block-views-block-services-block-1 .views-row, .view-certifications .views-row, .view-vacancies .views-row { width: 100%; float: none; clear: both; }
	
	.view-home-blocks .views-row:nth-child(2n), .view-events .views-row:nth-child(2n), .view-simple-blocks .views-row:nth-child(2n), .view-team .views-row:nth-child(2n), .path-courses .view-courses .views-row:nth-child(2n+3), .page-node-type-course .view-courses .views-row:nth-child(2n), .path-services .view-services .views-row:nth-child(2n), .path-services .view-venues .views-row:nth-child(2n+3), .page-node-type-venue .view-venues .views-row:nth-child(2n), #block-views-block-services-block-1 .views-row:nth-child(n+2), .view-vacancies .views-row:nth-child(2n) { margin-left: 0; }

	#block-welcomeblock { margin: 0; }
	.view-simple-blocks .views-row { flex: none; }
	#block-views-block-certifications-block-1 .view-content, #block-views-block-certifications-block-1 .view-certifications .view-content { display: block; }
	.node__content { flex: none; }
	.left-box, .right-box { width: 100%; flex: none; float: none; clear: both; position: relative; }
	.right-box { min-height: 300px; margin-top: 2%; }
	.right-box::before { display: none; }
}

@media all and (max-width: 480px) {		
	body, .views-field-body p, .views-field-field-date, .views-row a.button-white { font-size: 16px; line-height: 20px; }
	h1.page-title, h1.new-title { margin: 30px 6%; }
	h1.page-title, h1.new-title, .path-events h1, #block-pastevents h2, #block-thefnccteachers h2, #block-onlineresources h2, #block-thefnccteachers h2, #block-welcomeblock h2, #block-newslettersubscribe h2 { font-size: 1.5em; line-height: 2em; }
	.view-events .views-field-title a, .view-simple-blocks .views-field-title, .view-team .views-field-field-position, .view-courses .views-field-field-termdate, .view-certifications .views-field-title a, .views-field-field-subtitle, .view-vacancies .views-field-title a { font-size: 22px; line-height: 24px; }
	
		
	.views-exposed-form ul { list-style-type: none; width: 100%; display: flex; justify-content: center; padding: 0 6%; margin: 0; }
	.views-exposed-form li { float: left; display: inline-block; }
	.views-exposed-form a { color: #404041; text-transform: lowercase; padding: 5px 10px 8px 10px; border: 1px solid #404041; text-align: center; margin: 0 20px; }
	
	.field--name-field-image .field__item, .field--name-field-artworks .field__item { width: 30%; }
	.view-services-venue-block .views-field-body p { margin-bottom: 30px; }
	
	.region-footer { padding: 0 0 30px 0; }
	#block-franco-footer ul.menu { flex-wrap: wrap; margin-bottom: 0;  }
	#block-franco-footer ul li { width: 50%; border: none; text-align: center; padding: 20px; }
	#block-franco-footer ul li:nth-child(1), #block-franco-footer ul li:nth-child(2) { border-bottom: 1px solid #686868; }
	#block-franco-footer ul li:nth-child(1), #block-franco-footer ul li:nth-child(3) { border-right: 1px solid #686868; }
	#block-franco-footer ul li:nth-child(3) { clear: left; }
	
	#titlebox { overflow: visible; }
	#titlebox .field--name-field-link { top: -76px; }
	.field--name-field-link a { color: #FFFFFF; border: 1px solid #FFFFFF; }
	
	.webform-submission-form, .user-login-form { margin: 0 6%; }
	.webform-submission-form label, .js-webform-select-other legend, select.form-select, #edit-rules-and-regulations li, .smalltext legend, .smalltext label, .user-login-form label, .webform-submission-form .fieldset-legend { font-size: 14px; }
	
	.webform-options-display-three-columns { display: inline-block; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	#edit-grapevine .js-form-item { width: 100%!important; display: block!important; float: none; }	
}