/*

Theme Name: Walker Morris - Graduate Micro Site

Theme URI: http://realityhouse.co.uk/

Description: Wordpress theme for Walker Morris

Author: Ben Ervine / realityhouse

Author URI: http://realityhouse.co.uk/

Tags: realityhouse

RH Designer: Zoe Dyer

RH Project Manager: Ant Mullinder

*/



/* || 02 Fonts - Standard Style */

/* || 01 Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}



@font-face {

    font-family: 'alderwoodregular';

    src: url('fonts/alderwood-regular-webfont.woff2') format('woff2'),

         url('fonts/alderwood-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

:root {

  --black: #262B2D;

  --blackop:rgba(38,43,45,0.9);

  --white: #FFF;

  --whiteop:rgba(255,225,255,0.9);

  --blue: #2969A5;

  --blueop:rgba(41,105,165,0.9);

  --yellow:#FFDB00;

  --dark-green:#334343;

  --dark-greenop:rgba(51,67,67,0.9);

  --light-green:#7EC5AC;

  --light-greenop:rgba(126,197,172,0.9);

  --alderwood:"alderwoodregular",sans-serif;

  --helvetica:"Helvetica Neue LT W05_55 Roman",sans-serif;

}







* {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

body {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;display:none;font-family: var(--helvetica)}

a, :focus {outline: none;text-decoration:none;box-shadow: none;}

button:focus, button:active, button:hover {outline: none;outline: none; box-shadow: none;}

a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

a, button { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }

a:hover, a:focus, button:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;outline: none;text-decoration:none}

a:hover {text-decoration:none}

.fademe {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

.fademe:hover, .fademe:hover .fademe{opacity: 0.7;}

/*p, ul, ol, dl, blockquote, .post-statement, .statement { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }*/

b, strong {font-weight:700;}

.img-res {width:100%;height:auto}

.standard-style p {padding-bottom:40px}

.standard-style ul {padding-bottom:15px;list-style-position: outside;list-style-type: none;margin-left: 0px;padding-top:0px;margin-bottom:20px}

.standard-style ol {padding-bottom:15px;list-style-position: outside;list-style-type: decimal;margin-left: 0px;padding-top:0px;margin-bottom:20px}

.standard-style ul li {font-size:16px;padding-bottom:10px;font-weight:400;line-height:25px;color:var(--dark-green);display: flex;}

.standard-style ul li::before {content: "• "; color: var(--dark-green);font-size:20px;padding-right:10px}

.standard-style ol li {font-size:17px;padding-bottom:10px;font-weight:400;line-height:25px;color:var(--dark-green)display: flex;;}

.standard-style ul li a, .standard-style ol li a {color:var(--blue);text-decoration:underline}

.standard-style ul li a:hover, .standard-style ol li a:hover {color: var(--dark-green)}

h1, h2, h3, h4, h5, p {font-weight:400}

.basic-page {padding-bottom:50px}



/* || 03 Header Area */

header {padding-top: 25px;position: fixed;width: 100%;z-index:2; backdrop-filter: blur(4px); -webkit-backdrop-filter:blur(40px); background-color: rgba(255,255,255,0.9);}

.hidden-height {height: 70px; display: block; width: 100%; position: relative;}

.header-logo-home {max-width:136px;display:none}

.header-logo, .dark-logo {max-width:40px}

.header-title {color:var(--dark-green);font-size:20px;line-height:50px;text-transform: uppercase;margin-right:30px;font-family:var(--alderwood);}



.page-template-page-home-php .header-logo-home {display:block}

.page-template-page-home-php .header-logo, .page-template-page-home-php .dark-logo {display:none}







.main-header-menu li {display:inline-block;padding-left:5px;padding-right:5px}

.main-header-menu li a {color:#000000;font-size:16px;font-weight:500;display:block;padding:11px 15px;cursor:pointer;}

.main-header-menu li a {position: relative;text-decoration: none;}

.main-header-menu li a:hover {background-color: #747474;color:#fff}

.menu-main-menu-container {padding-top: 25px;}

/*.menu-main-menu-container ul ul {display: none;}*/

/*.menu-main-menu-container ul li:hover > ul {display: block;height:100%;opacity:1;visibility:visible;}*/

/*.menu-main-menu-container ul ul {

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    color: #fff;

    display: block;

    position: relative;

    height:0px;

    top: 45px;

    left: 0;

    z-index: 99999;

    width: 100%;

    background: #000;

    box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);

    opacity:0;

    visibility:hidden;

}*/

/*.menu-main-menu-container ul ul, .menu-main-menu-container ul li:hover > ul {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;outline: none;text-decoration:none}*/

.menu-main-menu-container li {position: relative;}

/*.menu-main-menu-container ul ul li a {color: #fff;padding:15px 8px;font-size:14px}

.menu-main-menu-container ul ul li a:hover {color: #fff;background-color:#000;font-size:19px;font-weight:700;padding:10px 4px;}*/

.heder-mobile, .nav-menu-mobile-new {display:none}





/* || Template Name: Home */



.home-landing {}

.home-choice-title {padding-top:24.5%}

.home-choice-title h1 p {font-family:var(--alderwood);font-size:40px;line-height:40px;text-transform: uppercase;color:var(--dark-green);padding-bottom: 95px;}

.home-choice {font-family:var(--alderwood);font-size:70px;line-height:25px;text-transform: uppercase;color:var(--dark-green);display:inline-block;}

.yes-choice, .no-choice {display: inline-block;cursor:pointer;position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.yes-choice::before { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;opacity:0;visibility: hidden;}



.yes-choice:hover::before, .yes-choice.active::before {opacity:1;visibility: visible;content:"";background-image:url(img/home-yes-hover.svg);height:160px;width: 160px; position: absolute;bottom: -60px;    left: -30px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;

-o-background-size:cover;background-size:cover;

-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.yes-answer {font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;color:var(--dark-green);opacity:0;visibility: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;width:556px;position: relative;

   top: 105px;

  left: 120px;z-index:1}



.yes-answer.active::before {opacity:1;visibility: visible;content:"";background-image:url(img/home-yes-content-hover.svg);height:200px;width: 600px; position: absolute;bottom: -0px;    left: -20px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.yes-answer a {color:var(--blue)}

.yes-answer a:hover {color:var(--yellow)}



.no-choice::before { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;opacity:0;visibility: hidden;}

.no-choice:hover::before, .no-choice.active::before {opacity:1;visibility: visible;content:"";background-image:url(img/home-no-hover.svg);height:155px;width: 160px; position: absolute;bottom: -60px;    left: -40px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.no-answer {font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;color:var(--dark-green);opacity:0;visibility: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;position:relative;

  width: 200px;

  float: right;

  left: 115px;

  top: -60px;}

.no-answer.active::before {opacity:1;visibility: visible;content:"";background-image:url(img/home-no-content-hover.svg);height:155px;width: 271px; position: absolute;bottom: -0px;    left: -50px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}





.yes-answer.active, .no-answer.active {opacity:1;visibility: visible; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.yes-answer.active p, .no-answer.active p {position: relative; z-index: 1;}





/* || Breadcrumbs */



.breadcrumbs {

    padding-top: 15px;

    font-family: var(--alderwood);

    font-size: 14px;

    color: var(--dark-green);

    text-transform: uppercase;

    backdrop-filter: blur(4px);

    background-color: rgba(255,255,255,0.9);

    position: fixed;

    width: 100%;

    padding-bottom: 5px;

    margin-top: 5px;

    z-index: 1;

}

.breadcrumbs a {color:var(--light-green)}

.breadcrumbs a:hover {color:var(--dark-green)}

.breadcrumb-arrow {  position: relative;  top: -3px;  margin-left: 5px; margin-right: 5px;  }



/* || Template Name: How Do I Stand Out */



.stand-header {}

.stand-header h1 {font-family:var(--alderwood);font-size:70px;;line-height:70px;color:var(--blue);text-transform: uppercase;padding-top: 140px;padding-bottom:55px}

.stand-intro  {}

.stand-intro p {font-family:var(--alderwood);font-size:30px;;line-height:30px;color:var(--dark-green);text-transform: uppercase;}

.stand-content {}

.stand-content h2 {font-family:var(--alderwood);font-size:30px;;line-height:40px;color:var(--light-green);text-transform: uppercase;padding-bottom:15px}

.stand-content h3 {font-family:var(--alderwood);font-size:30px;;line-height:40px;color:var(--light-green);padding-bottom:15px}

.stand-content p {color:var(--dark-green);font-size:16px;line-height:24px;font-family:var(--helvetica);}

.stand-content p a {color:var(--blue);text-decoration: underline;}

.stand-content p a:hover {color:var(--dark-green)}

.stand-content img {width:100%;height:auto}

.extra-padding {padding-left:74px;padding-right:74px}



.page-template-page-standout .last-link {padding-left: 100px; max-width: 600px;margin-right: auto;}



/* || Template Name: Application  */



.page-template-page-application {background-color:var(--blue)}

.page-template-page-application header {background-color:var(--blueop)}

.page-template-page-application .header-title {color: var(--light-green);}

.page-template-page-application .breadcrumbs {color: var(--light-green);}

.page-template-page-application .breadcrumbs {background-color:var(--blueop)}

.page-template-page-application .breadcrumbs a {color: var(--white);}

.page-template-page-application .breadcrumbs svg path {fill: var(--light-green);}

.page-template-page-application .nav-toggle svg path {fill: var(--light-green);}



.page-template-page-application .last-link {padding-left: 100px; max-width: 600px;margin-right: auto;}



.app-header {position: relative;padding-top: 43px;padding-bottom:50px}

.app-header h1 {color:var(--yellow);font-size:120px;font-family:var(--alderwood);text-transform: uppercase;padding-bottom: 5px;padding-top: 40px;}

.app-header p {font-family:var(--alderwood);font-size:40px;;line-height:40px;color:var(--white);text-transform: uppercase;}

.side-ups {font-family:var(--alderwood);font-size:16px;;line-height:14px;color:var(--white);text-transform: uppercase; position:absolute;bottom:30px;left:10px;writing-mode: vertical-rl;-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}



.app-blocks {background-color:var(--light-green);background-image:url(img/application-bg.svg);background-position:center center;background-repeat:no-repeat;padding-bottom:90px}

.app-blocks h2 {color:var(--yellow);font-size:140px;font-family:var(--alderwood);text-transform: uppercase;padding-top: 80px;display: inline-flex;}

.counter-values { padding-right: 30px;}

.app-blocks p {color:var(--dark-green);font-size:30px;line-height:30px;font-family:var(--alderwood);text-transform: uppercase;margin-top:-5px}

.app-blocks p strong {}

.app-blocks a {color:var(--yellow);font-size:27px;line-height:26px;font-family:var(--alderwood);text-transform: uppercase;}

.date-float-one {color:var(--white);font-size:25px;line-height:25px;font-family:var(--alderwood);text-transform: uppercase;position:relative;transform: rotate(-10deg);left: 200px; top: -10px;}

.date-float-two {color:var(--white);font-size:25px;line-height:25px;font-family:var(--alderwood);text-transform: uppercase;position:relative;transform: rotate(-15deg);

    left: -180px; top: -10px;}

.date-float-one::before {

    content: "";

    background-image: url(img/app-one.svg);

    height: 72px;

    width: 62px;

    position: absolute;

    bottom: 15px;

    left: 106px;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    transform: rotate(10deg);

}

.date-float-two::before {content: "";

    background-image: url(img/app-two.svg);

    height: 44px;

    width: 13px;

    position: absolute;

    bottom: 40px;

    left: 235px;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    transform: rotate(15deg);

}







.app-blocks .first-link, .app-blocks .last-link {max-width: 650px;}



.app-header p strong, .app-blocks p strong, .app-content p strong {font-weight:400;position: relative;}

.app-header p strong::before, .app-blocks p strong::before, .app-content p strong::before {content:"";background-image:url(img/underline.svg);height:8px;width: 100%; position: absolute;bottom: 5px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}



.app-blocks a {position: relative;margin-top:10px;display: inline-block;}

.app-blocks a:hover::before {content:"";background-image:url(img/underline.svg);height:8px;width: 100%; position: absolute;bottom: -5px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}



.app-blocks {}



.app-content {padding-top:90px}

.app-content h2 {color:var(--light-green);font-size:70px;font-family:var(--alderwood);text-transform: uppercase;padding-bottom: 15px;}

.app-content p {color:var(--white);font-size:40px;line-height:40px;font-family:var(--alderwood);text-transform: uppercase;padding-bottom: 45px;}

.app-content p strong {}

.app-content p a {color:var(--yellow)}

.app-content p a:hover {color:var(--dark-green)}





/* || Template Name: Why Us */



.page-template-page-whyus {background-color:var(--dark-green)}

.page-template-page-whyus header {background-color:var(--dark-greenop)}

.page-template-page-whyus .header-title {color: var(--light-green);}

.page-template-page-whyus .breadcrumbs {color: var(--light-green);}

.page-template-page-whyus .breadcrumbs {background-color: var(--dark-greenop);}

.page-template-page-whyus .breadcrumbs a {color: var(--yellow);}

.page-template-page-whyus .breadcrumbs svg path {fill: var(--yellow);}

.page-template-page-whyus .nav-toggle svg path {fill: var(--light-green);}



.why-header {position: relative;}

.rando-button {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor:pointer;background-color:var(--yellow);width:300px!important;height:300px!important;margin-left:auto;margin-right:auto;color:var(--dark-green);font-size:50px;line-height:50px;font-family:var(--alderwood);text-transform: uppercase;text-align: center;padding-top: 120px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.rando-button:hover {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;  -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01);}

.why-header h1 {color:var(--light-green);font-size:30px;line-height:50px;font-family:var(--alderwood);text-transform: uppercase;padding-top: 55px;}

.why-header p {color:var(--white);font-size:16px;line-height:24px;font-family:var(--helvetica);padding-top:20px}



.side-ups a {color:var(--white);margin-top:20px;display: inline-block;}

.side-ups a:hover {color:var(--yellow)}



.why-us-links {}

.why-us-links a {margin:20px;padding:5px;color:var(--white);font-size:27px;font-family:var(--alderwood);text-transform: uppercase;position: relative;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.why-us-links a:hover::before {content:"";background-image:url(img/underline.svg);height:8px;width: 100%; position: absolute;bottom: -5px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}





/* || Template Name: Why Us - Single */



.why-color-blue {background-color:var(--blue)}

.why-color-blue .rando-button {background-color:var(--light-green);color:var(--blue)}

.why-color-blue header {background-color:var(--blueop)}

.why-color-blue .header-title {color:var(--light-green)}

.why-color-blue .breadcrumbs {color: var(--light-green);}

.why-color-blue .breadcrumbs {background-color: var(--blueop);}

.why-color-blue .breadcrumbs a {color: var(--white);}

.why-color-blue .breadcrumbs svg path {fill: var(--light-green);}

.why-color-blue .nav-toggle svg path {fill: var(--light-green);}

.why-color-blue .why-header h1 {color:var(--yellow)}

.why-color-blue .side-ups, .why-color-blue .side-ups a {color:var(--yellow)}

.why-color-blue .why-us-links a:hover, .why-color-blue .side-ups a:hover {color: var(--light-green);}

.why-color-blue .why-us-links a:hover::before {background-image:url(img/underline-lgreen.svg)}



.why-color-light-green {background-color:var(--light-green)}

.why-color-light-green .rando-button {background-color:var(--blue);color:var(--light-green)}

.why-color-light-green header {background-color:var(--light-greenop)}

.why-color-light-green .header-title {color:var(--dark-green)}

.why-color-light-green .breadcrumbs {color: var(--yellow);}

.why-color-light-green .breadcrumbs {background-color:var(--light-greenop)}

.why-color-light-green .breadcrumbs a {color: var(--white);}

.why-color-light-green .breadcrumbs svg path {fill: var(--yellow);}

.why-color-light-green .nav-toggle svg path {fill: var(--dark-green);}

.why-color-light-green .why-header h1 {color:var(--dark-green)}

.why-color-light-green .side-ups,  .why-color-light-green .side-ups a  {color:var(--blue)}

.why-color-light-green .side-ups a:hover {color:var(--dark-green)}

.why-color-light-green .why-us-links a:hover {color:var(--blue)}

.why-color-light-green .why-us-links a:hover::before {background-image:url(img/underline-blue.svg)}



.why-color-dark-green {background-color:var(--black)}

.why-color-dark-green .rando-button {background-color:var(--light-green)}

.why-color-dark-green header {background-color:var(--blackop)}

.why-color-dark-green .header-title {color:var(--light-green)}

.why-color-dark-green .breadcrumbs {color: var(--light-green);}

.why-color-dark-green .breadcrumbs {background-color:var(--blackop)}

.why-color-dark-green .breadcrumbs a {color: var(--white);}

.why-color-dark-green .breadcrumbs svg path {fill: var(--light-green);}

.why-color-dark-green .nav-toggle svg path {fill: var(--light-green);}

.why-color-dark-green .why-header h1 {color:var(--yellow)}

.why-color-dark-green .side-ups,  .why-color-dark-green .side-ups a {color:var(--yellow)}

.why-color-dark-green .why-us-links a:hover, .why-color-dark-green .side-ups a:hover {color: var(--light-green);}

.why-color-dark-green .why-us-links a:hover::before {background-image:url(img/underline-lgreen.svg)}



a.offcanvas-button {cursor:pointer;color:var(--blue);font-size:18px;font-family:var(--alderwood);text-transform: uppercase;background-color:var(--white);width: 85px;height: 55px;padding: 20px 10px 20px 10px;-webkit-border-top-left-radius: 25px;-webkit-border-bottom-left-radius: 25px;-moz-border-radius-topleft: 25px;-moz-border-radius-bottomleft: 25px;border-top-left-radius: 25px;  border-bottom-left-radius: 25px;}

a.offcanvas-button.off-open {position: absolute;right: 0;top: 40%;}

a.offcanvas-button.off-close {position: absolute;left: -85px;top: 47%;}



.offcanvas-button:hover {color:var(--yellow)}

.why-me-pop {overflow-y: auto;}



.why-pop-header {padding:150px 50px 0px 50px;}

.why-pop-header h2 {color:var(--blue);font-size:20px;font-family:var(--alderwood);text-transform: uppercase;padding-bottom:20px}

.why-pop-header h3 {color:var(--light-green);font-size:30px;line-height:30px;font-family:var(--alderwood);text-transform: uppercase;padding-bottom:25px; }



.why-pop-content {padding:0px 50px 50px 50px;}

.why-pop-content .video-title {color:var(--blue);padding-top:25px}



.img-res-max {max-width:100%;height:auto;margin-left:auto;margin-right:auto}

.side-text img {margin-left: auto; margin-right: auto; display: block;padding-bottom:40px}

.side-text p {font-size:16px;line-height:24px;}

.side-text p a {color:var(--blue);text-decoration: underline;}

.side-link {position:relative;color:var(--blue);font-size:27px;font-family:var(--alderwood);text-transform: uppercase;margin-top:40px;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.side-link:hover {color:var(--blue)}

.side-link:hover::before {content:"";background-image:url(img/underline-blue.svg);height:8px;width: 100%; position: absolute;bottom: -5px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.side-quote {background-image:url(img/side-quote.svg);

background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.side-quote {margin-top:15px;padding: 70px 60px 50px 120px;}

.side-quote p {color:var(--dark-green);font-size:25px;font-family:var(--alderwood);text-transform: uppercase;line-height:25px}

.citation {}

.citation {padding-top:25px;color:var(--light-green);font-size:14px;font-family:var(--alderwood);text-transform: uppercase;line-height:15px}



/* || Template Name: FAQs  */



.page-template-page-faqs {background-color:var(--light-green)}

.page-template-page-faqs header {background-color:var(--light-greenop)}

.page-template-page-faqs .breadcrumbs {color: var(--yellow);}

.page-template-page-faqs .breadcrumbs {background-color:var(--light-greenop)}

.page-template-page-faqs .breadcrumbs a {color: var(--white);}

.page-template-page-faqs .breadcrumbs svg path {fill: var(--yellow);}

.faqs-layout { padding-bottom: 100px;}

.faqs-header {}

.faqs-header h1 {color:var(--yellow);font-size:70px;font-family:var(--alderwood);text-transform: uppercase;padding-top:140px;padding-bottom:90px}



.faqs-layout {}

.faqs-layout .accordion-item {background-image:url(img/faq-border.svg);background-position:top center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;padding-bottom: 15px;}

div#accordionExample {background-image:url(img/faq-border.svg);background-position:bottom center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.faqs-layout .accordion-item h2 {}

.faqs-layout .accordion-item .accordion-body {padding:0px;padding-top:20px;padding-left:60px;width:60%}

.faqs-layout .accordion-item .accordion-body p {font-size:16px;line-height:24px;color:var(--dark-green);color:var(--yellow);padding-bottom:25px}

.faqs-layout .accordion-item .accordion-body p a {color:var(--dark-green);text-decoration: underline;}

.faqs-layout .accordion-item .accordion-body li {}

.faqs-layout .accordion-item .accordion-body li::before {display:none}

.faqs-layout .accordion-item .accordion-body li a {font-weight:400;color:var(--white);font-size:20px;font-family:var(--alderwood);text-transform: uppercase;text-decoration:none;}

.faqs-layout .accordion-item .accordion-body li a:hover {text-decoration: underline;}



  .accordion-item:first-of-type .accordion-button {

      border-top-left-radius: 0;

      border-top-right-radius: 0;

  }

  .accordion-item {

      margin-bottom: -1px;

      background-color: transparent;

      border: 0px solid rgba(0,0,0,0);

  }

  .accordion-button:not(.collapsed) {

      color: var(--dark-green);
       color: var(--yellow);
      background-color: transparent;

      box-shadow: inset 0 0px 0 rgb(0 0 0 / 0);

  }



  .accordion-button {

      position: relative;

      display: flex;

      align-items: center;

      width: 100%;

      padding: 0px;

      font-size: 30px;

      padding-left:60px;padding-right:150px;

      color: var(--dark-green);
     color: var(--yellow);

      text-align: left;

      background-color: transparent;

      border: 0;

      border-radius: 0!important;

      overflow-anchor: none;

      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;

      font-size:30px;font-family:var(--alderwood);text-transform: uppercase;padding-top:30px;}

  

  .accordion-button:focus {

      z-index: 3;

      border:0px!important;

      border-color: var(--light-green)!important;
      border-color: var(--yellow)!important;
      outline: 0;

      box-shadow: 0 0 0 0rem rgb(13 110 253 / 0%);

  }

  .accordion-button.collapsed::after {

      background-image: url(img/faq-x.svg);

      width:35px;height:35px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

      position: absolute;

      right: 110px;

      top: 30px;

  }

  .accordion-button::after, .accordion-button:not(.collapsed)::after{

    background-image: url(img/faq-line.svg);

    width:35px;height:5px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

    position: absolute;

    right: 110px;

    top: 45px;

  }



/* || Template Name: Graduate Stories */



.page-template-page-gradstories {background-color:var(--black)}

.page-template-page-gradstories header {background-color:var(--blackop)}

.page-template-page-gradstories .header-title {color: var(--light-green);}

.page-template-page-gradstories .breadcrumbs {color: var(--light-green);}

.page-template-page-gradstories .breadcrumbs {background-color: var(--blackop);}

.page-template-page-gradstories .breadcrumbs a {color: var(--white);}

.page-template-page-gradstories .breadcrumbs svg path {fill: var(--light-green);}

.page-template-page-gradstories .nav-toggle svg path {fill: var(--light-green);}



.grad-intro {}

.grad-intro h1 {padding-top:100px;color:var(--yellow);font-size:120px;font-family:var(--alderwood);text-transform: uppercase;}

.grad-intro h2, .grad-intro h3 {color:var(--yellow);font-size:70px;font-family:var(--alderwood);text-transform: uppercase;margin-top:-30px;padding-left:50px}

.grad-intro p {color:var(--white);font-size:30px;line-height:30px;font-family:var(--alderwood);text-transform: uppercase;}



.grad-yellow {padding-top:120px;}

.grad-yellow p {color:var(--yellow)}

.grad-yellow p strong {font-weight:400;position: relative;}

.grad-yellow p strong::before {content:"";background-image:url(img/grad-cross.png);height:100px;width: 140px; position: absolute;bottom: 20px;

    left: -4px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.grad-white {margin-top: -15px;}

.grad-white p {max-width:500px;margin-left:auto;margin-right:auto}



.grad-videos {padding-top: 20px;}

.video-title {padding-top:15px;min-height:95px}



.grad-intro-two {}

.grad-intro-two h2 {padding-left:0px}

.grad-intro-two h2 {padding-top:95px;color:var(--yellow);font-size:120px;font-family:var(--alderwood);text-transform: uppercase;}

.grad-white-two {padding-top:105px;max-width:525px;margin-left:auto;margin-right:auto}



.grad-stories, .grad-profile {}

.grad-stories a, .grad-profile a {color:var(--light-green);font-size:20px;line-height:20px;font-family:var(--alderwood);text-transform: uppercase;}

.grad-stories a:hover, .grad-profile a:hover {}



.gp-featured {position: relative;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.play-icon { position: absolute; left: calc(50% - 52px); top: calc(50% - 47px);-webkit-transition: all 0.2s ease;    -moz-transition: all 0.2s ease;    -ms-transition: all 0.2s ease;    -o-transition: all 0.2s ease;}

.gp-featured:hover .play-icon {-webkit-transition: all 0.2s ease;    -moz-transition: all 0.2s ease;    -ms-transition: all 0.2s ease;    -o-transition: all 0.2s ease;

    -moz-transform: scale(1.1);    -webkit-transform: scale(1.1);    -o-transform: scale(1.1);    -ms-transform: scale(1.1);    transform: scale(1.1);}



.grad-people {padding-top:50px}

.first-link {padding-right: 200px;max-width: 500px; margin-left: auto;}

.last-link {padding-left:200px;max-width:500px;margin-right: auto;}



/* || Footer Boxes */



.footer-boxes {margin-top:30px}

.footer-box {min-height:355px;font-size:40px;line-height:40px;font-family:var(--alderwood);text-transform: uppercase;}

.footer-box a {font-size:40px;line-height:40px;font-family:var(--alderwood);text-transform: uppercase;}

.footer-box a:hover {}



.bg-blue {background-color:var(--blue)}

.bg-blue {color:var(--white)}

.bg-blue:hover {background-color:var(--light-green);color:var(--blue)}



.bg-yellow {background-color:var(--yellow)}

.bg-yellow {color:var(--dark-green)}

.bg-yellow:hover {background-color:var(--dark-green);color:var(--yellow)}



.bg-dark-green {background-color:var(--dark-green)}

.bg-dark-green {color:var(--yellow)}

.bg-dark-green:hover {background-color:var(--yellow);color:var(--dark-green)}



.bg-light-green {background-color:var(--light-green);}

.bg-light-green {color:var(--yellow)}

.bg-light-green:hover {background-color:var(--yellow);color:var(--light-green)}



.bg-black {background-color:var(--black)}

.bg-black {color:var(--yellow)}

.bg-black:hover {background-color:var(--yellow);color:var(--blue)}



.footer-box, .footer-box:hover {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}





/* || Template Name: Contact*/



.contact-layout .container {position: relative;}

.contact-layout h1 {color:var(--blue);font-family:var(--alderwood);font-size:180px;text-transform: uppercase;padding-top:55px}

.contact-layout h2 {font-family:var(--alderwood);font-size:60px;padding-bottom:40px;text-transform: uppercase;margin-top: -18px;}

.contact-layout h2 a {color:var(--light-green)}

.contact-layout h2 a:hover {color:var(--blue)}

.contact-layout h3 {font-family:var(--alderwood);font-size:40px;line-height:40px;text-transform: uppercase;}

.contact-layout h3 a {color:var(--dark-green)}

.contact-padding, .contact-social {padding-left:80px}

.contact-social {padding-top:0px;margin-bottom: 50px!important;}

.contact-social li {margin-left:0px!important;margin-right:30px}

.contact-social li::before {display:none}

.contact-social a {color:var(--dark-green)!important;font-size:50px!important;}

.contact-social a:hover {color:var(--blue)!important;}

.contact-social, .contact-layout h3 {position: absolute;bottom:-30px}

.contact-layout h3 {right:40px;bottom:40px}





.contact-layout h3:hover::before {content:"";background-image:url(img/contact-line.svg);height:12px;width: 100%; position: absolute;bottom: -15px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.contact-pop {opacity:0;visibility: hidden;color:var(--dark-green);font-family:var(--alderwood);font-size:25px;text-transform: uppercase;line-height:25px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.contact-pop.active {opacity:1;visibility: visible; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.contact-pop.active::before {opacity:1;visibility: visible;content:"";background-image:url(img/contact-hover-box.svg);height:200px;width: 545px; position: absolute;

bottom: -45px; left: -20px; background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.pop-me {position: relative;}

.contact-pop {max-width: 500px;position: absolute;bottom: 160px; right: 70px;}



/* || Graduate Profile */



.border-the-bottom {background-image:url(img/story-border.svg);

background-position:center bottom;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;padding-bottom: 20px; margin-bottom: 55px;}



.stories-header {}

.stories-header h1 {color:var(--blue);font-family:var(--alderwood);font-size:70px;text-transform: uppercase;padding-top: 135px;padding-bottom:40px}

.stories-header p  {color:var(--dark-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:60px}

.stories-header h2 {color:var(--light-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:25px}

.stories-content {}

.stories-content h2 {color:var(--light-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:25px}

.stories-content p {color:var(--dark-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;}

.stories-content .extra-padding {}

.story-single-padding {padding-left:30px}

.single-stories-footer {padding-top:50px}





/* || Template Name: Placements  */



.page-template-page-placements header {background-color:transparent}

.page-template-page-placements .min-height {min-height:100vh}





.placement-select .bg-dark-green {background-color: var(--dark-green)!important;}

.placement-select .bg-light-green {background-color: var(--light-green)!important;}



.placement-select {margin-top:-70px}

.placement-select .header {

    color: var(--yellow);

    font-family: var(--alderwood);

    font-size: 120px;

    text-transform: uppercase;

    left: 50px;

    position: relative;

}

.placement-select .sub-header {

    color: var(--yellow);

    font-family: var(--alderwood);

    font-size: 70px;

    text-transform: uppercase;

    position: relative;

    left: 110px;

    top: -10px;

}

.placement-select .secondary-link .header {color:var(--dark-green);font-family:var(--alderwood);font-size:120px;text-transform: uppercase;left:0px}

.placement-select .secondary-link .sub-header {color:var(--dark-green);font-family:var(--alderwood);font-size:70px;text-transform: uppercase;}

.place-links  {width: 100%; height: 100%; display: block;}



.placement-content-intro  {}

.placement-content-intro h2 p {padding-top:80px;color:var(--dark-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:30px}

.secondary-video h2 {padding-top:0px;color:var(--dark-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:30px}

.secondary-accreds h2 {padding-top:50px;color:var(--dark-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:30px}

.placement-content-intro h3 {color:var(--light-green);font-family:var(--alderwood);font-size:30px;line-height:30px;padding-bottom:15px;text-transform: uppercase;}

.placement-content-intro p {color:var(--dark-green);font-family:var(--helvetica);font-size:16px;line-height:25px;padding-bottom:40px}

.placement-content-intro p a {}

.placement-content-intro p a:hover{}



.vacation-testimonials {}

.people-testimonials {}

.vacation-quote {}

.vacation-testimonials {}



.placements-quote-box {background-color:var(--dark-green);padding:70px 250px 130px 40px}

.placements-quote-box p {color:var(--yellow);font-family:var(--alderwood);font-size:40px;line-height:40px;padding-bottom:0px;text-transform: uppercase;}

.second-quote{background-color:var(--light-green)}

.second-quote p {color:var(--dark-green)}



.secondary-intro {}

.secondary-content {}

.secondary-video {}

.secondary-accreds {}

.secondary-testimonials {}

.secondary-insta {}



.slick-prev, .slick-next {

      font-size: 0;

      line-height: 0;

      position: absolute;

      bottom:25px;

      right:40px;

      display: block;

      padding: 0;

      cursor: pointer;

      color: transparent;

      border: none;

      outline: none;

      background: transparent;

      z-index: 1;

  }

  .slick-prev {right: 95px;background-image:url(img/green-left.svg);width:39px;height:44px;

  background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

  .slick-next {right: 30px;background-image:url(img/green-right.svg);width:39px;height:44px;

  background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

  .slick-prev:hover {background-image:url(img/yellow-left.svg);}

  .slick-next:hover {background-image:url(img/yellow-right.svg);}



  .tab-content > .tab-pane, .pill-content > .pill-pane {

  display: block;

  height: 0;

  overflow: hidden;

  }

  .tab-content > .active, .pill-content > .active {

  height: auto;

  }



.second-quote .slick-prev {background-image:url(img/yellow-left.svg);}

.second-quote .slick-next {background-image:url(img/yellow-right.svg);}

.second-quote .slick-prev:hover {background-image:url(img/dark-left.svg);}

.second-quote .slick-next:hover {background-image:url(img/dark-right.svg);}



.vacation-block {}

.secondments-block {}

.hidden-block {overflow:hidden;max-height:0px}

.vacation-content {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.secondments-content {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.secondments-block.fademe-block .header, .secondments-block.fademe-block .sub-header {color:#6eaa96}

.vacation-block.fademe-block .header, .vacation-block.fademe-block .sub-header {color:#5b6135;}

.vacation-block .header, .vacation-block.sub-header, .secondments-block .header, .secondments-block .sub-header

.vacation-block.fademe-block .header, .vacation-block.fademe-block .sub-header, .secondments-block.fademe-block .header, .secondments-block.fademe-block .sub-header{

-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.vacation-content, .secondments-content {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.show-the-block {max-height:9999999px}



.jumptarget {

    display: block;

    position: relative;

    top: -100px;

    visibility: hidden;

}

div#training-link {top: -170px;}

.page-template-page-placements .breadcrumbs {color: var(--yellow);background-color: transparent;}

.page-template-page-placements .breadcrumbs a {color: var(--light-green);}

.page-template-page-placements .breadcrumbs svg path {fill: var(--yellow);}



/* || Training */



.page-template-page-training {background-color:var(--dark-green)}

.page-template-page-training header {background-color:var(--dark-greenop)}

.page-template-page-training .header-title {color: var(--light-green);}

.page-template-page-training .breadcrumbs {color: var(--yellow);}

.page-template-page-training .breadcrumbs {background-color: var(--dark-greenop);}

.page-template-page-training .breadcrumbs a {color: var(--light-green);}

.page-template-page-training .breadcrumbs svg path {fill: var(--light-green);}

.page-template-page-training .nav-toggle svg path {fill: var(--light-green);}



.training-intro {}

.training-intro h1 {color:var(--light-green);font-family:var(--alderwood);font-size:80px;line-height:70px;text-transform: uppercase;padding-top: 70px;padding-bottom: 10px;

    margin-left: -100px;}

.training-intro h1.sub-style {color:var(--light-green);font-family:var(--alderwood);font-size:80px;text-transform: uppercase;padding-bottom:10px;padding-top:0px;margin-left:0px}

.training-intro h1.sub-style strong {font-size:100px;font-weight:400;    margin-right: -15px;}

.training-intro h1.sub-style em {margin-left:-15px}

.training-intro h1.sub-style p {padding-bottom: 15px;}

.training-intro h2 {color:var(--yellow);font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;padding-bottom:60px;width: 45%;margin-left:auto;margin-right:auto}



.training-title-button {}











.training-slider-section {padding-top:20px;padding-bottom:80px}

.training-slider-section-bg {min-height:280px;background-image:url(img/time-line.svg);

background-position:center 105px;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.training-slider-item {position: relative;padding-bottom:40px;background-image:url(img/time-line-down.svg);padding-top: 15px;

  background-position:center 80px;background-repeat:no-repeat;

  color:var(--white);font-family:var(--helvetica);font-size:16px;line-height:24px;cursor: pointer;min-height: 295px;}

.training-title-button {max-width:150px;margin-left:auto;margin-right:auto;height:47px;line-height:20px}

.training-slider-sub  {color:var(--white);font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;width:150px}



.item-slider-1 .training-slider-sub {position: absolute;transform: rotate(-15deg);top: 195px;left: 31%;}

.item-slider-1::after {position: absolute;content: ""; background-image: url(img/drop-1.svg);

    height: 44px; width: 13px; top: 140px;left: 53%;

    background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.item-slider-2 .training-slider-sub {position: absolute;transform: rotate(7deg);top: 235px;left: 50%;}

.item-slider-2::after  {position: absolute;content: ""; background-image: url(img/drop-2.svg);

    height: 71px; width: 62px; top: 155px;left: 38%;

    background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.item-slider-3 .training-slider-sub {position: absolute;transform: rotate(6deg);top: 190px;left: 12%;}

.item-slider-3::after  {position: absolute;content: ""; background-image: url(img/drop-4.svg);

    height: 40px; width: 16px; top: 140px;left: 39%;

    background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.item-slider-4 .training-slider-sub {position: absolute;transform: rotate(-4deg);top: 190px;left: 12%;}

.item-slider-4::after  {position: absolute;content: ""; background-image: url(img/drop-4.svg);

    height: 40px; width: 16px; top: 140px;left: 39%;

    background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.item-slider-5 .training-slider-sub {position: absolute;transform: rotate(7deg);top: 210px;left: 51%;}

.item-slider-5::after  {position: absolute;content: ""; background-image: url(img/drop-5.svg);

    height: 62px; width: 10px; top: 135px;left: 87%;

    background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.training-title-button {position: relative;}

.slick-current .training-title-button::before, .training-title-button:hover::before {position: absolute;content: ""; background-image: url(img/training-active.svg);

    height: 71px; width: 124px; top: -5px; left: 12px;

    background-position: center center; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.slick-current .item-slider-4 .training-title-button::before, .slick-current .item-slider-5 .training-title-button::before {top: -15px;}

.item-slider-4 .training-title-button:hover::before, .item-slider-5 .training-title-button:hover::before{top: -15px;}



.training-drop {opacity:0;overflow:hidden;max-height:0px;background-color:var(--white);position:relative;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.training-drop.show-me-yo {opacity:1;overflow: visible;max-height:999999px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}





.training-drop::before {content:"";position:absolute;left: calc(50% - 37px);top:-37px;width: 0px; height: 0px; border-left: 37px solid transparent; border-right: 37px solid transparent; border-bottom: 37px solid var(--white);}

.drop-close-area {}

.drop-close {

    background-image: url(img/drop-close.svg);

    margin-top:15px;

    width: 20px;

    height: 20px;

    cursor: pointer;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    display: inline-block;

    margin-left: auto;

    margin-right: auto;}

.training-slider-pop {}



.drop-arrows button {font-size:25px;color:var(--blue);font-family:var(--alderwood);text-transform: uppercase;border: 0!important; outline: none!important;background-color: var(--white);padding: 0px;}

.drop-arrows button:hover {color:var(--dark-green)}



.slick-prev-drop {background-image:url(img/left-blue.svg);}

.slick-next-drop {background-image:url(img/right-blue.svg);}

.slick-prev-drop:hover {background-image:url(img/left-dark.svg);}

.slick-next-drop:hover {background-image:url(img/right-dark.svg);}



.slick-prev-drop {background-position:left center;background-repeat:no-repeat;padding-left:40px!important;padding-right: 180px!important;}

.slick-next-drop {background-position:right center;background-repeat:no-repeat;padding-right:40px!important}



.item-1-drop .slick-prev-drop {display:none}

.item-6-drop .slick-next-drop {display:none}



.item-drop-content {padding-top:90px;padding-bottom:100px}

.item-drop-content h2 {color:var(--dark-green);font-family:var(--alderwood);font-size:30px;text-transform: uppercase;padding-bottom:10px;}

.item-drop-content h3 {color:var(--light-green);font-family:var(--alderwood);font-size:30px;text-transform: uppercase;padding-bottom:10px;}

.item-drop-content p {color:var(--dark-green);font-family:var(--helvetica);font-size:16px;line-height:24px;}



.training-facts {padding-top:80px}

.training-facts h2  {color:var(--yellow);font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;padding-bottom:70px}

.training-padding {padding-left:90px;padding-right:90px}

.counter-value {color:var(--yellow);font-family:var(--alderwood);font-size:180px;text-transform: uppercase;width: 55%; float: left;text-align: right; padding-right: 1%;}

.training-number-title {color:var(--light-green);font-family:var(--alderwood);font-size:60px;line-height:50px;text-transform: uppercase;padding-bottom:70px;width:45%;float:left;padding-top:10px}



.training-salaries {padding-bottom:80px}

.training-salaries h2 {padding-top:30px;color:var(--yellow);font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;padding-bottom:55px}

.training-salaries h4 {color:var(--light-green);font-family:var(--alderwood);font-size:30px;text-transform: uppercase;padding-bottom: 30px; line-height: 30px;padding-top:5px}





.training-sponsors {}

.training-sponsors h2 {color:var(--yellow);font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;padding-bottom:200px}

.sponsorship-item {max-width:250px;margin-left:auto;margin-right:auto;color:var(--light-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;position: relative;padding-bottom:205px}

.sponsorship-item.si-1::before {

    content: "";

    background-image: url(img/spon-1.svg);

    height: 476px;

    width: 432px;

    position: absolute;

    bottom: 25px;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    left: -100px;

}

.sponsorship-item.si-2::before {content:"";background-image:url(img/spon-2.svg);height:283px;width: 336px; position: absolute;bottom: 110px;left:-30px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}



.training-qualifications {}

.training-qualifications h2 {color:var(--yellow);font-family:var(--alderwood);font-size:25px;line-height:25px;text-transform: uppercase;padding-bottom:65px}



.counter-value-two {color:var(--yellow);font-family:var(--alderwood);font-size:180px;text-transform: uppercase;padding-bottom: 0px; line-height: 160px;}

.counter-value-two::after {content:"%";color:var(--yellow);font-family:var(--alderwood);font-size:180px;text-transform: uppercase;padding-bottom: 0px; line-height: 160px;}

.training-qual-title {clear:both;color:var(--light-green);font-family:var(--alderwood);font-size:30px;line-height:30px;text-transform: uppercase;padding-bottom:0px;width: 73%; margin-left: auto; margin-right: auto;padding-bottom: 40px;}



 #skills .progress-wrapper {

	 width: 100%;

	 margin-top: 0px;

}

 #skills .progress-wrapper .progress-bar {

	 background-color: var(--yellow);

	 width: 0;

	 transition: width 1.5s ease-in-out;

}

 .prog-bartitle{

	 opacity: 0;

	 animation: show 0.35s forwards ease-in-out 0.5s;

   color:var(--white);font-family:var(--alderwood);font-size:40px;text-transform: uppercase;padding-bottom: 0px; line-height: 40px;padding-left:20px}

 #skills .progress-wrapper .progress {

	 height: 40px;

   margin-bottom:40px;

}

 @keyframes show {

	 from {

		 opacity: 0;

	}

	 to {

		 opacity: 1;

	}

}

.progress {

    display: flex;

    height: 36px;

    overflow: hidden;

    font-size: .75rem;

    background-color: var(--dark-green);
   

    border-radius: 0rem;

}

.progress-bar {

    text-align: right;

}



/* || Footer */



footer {padding-top:60px;padding-bottom:40px;background-image:url(img/footer.svg);margin-top: -10px;

background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.footer-menu {}

.footer-menu li {display:inline-block;}

.footer-menu li a {text-transform: uppercase;color:var(--white);text-decoration: none;font-size:14px;line-height:30px;margin-right:15px;font-family:var(--alderwood);}

.footer-menu li a:hover {color:var(--yellow)}

.current-menu-item a {color: var(--yellow)!important;}

.copyright {color:var(--white);font-size:12px;line-height:18px;font-family:var(--helvetica);}

.rh-logo {color:var(--white);font-size:12px;line-height:3px;letter-spacing: 2px;font-family: Arial, sans-serif;}

.rh-logo a {text-transform: uppercase;color:var(--white);text-decoration: none;font-size:20px;line-height:35px;font-family:var(--hel-con);font-family:var(--helvetica);}

.rh-logo a:hover {color: var(--yellow)}



.social-list {padding-bottom:52px;}

.social-list li {display:inline-block!important;margin-left:30px}

.social-list li a {color:var(--light-green);font-size:40px}

.social-list li a:hover {color: var(--yellow)}





/* || 11 Misc */



.gap-left {padding-left:40px}

.gap-right {padding-right:40px}



html {scroll-behavior: smooth;}

.min-height {min-height:90vh}

.mobile-overflow {position: relative; overflow: hidden;}

.flex-margins {margin-left: -15px; margin-right: -15px;}

.img-fill {object-fit: cover;width:100%;height:auto;}

.relly {position: relative;}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    color: #000000;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    margin-bottom:10px

}

.offcanvas-end {width: 500px;border-left: 0px solid rgba(0,0,0,0)!important;}



/* BACKGROUND IMAGE TRICK */



.background {position: relative;}

.background img {width: 100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0;}



/* CENTER EVERYTHING  */



.box {display: flex;align-items: center;justify-content: center;}

.box div {width: 100%; height: 100%;}







/* || 11 Mobile Nav */





.nav-toggle {position: absolute;    top: 15px;    right: 0px; cursor: pointer;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.nav-toggle:hover {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;-moz-transform: scale(1.1);

-webkit-transform: scale(1.1);

-o-transform: scale(1.1);

-ms-transform: scale(1.1);

transform: scale(1.1);}

.nav-toggle.active {}



.nav-menu-mobile-new {display:none;margin-top: 0px;opacity:0;visibility: hidden;height:0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;z-index:10;position: relative; z-index: -1;}

.nav-menu-mobile-new.active {z-index:0;opacity:1;visibility: visible;height:auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.shrinkme .nav-menu-mobile-new {margin-top: 3px;}

.nav-menu-mobile-new.active {display:block;position:fixed;height:100vh;background-color:#e8e8e8;width:100%;top:100px;z-index:10;}

html.active, body.active {

    margin: 0;

    height: 100%;

    /* overflow: hidden; */

}

.nav-menu-mobile-new {text-align:center}

.nav-menu-mobile-new ul {padding-top:50px}

.nav-menu-mobile-new ul li a {color:#454343;font-size:22px;font-weight:700;line-height:22px;padding:20px;display:block;text-decoration: none;}

.nav-menu-mobile-new ul li a:hover {color:#000}

.nav-menu-mobile-new .current-menu-item a, .nav-menu-mobile-new .current_page_item a, .nav-menu-mobile-new .current-menu-parent a, .nav-menu-mobile-new .current_page_parent a, .nav-menu-mobile-new .current_page_ancestor a {color: #000 !important; background-color: transparent;}

.mobile-main-list {opacity:1;visibility: visible;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;z-index:5}

.mobile-main-list.hide {opacity:0;visibility:hidden;z-index:-1;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.mobile-side-list{    right:-100%;    opacity:0;    visibility:hidden;    -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;    position: absolute;    top: 60px;    height: 100vh;    width:100%}

.wpcf7 .ajax-loader {clear: both; display: block;}





/* || 12 Responsive */

.show-600 {display:none}

.hide-600 {display:block}

.show-700 {display:none}

.hide-700 {display:block}

.show-900 {display:none}

.hide-900 {display:block}



/* || Side Bar / Mobile nav */



.mobile-navigation {}

.mobile-navigation li {padding-bottom:48px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.mobile-navigation li a {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;color:var(--white);font-family:var(--alderwood);font-size:39px;line-height:26px;padding-bottom:0px;text-transform: uppercase;}

.mobile-navigation li a:hover {color:var(--yellow);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.mobile-navigation li a:not([href]):not([class]) {color:var(--white);cursor:pointer}

.mobile-navigation li a:not([href]):not([class]):hover {color:var(--yellow);cursor:pointer}



.menu-social .social-list li a {font-size: 30px;}

.menu-social .social-list li {margin-left: 20px;}

.close.button {position: absolute; right: 50px; top: 35px;cursor:pointer}

ul#menu-main-menu {padding-top:150px}

.menu-social { position: absolute; bottom: -30px;left: 20px;}

.menu-links {position: absolute;bottom:25px;right:50px;font-family:var(--alderwood);font-size:20px;line-height:20px;text-transform: uppercase;}

.menu-links a {color:var(--light-green);}

.menu-links a:hover {color:var(--yellow);}

.sidebar {

  min-height: 100vh;

  width: 74vw;

  position: fixed;

  top: 0;

  z-index: 10;

  right: -80vw;

  background-image:url(img/side-bar.svg);

  background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

  -webkit-transition: all .7s ease;

  -moz-transition: all .7s ease;

  -ms-transition: all .7s ease;

  -o-transition: all .7s ease;

  transition: all .7s ease;

}

.sidebar.active {

  -webkit-transform: translateX(-80vw);

  -moz-transform: translateX(-80vw);

  -ms-transform: translateX(-80vw);

  -o-transform: translateX(-80vw);

  transform: translateX(-80vw);-webkit-transition: all .7s ease;

  -moz-transition: all .7s ease;

  -ms-transition: all .7s ease;

  -o-transition: all .7s ease;

  transition: all .7s ease;

}



.menu-apply a {position:relative;color:var(--yellow)!important;margin-top:40px;display: inline-block;}

.menu-apply a:hover {color:var(--white)!important;}

.menu-apply a::before {

    content: "";

    background-image: url(img/underline.svg);

    height: 9px;

    width: 117px;

    position: absolute;

    bottom: -17px;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    left: -10px;

}

.menu-main-menu-container ul ul li {display:inline-block}

.menu-main-menu-container ul ul li a {color:var(--white);font-family:var(--helvetica);font-size:18px;display:block}



.fademe-menu a {color:#707b7b!important;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.fademe-menu-links a {color:#496962!important;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.hover a {color:var(--yellow)!important}

.sub-menu {opacity:0;overflow: hidden;max-height:0px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.hover .sub-menu {opacity:1;max-height:500px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}



.sub-menu {padding-top:0px}

.sub-menu li {padding-bottom: 0px;padding-top:12px}

.sub-menu a {color:var(--white)!important;text-transform: none!important;}

.sub-menu a:hover {color:var(--yellow)!important}

.sub-menu span {color:var(--yellow)!important;font-size:30px;padding-left:20px;padding-right:20px;position: relative;top:5px}





.underline-link {position:relative;}

.underline-link::before {

    content: "";

    background-image: url(img/underline-apply.svg);

    height: 10px;

    width: 311px;

    position: absolute;

    bottom: -17px;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    left: 0px;

}

.video-title {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}

.grad-profile a:hover .video-title {color:var(--yellow);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease;}



.single-stories-footer .first-link a {color:var(--yellow)}

.single-stories-footer .last-link a {color:var(--dark-green)}

.single-stories-footer .first-link a:hover {color:var(--dark-green)}

.single-stories-footer .last-link a:hover {color:var(--yellow)}

.single-stories-footer .bg-dark-green:hover a {color:var(--dark-green)}

.single-stories-footer .bg-yellow:hover a {color:var(--yellow)}



.why-button  {font-size: 25px;  color: var(--light-green); font-family: var(--alderwood); text-transform: uppercase; border: 0!important; outline: none!important; }

.why-button:hover {color:var(--dark-green)}



.why-prev {background-image:url(img/left-green.svg);}

.why-next {background-image:url(img/right-green.svg);}

.why-prev:hover {background-image:url(img/left-dark.svg);}

.why-next:hover {background-image:url(img/right-dark.svg);}

.why-prev {background-position:left center;background-repeat:no-repeat;padding-left:40px!important;}

.why-next {background-position:right center;background-repeat:no-repeat;padding-right:40px!important}



.why-buttons { padding-top: 100px;}



/* QA Tweaks */



.stand-content {

    min-height: 35vh;

}

.noselect {

  -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

     -khtml-user-select: none; /* Konqueror HTML */

       -moz-user-select: none; /* Old versions of Firefox */

        -ms-user-select: none; /* Internet Explorer/Edge */

            user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome, Edge, Opera and Firefox */

}

[type=button], [type=reset], [type=submit], button {

    -webkit-appearance: none!important;

}

.rh-logo {max-width:160px;height:auto}

.rh-logo svg path {fill: var(--white);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }

.rh-logo:hover svg path {fill: var(--yellow);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }



/* WHY US OVERVIEW EXTRA*/



.page-template-page-why-overview {background-color:var(--black)}

.page-template-page-why-overview header {background-color:var(--blackop)}

.page-template-page-why-overview .header-title {color: var(--light-green);}

.page-template-page-why-overview .breadcrumbs {color: var(--light-green);}

.page-template-page-why-overview .breadcrumbs {background-color:var(--blackop)}

.page-template-page-why-overview .breadcrumbs a {color: var(--white);}

.page-template-page-why-overview .breadcrumbs svg path {fill: var(--light-green);}

.page-template-page-why-overview .nav-toggle svg path {fill: var(--light-green);}



/* slick slide edits for training */



.training-slider .slick-slide:nth-of-type(1) {}

.slick-slide.slick-current.slick-active.no-cicle .training-title-button::before {opacity:0}

.slick-slide.slick-current.slick-active.no-cicle .training-title-button:hover::before {opacity:1}





li.social-twitter {margin-left: 0px;}

.rh-logo {float: right;}

.rh-logo a {margin-top: 10px;display: block;}

.side-pop-links a {color: var(--dark-green);}

.side-pop-links a:hover {color: var(--light-green);}







.app-content p strong {display: inline-flex;}

.yes-answer p {padding-bottom:25px}

/* || Mobile Land */





    @media (min-width: 1400px) {}

      .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1300px;}

      .nav-toggle {right: 20px;}

      .header-title { margin-right: 50px;}

      .placement-select .header { left: -60px;}

      .placement-select .sub-header { left: 40px;}

    }



    /* Large Devices, Wide Screens */

    @media only screen and (max-width : 1285px) {

      .side-ups {left: 20px;}

      .placement-select .secondary-link .header {font-size: 100px;}

      .row.training-slider-section-bg {margin-left: 10px;margin-right: 10px;}

      .slick-prev-drop { padding-right: 160px!important;}

    }

    @media only screen and (max-width : 1025px) {

      .rh-logo a {font-size: 16px;}

      .contact-padding, .contact-social {padding-left: 0px;}

      .grad-intro h1,.grad-intro-two h2 {font-size: 100px;}

      .grad-intro-two h2 { margin-top: 0px;}

      .last-link, .first-link {padding-right: 50px;max-width: 100%;margin-left: auto; padding-left: 50px;}

      .counter-value {font-size: 140px;}

      .training-number-title {font-size: 40px;line-height: 38px;}

      .placement-select .secondary-link .header {font-size: 70px;}

      .placement-select .header {font-size: 100px;}

      .underline-link::before {height: 10px; width: 321px;left: 93px;}

      .slick-prev-drop { padding-right: 150px!important;}

      .row.training-slider-section-bg {margin-left: 20px;margin-right: 20px;}

      .slick-prev-drop {padding-right: 40px!important;}

      .training-intro h2 { width: 100%;}

      .home-choice-title {padding-top: 13.5%;}

      .top-50 {top: 0px!important;}

      .start-50 {left: 0%!important;}

      .position-absolute.top-50.start-50.translate-middle {position: relative!important;}

      .translate-middle {transform: translate(0%,0%)!important;}

      .rando-button {margin-top:60px}

      .why-us-links {margin-bottom:100px}

    }

    /* Medium Devices, Desktops */

    @media only screen and (max-width : 992px) {

      .show-900 {display:block}

      .hide-900 {display:none}

      .contact-layout h1 {font-size: 100px;line-height:100px;padding-top:50px}

      .contact-layout h2 {font-size: 40px; margin-top: 12px;padding-bottom:10px}

      .contact-layout h3 {font-size: 30px;}

      .contact-pop-non {color:var(--dark-green);font-family:var(--alderwood);font-size:20px;text-transform: uppercase;line-height:20px;padding-top:10px}

      .contact-pop-non p {padding-bottom:20px}

      .contact-social, .contact-layout h3 {position: relative;bottom: 0px;}

      .contact-padding, .contact-social {padding-left: 0px;}

      .contact-layout h3 {right: 0px; bottom: 0px;display: inline-block;}

      .contact-social {padding-top: 35px!important;}

      .contact-social a {font-size: 60px!important;}

      .contact-social li {margin-right: 30px;}

      .contact-layout h3 {padding-bottom:50px}

      .contact-layout h3:hover::before {bottom: 40px;}

      .grad-intro h1, .grad-intro-two h2 { font-size: 90px;}

      .underline-link::before { left: 83px;}

    }



    /* Small Devices, Tablets */

    @media only screen and (max-width : 768px) {

      .container { padding-left: 20px; padding-right: 20px;}

      .show-700 {display:block}

      .hide-700 {display:none}

      .nav-toggle {display:block}

      header {padding-top: 35px;padding-bottom: 15px;}

      .mobile-center {text-align: center;}

      .home-choice-title h1 p {font-size: 25px;line-height:25px;padding-bottom: 45px;}

      .home-choice-title {padding-top: 125px;}

      .home-choice-title h1 p br {display:none}

      .nav-toggle {left: 20px;right:auto}

      .header-logo-home {max-width: 78px; margin-left: 50px; margin-top: -15px;}

      .header-title {margin-right: 0px;font-size: 14px;line-height: 15px;margin-top:-15px}

      .home-choice { font-size: 50px;}

      .yes-choice:hover::before, .yes-choice.active::before {height: 112px; width: 111px;bottom: -40px; left: -20px;}

      .no-choice:hover::before, .no-choice.active::before {height: 103px;width: 107px;bottom: -40px;left: -27px;}

      .yes-answer { font-size: 20px; line-height: 20px;width: 266px;top: 85px;left: -20px;}

      .yes-answer.active::before {background-image: url(img/home-yes-content-hover-mobile.svg); height: 216px; width: 309px;bottom: -0px;left: -20px;}

      .no-answer {font-size: 20px; width: 207px;float: right;left: -55px;top: -70px;}

      .no-answer.active::before {background-image: url(img/home-no-content-hover-mobile.svg); height: 167px;width: 260px;bottom: -10px; left: -30px;}

      .mobile-center {text-align: center!important;}

      .footer-menu li a {font-size: 20px;line-height: 40px; margin-right: 0px;}

      .footer-menu li {display: block;}

      .social-list li {margin-left: 20px;margin-right: 20px;}

      .social-list {padding-bottom: 37px;}

      .footer-menu {padding-bottom: 30px;}

      .copyright {padding-bottom: 55px;}

      .rh-logo a {font-size: 20px;}

      .why-header h1 {font-size: 20px;line-height: 25px; padding-top: 35px;}

      .why-header p {font-size: 14px;}

      .rando-button {width: 220px!important;height: 220px!important;font-size: 35px;padding-top: 85px;}

      .start-50 { width: 100%;}

      .offcanvas-end {width: 100%;}

      .why-pop-header {padding: 70px 20px 0px 20px;}

      a.offcanvas-button.off-close {left: 10px; top: 0px;}

      .side-quote p {font-size:20px;line-height:20px}

      .side-quote {margin-top: 15px; padding: 50px 30px 49px 75px;max-width: 300px;margin-left:auto;margin-right:auto}

      .breadcrumbs {margin-top: -5px;padding-top: 2px;}

      .extra-padding { padding-left: 0px;padding-right: 0px;}

      .grad-intro h2, .grad-intro h3 {font-size: 40px; margin-top: -15px;padding-left: 30px;}

      .grad-intro h1, .grad-intro-two h2 {font-size: 60px;}

      .grad-intro h1 {padding-top: 50px;}

      .gap-right {padding-right: 0px;}

      .gap-left {padding-left: 0px;}

      .grad-intro p {font-size: 25px; line-height: 25px;}

      .grad-white p {max-width: 100%; margin-left: auto; margin-right: auto;}

      .grad-yellow {padding-top: 45px;}

      .grad-yellow p strong::before {height: 80px; width: 115px; bottom: 16px; left: -4px;}

      .grad-intro-two h2 {margin-top: -75px;padding-left: 0px;}

      .grad-white-two { padding-top: 45px; max-width: 100%}

      .grad-white-two p {padding-bottom: 0px!important;}

      .footer-box a {font-size: 25px; line-height: 26px;}

      .footer-box {min-height: 185px;}

      .stories-header h1, .stand-header h1 {font-size: 40px;padding-top: 50px;padding-bottom: 20px;}

      .stories-header p, .stand-intro p {font-size: 25px;line-height: 25px; padding-bottom: 50px;}

      .stories-content h2, .stand-content h2 {font-size: 25px;line-height: 25px;padding-bottom: 25px;}

      .stand-content p {font-size: 14px;}

      .stories-content p {font-size: 25px;line-height: 25px;}

      .border-the-bottom {background-image: url(img/story-border-mobile.svg);padding-bottom: 30px; margin-bottom: 30px;}

      .story-single-padding {padding-left: 0px; padding-top: 30px;}

      .faqs-header h1 {font-size: 40px;padding-top: 70px;padding-bottom: 50px;line-height: 40px;}

      .accordion-button {padding-top: 27px;font-size: 20px;padding-left: 0px; padding-right: 60px;line-height:20px}

      .accordion-button.collapsed::after {width: 29px; height: 29px; right: 10px; top: 25px;}

      .faqs-layout .accordion-item {background-image: url(img/faq-mobile.svg);  padding-bottom: 15px;}

      .accordion-button::after, .accordion-button:not(.collapsed)::after {width: 29px; right: 10px; top: 37px;}

      .faqs-layout .accordion-item .accordion-body {padding-left: 0px;width: 100%;}

      .faqs-layout .accordion-item .accordion-body p {font-size: 14px;}

      .faqs-layout .accordion-item .accordion-body li a {font-size: 16px;}

      div#accordionExample {background-image: url(img/faq-mobile.svg);padding-bottom: 20px;}

      .app-header h1 {font-size: 60px; padding-bottom: 5px;padding-top: 0px;}

      .app-header p { font-size: 25px; line-height:30px;padding-bottom:35px}

      .app-blocks {background-image: url(img/application-bg-mobile.svg); padding-bottom: 50px;}

      .app-blocks h2 {font-size: 80px; padding-top: 50px;}

      .app-blocks p {font-size: 20px;line-height: 20px;margin-top: -5px;padding-bottom: 20px;}

      .app-blocks a {font-size: 25px;}

      .date-float-one {font-size: 20px; line-height: 20px;}

      .date-float-two {font-size: 20px; line-height: 20px;}

      .app-header p strong::before, .app-blocks p strong::before, .app-content p strong::before {height: 5px; bottom: 3px;}

      .app-blocks a:hover::before {height: 6px; bottom: -2px;}

      .app-blocks .first-link, .app-blocks .last-link {max-width: 100%;}

      .page-template-page-application .last-link {padding-left: 50px;}

      .app-content h2 {font-size: 35px; padding-bottom: 15px; line-height: 35px;}

      .app-content p {font-size: 20px; line-height: 25px; padding-bottom: 45px;}

      section.standard-style.app-content {padding-top: 55px;}



      .date-float-one {left: 180px; top: -20px;}

      .date-float-one::before {bottom: 10px;left: 256px;}



      .date-float-two {left: -160px;top: 10px;}

      .date-float-two::before {bottom: 30px; left: 315px;}



      .training-intro h1 {font-size: 50px; line-height: 50px;padding-top: 50px;margin-left: -115px;}

      .training-intro h1.sub-style {font-size: 50px;margin-top: -10px;}

      .training-intro h1.sub-style strong {font-size: 60px;margin-right: -1px;}

      .training-intro h2 {font-size: 20px;line-height: 20px; padding-bottom: 0px; width: 60%}

      .training-facts h2 {font-size: 20px;line-height: 20px; padding-bottom: 40px;}

      .training-intro h1.sub-style p {padding-bottom: 5px;}

      .training-padding {padding-left: 0px;padding-right: 0px;}

      .counter-value {font-size: 130px;}

      .counter-value-two::after {font-size: 130px;line-height: 160px;}

      .training-number-title { font-size: 40px;line-height: 35px;padding-bottom: 30px;width: 35%;}

      .training-salaries h4 {font-size: 13px;padding-bottom: 10px; min-height: 45px; line-height: 15px; padding-top: 5px;}

      .prog-bartitle { color: var(--dark-green);font-size: 30px; padding-bottom: 0px;line-height: 30px; padding-left: 20px;}

      .sponsorship-item { max-width: 100px; font-size: 13px; line-height: 15px; padding-bottom: 90px;}

      .counter-value-two {font-size: 120px;line-height: 120px;}

      .training-qual-title {font-size: 20px; line-height: 20px; width: 73%; padding-bottom: 40px;margin-top:-20px}

      .training-salaries h2 {padding-top: 50px;padding-bottom:25px}

      .prog-bartitle {padding-right: 10px;}

      .training-sponsors h2 {padding-bottom: 65px;}

      .sponsorship-item.si-1::before { height: 165px; width: 165px;  bottom: 38px;left: -32px;}

      .sponsorship-item.si-2::before {height: 115px;width: 137px; bottom: 60px; left: -18px;}

      .training-qualifications h2 {font-size: 20px;line-height: 20px; padding-bottom: 5px;}

      .training-sponsors h2, .training-salaries h2 {font-size: 20px;line-height: 20px;}



      .sidebar {width: 100vw;text-align:left!important;padding-left:20px;right: -100vw;}

      .sidebar.active {-webkit-transform: translateX(-100vw);-moz-transform: translateX(-100vw);-ms-transform: translateX(-100vw);-o-transform: translateX(-100vw);transform: translateX(-100vw);}

      .close.button {left: 20px;top: 20px;}

      .mobile-navigation li a {font-size: 27px;line-height: 26px;}

      .mobile-navigation li {padding-bottom: 30px;}

      ul#menu-main-menu {padding-top: 55px;}

      .menu-item-has-children {background-image:url(img/mobile-nav-cross.svg);background-position: 95% 3px;background-repeat:no-repeat;}

      .menu-item-has-children.hover {background-image:url(img/mobile-nav-line.svg);;background-position: 95% 12px;background-repeat:no-repeat;}

      .menu-apply a::before {height:6px;width: 82px;bottom: -12px;}

      .menu-apply a {margin-top:0px}

      .menu-main-menu-container ul ul li {display: block;}

      .sub-menu span {display:none}

      .menu-main-menu-container ul ul li a {padding-left:60px}

      .menu-main-menu-container ul ul li {padding-bottom:0px;padding-top:10px}

      .menu-social { bottom: -10px; left: 0px;}

      .menu-links {bottom: 27px; right: 20px;}

      .menu-social .social-list li {margin-right: 0px;}

      .page-template-page-placements .min-height {min-height: 50vh;}



      .page-template-page-placements .header-title {color: var(--light-green);}

      .page-template-page-placements .nav-toggle svg path {fill: var(--light-green);}

      .tabbed-block .box { text-align: left;}

      .placements-quote-box {padding: 40px 30px 130px 20px;}

      .placements-quote-box p {font-size: 30px; line-height: 30px;}

      .placement-content-intro h3 {font-size: 20px;line-height: 20px;}

      .placement-content-intro h2 p { padding-top: 40px;font-size: 20px;line-height: 20px;}

      .secondary-video h2 { font-size: 20px; line-height: 20px; padding-bottom: 20px;}

      .secondary-accreds h2 {padding-top: 40px;font-size: 20px; line-height: 20px;}

      .footer-box { font-size: 25px; line-height: 26px;}

      .underline-link::before {height: 6px;width: 191px; left: 96px;}

      .hidden-height { height: 54px;}

      .drop-arrows button span {display:none}

      .item-slider-1 .training-slider-sub {top: 195px; left: 1%;}

      .item-slider-2::after {top: 145px;}

      .item-slider-4::after {left: 69%;}

      .item-slider-5::after { left: 117%;}

      .slick-current .training-title-button::before, .training-title-button:hover::before {display:none}

      div#training-link {top: -250px;}

      .rh-logo {margin-left:auto;margin-right:auto;}

      .rh-logo { float: none;}



    }

    @media only screen and (max-width : 750px) {

      .training-slider-section-bg {background-image: none;}

      .mobile-only {background-position:center 90px;background-repeat:no-repeat;background-image: url(img/time-line.svg);height: 140px;}

      .for-the-daft-mobile-1 {background-position: -25% 90px}

      .for-the-daft-mobile-2 {background-position: 1.6% 91px}

      .for-the-daft-mobile-3 {background-position: 25% 92px}

      .for-the-daft-mobile-4 {background-position: 55% 92px}

      .for-the-daft-mobile-5 {background-position: 75% 91px}

      .for-the-daft-mobile-6 {background-position: 120% 90px}

      .training-slider-section .container {padding-left: 0px; padding-right: 0px;}

      .row.training-slider-section-bg {margin-left: -40px!important; margin-right: -40px!important;}

      div#training-link {top: -100px;}



    }

    /* Extra Small Devices, Phones */

    @media only screen and (max-width : 600px) {

      .why-pop-content {padding: 0px 20px 50px 20px;}

      .placement-select .header { font-size: 60px;}

      .placement-select .sub-header { font-size: 40px;}

      .placement-select .secondary-link .header {font-size: 60px;}

      .placement-select .sub-header {left: 0px; top:45px;}

      .placement-select .vacation-block .header {top:50px}

      .hidden-height {height: 69px;}

      .show-600 {display:block}

      .hide-600 {display:none}

      .drop-arrows {padding-top:30px}

      .training-slider-section {padding-bottom: 0px;}

      .training-intro h1 {margin-left: -45px;}

      .training-intro h1.sub-style strong { margin-right: -11px;}

      .training-intro h2 {width: 75%;}

      .training-drop::before {display:none}

      .drop-close-area.text-center {text-align:left!important}

      .drop-close {margin-top: 20px;margin-left:20px}

      .item-drop-content {padding-top: 55px;}

      /*.training-drop.show-me-yo {position: absolute; width:100%;top: 0px; z-index: 999;min-height:100vh}*/

      /*.item-drop-content { padding-bottom: 500px;}*/

      .item-slider-1 .training-slider-sub {top: 205px;left: 41%;}

      .item-slider-4 .training-slider-sub {top: 200px;left: 22%;}

      .item-slider-5::after { left: 67%;}

    }

    @media only screen and (max-width : 480px) {

      .date-float-one {left: 130px; top: -20px;}

      .date-float-one::before {bottom: 10px;left: 86px;}



      .date-float-two {left: -110px;top: 10px;}

      .date-float-two::before {bottom: 30px; left: 175px;}

    }

    @media only screen and (max-width : 400px) {

      .training-number-title {font-size: 30px;line-height: 31px;padding-top: 7px;}

      .counter-value {font-size: 110px;}

      .for-the-daft-mobile-1 {background-position: -18% 90px;}

      .training-intro h1.sub-style strong {margin-right: 0px;position: absolute;right: 140px;font-size: 60px;top: 175px;}

      .training-intro h1 {margin-left: -15px;}

      .training-intro h1.sub-style {margin-left: 220px;}

      .training-intro h1.sub-style {font-size: 42px;margin-top: 3px;}

}

    /* Custom, iPhone Retina */

    @media only screen and (max-width : 380px) {

      .mobile-navigation li a { font-size: 24px;}

    }

    /* Heights */

    @media screen and ( max-height: 740px ) {

      ul#menu-main-menu {padding-top: 30px;}

      .min-height { min-height: 80vh;}

      .side-ups {bottom: 60px;}

      .menu-apply a { margin-top: 10px;}

    }

    @media screen and ( max-height: 650px ){

      ul#menu-main-menu {padding-top: 60px;}

      .mobile-navigation li {padding-bottom: 38px;}

      .menu-apply a {margin-top: 0px;}

      .rando-button {width: 250px!important;height: 250px!important;padding-top: 95px;}

      .why-header h1 {padding-top: 15px;}

      .why-header p {padding-bottom: 10px;}

      .why-pop-header {padding: 40px 50px 0px 50px;}

     .contact-layout h1 {font-size: 110px;}

    }




/******************* */
/* Builder Overrides */ 
/*********************/

.image-block {}
.image-block img {width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.stand-content {min-height: 1vh;}

/**************** */
/* COLOUR SCHEMES */ 
/******************/

/* BLACK / YELLOW */
.page-template-page-gradstories .stand-header h1 {color: var(--yellow);}
.page-template-page-gradstories .stand-content p {color:var(--white);}
.page-template-page-gradstories .stand-content p a {color:var(--yellow);}
.page-template-page-gradstories .stand-content p a:hover {color:var(--white);}


/* BLUE / YELLOW */
.page-template-page-application .stand-header h1 {color: var(--yellow);}
.page-template-page-application .stand-content p {color:var(--white);}
.page-template-page-application .stand-content p a {color:var(--yellow);}
.page-template-page-application .stand-content p a:hover {color:var(--white);}


/* GREEN / YELLOW */
.page-template-page-training .stand-header h1 {color: var(--yellow);}
.page-template-page-training .stand-content p {color:var(--white);}
.page-template-page-training .stand-content p a {color:var(--yellow);}
.page-template-page-training .stand-content p a:hover {color:var(--white);}

/* LIGHT GREEN / YELLOW */
.page-template-page-faqs .stand-header h1 {color: var(--yellow);}
.page-template-page-faqs .stand-content p a {color:var(--yellow);}
.page-template-page-faqs .stand-content p a:hover {color:var(--black);}


.header-logo-css {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--light-green);
  border-radius: 4px;
  width: 185px;
  height: 51px;
  margin: auto;
  padding: 0px 10px 0px 10px;
}

/**************** */
/* COLOUR SCHEMES */ 
/******************/

.page-template-page-application .stand-intro p,
.page-template-page-application .insights_content_module .content-block h2,
.page-template-page-application .insights_content_module .content-block h3,
.page-template-page-application .content-block p,
.page-template-page-application .standard-style ul li,
.page-template-page-application .standard-style ul li::before
 {color:var(--white)}

.page-template-page-application .stand-content p a {
  color: var(--yellow)!important;
}

.quote-content p {font-family: var(--alderwood) !important;}
.content-quote-block {
  padding: 50px;
  background-color: var(--yellow);
  border-radius: 10px;
  margin-bottom: 50px;
}
.quote-icon {padding:10px 10px 30px 10px}

.training-padding li,
.training-padding li::before {color: var(--dark-green)!important;}

.page-template-page-training .stand-intro p,
.page-template-page-training .content-block p,
.page-template-page-training .content-block p a,
.page-template-page-training .insights_content_module .content-block h3{color:var(--white)}




.page-template-page-gradstories .line-btn,
.page-template-page-gradstories .insights_content_module .content-block h2,
.page-template-page-gradstories .content-block p,
.page-template-page-gradstories .content-block p a
{color:var(--white)}

.page-template-page-gradstories .line-btn,
.page-template-page-training .line-btn {color:var(--yellow)!important}


.page-template-page-application  .line-btn {color:var(--white)!important}

.colour-default .accordion-button,
.colour-default .faqs-layout .accordion-item .accordion-body p {color:var(--black)}


.standard-style ul li::before {
  padding-right: 0px;
  position: absolute;
  left: 0px;
}
.standard-style ul li {
  display: block;
  padding-left: 30px;
  position: relative;
}