/*  
Theme Name: NSST Soapbox 2021
Theme URI: http://speechtherapy.com.au/
Description: Custom theme for North Sydney Speech Therapy - 2021
Version: 1.0
Author: Soapbox Design
Author URI: soapboxdesign.com.au
Requires PHP: 8.3
*/

/** 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, img, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
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: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

:root {
    /*colours */
    --Pur:#43373F;
    --PalePur:#80528B;
    --Lime: #b3c102;
    --PalePink:#FEF2EE;
    --Pink: #BA95BD;
    --Txt: #42383E;
    
    /* fonts */
     --TxtPrim:'Rubik', sans-serif;
    
    /* padding */
    --Pad: 20px 15px;
    --Pad700: 30px 15px;
    --Pad1000: 40px 15px;
    --Pad1400: 50px 15px;
    
    --PadLg: 30px 15px;
    --PadLg700: 40px 15px;
    --PadLg1000: 50px 15px;
    --PadLg1400: 60px 15px;
    
    /* Border Radius */
    --radius: 4px;
    
    /* Container Widths */
    --Wide: 1480px;
	--Std: 1280px;
    --Sml: 1000px;
    
    /* services colours */
    --s_lt: #853898;
    --s_comp: #F0C330;
    --s_addn: #20C2B3;
    --s_feed: #DB5C5E;
    --s_exp: #FA0E1B;
    --s_clar: #467261;
    --s_unc: #4333A7;
    --s_read: #F58F27;
    --s_study: #FBDA31;
    --s_stut: #289BDB;
    --s_soc: #F23544;
    --s_ess: #76BB2F;
    
}

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

html { background-color: #43373F; scroll-behavior: smooth; overflow-x: hidden !important;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size:15px; font-family: var(--TxtPrim); overflow-x: hidden !important;}

h1, h2, h3, h4 { font-family: var(--Txt);  margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6; font-weight: 500;}

h1 { font-size: 22px; color:#545454; margin:0 0 20px 0; font-weight: 400;}
h2 { font-size: 22px; color:#545454; margin:0 0 15px 0; font-weight: 500;}
h3 { font-size: 18px; color:#545454; margin:0 0 10px 0; font-weight: 500;}
h4 { font-size: 15px; color:#545454; margin:0 0 10px 0; font-weight: 500;}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
p:empty,
li:empty { display: none;}


p, a, li { font-family: var(--Txt); margin:0; padding:0; text-decoration:none; border:none; font-weight: 400;}
p, li { color:#545454; line-height:2;}
p { margin:0 0 10px 0;}

a { text-decoration:none; border:none; cursor: pointer;}
a, button { text-decoration:none; color:var(--Pur); border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { text-decoration:none; color:#333;}
a, a:active, a:visited, a:hover {outline: none !important;}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}
ul li, ol li { padding-left: 15px;}
ol {
    counter-reset: item; font-weight:700px !important;
}

ol li span { margin-left:15px; display:block;}

ol > li {
    counter-increment: item; font-weight:700px !important; margin-bottom:15px;
}


ol ol > li  {
    display: block; margin-left:15px; font-weight:300px;
}

ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -28px; font-weight:300px;
}

ol ol ul { margin-top:15px;}
ol ol ul > li { list-style:lower-alpha;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong { font-family: var(--TxtPrim); font-weight: 500;}
em, i { font-family: var(--TxtPrim); font-style: italic;}
em b, i b, em strong, i strong { font-family: var(--TxtPrim); font-style: italic; font-weight: 500;}

@media only screen and (min-width :700px) {
body, p, a, li { font-size:16px;}
h1 { font-size: 23px;}
h2 { font-size: 23px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
p { margin:0 0 20px 0;}
}

@media only screen and (min-width :1200px) {
body, p, a, li { font-size:18px;}
h1 { font-size: 25px;}
h2 { font-size: 25px;}
h3 { font-size: 20px;}
h4 { font-size: 17px;}
p { margin:0 0 30px 0;}
}

.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 100%; max-width: var(--Std) !important;}
.container p:last-of-type { margin-bottom: 0;}
.pg-body { min-height: 500px;}
img { max-width: 100%; height: auto;}


/** HEADER **/
.tp { background: var(--Pur); padding: 10px 0;}
.tp ul { list-style: none; position:relative; margin: 0; padding: 0; text-align: center; padding: 10px 5px; margin-bottom:5px;}
.tp ul li { display: inline-block; margin: 0 5px 5px;}
.tp ul li a { color: #fff; padding: 10px 10px;}
.tp ul li a:hover { color: var(--Lime);}
.tp ul li:nth-child(-n+4) { display: none;}
.tp ul li:nth-child(n+5) { display: inline-block;}
.tp ul li:nth-child(n+5) a { background: var(--Lime); border-radius: var(--radius); text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
.tp ul li:nth-child(n+5) a:hover { background: var(--PalePur); color: #fff;}

ul.dropdown-menu { border: 0; border-radius: 0; padding: 0;}


@media only screen and (min-width :767px) {
	.tp ul { padding: 10px 10px 5px; margin-bottom:0;}
    .tp ul li { display: inline-block !important;}
    .tp ul li a { color: #fff; padding: 10px 5px;}
    .tp ul li:nth-child(n+5) a { padding: 10px 15px;}
}

@media only screen and (min-width :1000px) {
    .tp ul { text-align: right;}
    .tp ul li a { color: #fff; padding: 10px 15px;}
}


header { position:relative; margin:0; padding:0;}
.navbar {padding: 0 !important;}
.navbar-brand { width: 150px; height: auto; padding: 5px 10px;}	
.dropdown-menu { background: #fff; border: 0; border-radius: 0; padding: 0;}]

	
@media only screen and (min-width :767px) {
    .navbar-brand { width: 200px; height: auto;}
}

@media only screen and (min-width :1000px) {
    header .container { width: 100%; max-width: var(--Wide) !important;}
    
	.dropdown:hover > .dropdown-menu { display: block;}
    /*.dropdown > .dropdown-toggle:active { pointer-events: none;}*/
    .dropdown-menu { background: #fff; border: 0; border-radius: 0; padding: 0;}
    .dropdown-menu { margin-top: -1px; position: relative; border-top: 3px solid var(--Pur); padding-top: 15px; padding-bottom: 15px;}
    li.nav-item:nth-of-type(1) .dropdown-menu { margin-top: -1px; column-count: 3 !important; border-top: 3px solid var(--Pur); padding-top: 15px; padding-bottom: 15px;}
   
}
    
@media only screen and (min-width :1200px) {
    .navbar-brand { width: 250px; height: auto;}
    li.nav-item a { padding: 35px 10px !important;}
    li.nav-item .dropdown-menu { background: #D6C5D4; margin-top: 1px;}
    li.nav-item .dropdown-menu a { padding: 10px 10px !important;}
    li.nav-item:nth-of-type(1) .dropdown-menu a { color: var(--Pur); padding: 10px 10px !important;}
    li.nav-item .dropdown-menu a.dropdown-item.active { background: rgba(128, 82, 139, 0.25); color: #fff;}
	li.nav-item .dropdown-menu a:hover { background: var(--PalePur); color: #fff;}
    
    li.nav-item:nth-of-type(1) .dropdown-menu { background: #D6C5D4; border: 0;  border-top: 3px solid var(--Pur);border-radius: 0;}
    li.nav-item .dropdown-menu:before{ background:#D6C5D4; width: 2500px; height: calc(100% + 3px); position: absolute; top: -3px; left: -2500px; content: ''; border-top: 3px solid var(--Pur)}
    li.nav-item .dropdown-menu:after { background: #D6C5D4; width: 2500px;  height: calc(100% + 3px); position: absolute; top: -3px; right: -2500px; content: ''; border-top: 3px solid var(--Pur);}  
	.dropdown-toggle::after {
    display:none;
}
}
    
@media only screen and (min-width :1400px) {
    .navbar-brand { width: 275px; height: auto;}
    li.nav-item a { padding: 40px 10px !important;}
    li.nav-item .dropdown-menu a { padding: 10px !important;}
}
    
@media only screen and (min-width :1600px) {
    .navbar-brand { width: 300px; height: auto;}
    li.nav-item a { padding: 45px 10px !important;}
    
}
@media only screen and (max-width :1199px) {
li.nav-item .dropdown-menu a.dropdown-item.active { background: #fff; color: var(--PalePur);}
}



/* HOME */


/* caro */	
.hme-caro {position: relative;}
.hme-caro .carousel-item { height: 70vh; min-height: 400px;; background-position: top left !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative;}
.hme-caro a img { width: 50px; height: auto;}
.hme-caro .caro-item-txt { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); width:80%; max-width: 450px; text-align: center;}
.hme-caro .caro-item-txt h1, .hme-caro .caro-item-txt p { color: #fff;}
.hme-caro .caro-item-txt h1 {font-size: 26px; font-weight: 300; line-height: 1.3;}
.hme-caro .caro-item-txt p {font-size: 16px;}
.hme-caro ol.carousel-indicators { display: none;}
.hme-head-dwn-link { background: #1EC2B3; width: 40px; height: 40px; border-radius: 50%; position: absolute; z-index: 3; bottom: -20px; left: 50%; transform: translateX(-50%);}
.hme-head-dwn-link i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px;color: #fff; }

@media only screen and (min-width:767px) {
    .hme-caro a img { width: 75px; height: auto;}
    .hme-caro .caro-item-txt {bottom: inherit; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .hme-caro .caro-item-txt h1 {font-size: 36px;}
    .hme-caro .caro-item-txt p {font-size: 18px;}
    .hme-head-dwn-link { width: 50px; height: 50px;bottom: -25px;}
    .hme-head-dwn-link i { font-size: 35px;}
}
    

@media only screen and (min-width:1000px) {
    .hme-caro a img { width: 75px; height: auto;}
	.hme-caro .carousel-item { height: 70vh; min-height: 400px;; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative;}
    .hme-caro .caro-item-txt {bottom: inherit; top: 50%; left: calc(50% + 125px); transform: translate(-50%, -50%); text-align: left;}
    .hme-caro .caro-item-txt h1 {font-size: 46px;}
    .hme-caro .caro-item-txt p {font-size: 20px;}
    .hme-caro { position: relative;}
    .hme-caro ol.carousel-indicators { display: block; width: 30px !important; height: 200px; position: absolute; left: 77.5%; bottom: 5%; z-index: 2000;}
    .hme-caro ol.carousel-indicators li { border: 1px solid white; display: inline-block; width: 15px; height: 15px; padding:0; border-radius: 50%; border: 2px solid #fff; background: transparent; margin-bottom: 10px; position: relative;}
    .hme-caro ol.carousel-indicators li.active { background: #fff;}
    .hme-head-dwn-link { width: 60px; height: 60px; bottom: -30px;}
    .hme-head-dwn-link i { font-size: 40px;}
}

@media only screen and (min-width:1400px) {
    .hme-caro .caro-item-txt h1 {font-size: 56px;}
}


/* Home */
.hme-callout-missinglink { background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; height: auto; min-height: 400px;}
.hme-callout-missinglink-txt { position: relative; max-width: 500px; padding: 30px; }
.hme-callout-missinglink-txt h5 { font-size: 20px; color: #fff; margin-bottom: 20px; line-height: 1.6;}
.hme-callout-missinglink-txt p, .hme-callout-missinglink-txt p a { font-size: 14px; color: #fff;}
.hme-callout-missinglink-txt p a { text-decoration: underline;}
.hme-callout-missinglink-txt p a:hover { color: var(--Lime);}
.hme-callout-missinglink-txt a.cta-btn { display:block; text-align:center; max-width:300px; line-break:1.4; text-decoration:none; font-size: 16px;}
.hme-callout-missinglink-txt a.cta-btn:hover { color:#fff;}

@media only screen and (min-width:767px) {
    .hme-callout-missinglink { height: 60vh;}
    .hme-callout-missinglink-txt {top: 50%; left: 50%; transform: translate(-70%, -50%);}
    .hme-callout-missinglink-txt h5 { font-size: 18px;}
}

@media only screen and (min-width:1000px) {
    .hme-callout-missinglink { height: 60vh;}
    .hme-callout-missinglink-txt {top: 50%; left: 50%; transform: translate(-100%, -50%);}
    .hme-callout-missinglink-txt h5 { font-size: 24px;}
    .hme-callout-missinglink-txt p, .hme-callout-missinglink-txt p a { font-size: 16px;}
	.hme-callout-missinglink-txt a.cta-btn { display:block; text-align:center; max-width:300px; line-break:1.4; text-decoration:none; font-size: 18px;}
}

@media only screen and (min-width:1400px) {
    .hme-callout-missinglink-txt { left: 45%; transform: translate(-100%, -50%); padding: 0;}
}


/** CONTENT **/
.pg-body a { color: var(--PalePur); font-weight: 600; text-decoration: underline;}
/* content header */
.cont-header { height: 40vh; min-height: 300px; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative;}
.cont-header:after {position: absolute; left: 0; bottom: 0; height: 30%; width: 100%; content: '';}


.head-ttl { position:absolute; bottom: 5%; z-index: 2; width: 100%; text-align: center;}
.head-ttl h1, .head-ttl p { color: #fff;}
.head-ttl h1 {font-size: 26px; font-weight: 300; line-height: 1; margin-bottom: 5px;}
.head-ttl p {font-size: 16px;}

.pg-intro-heading {text-align: center; padding: var(--PadLg); padding-bottom: 20px;}
.pg-intro-heading h2 { font-weight: 300; font-size: 22px; line-height: 1;}
.pg-intro-heading h4 { font-weight: 500; font-size: 18px; line-height: 1;}

/* intro */
.pg-intro-txt {text-align: center; padding: var(--PadLg); padding-top: 0;}
.pg-intro-txt img { margin-bottom: 20px; max-height:150px !important; width:auto !important;}
.pg-intro-txt .container.cols2 { text-align: left;}

.txt-2cols { padding: var(--PadLg);}

@media only screen and (min-width:767px) {
    .head-ttl h1 {font-size: 36px;}
    .head-ttl p {font-size: 18px;}
    
    .pg-intro-heading  { padding: var(--PadLg700); padding-bottom: 25px;}
    .pg-intro-heading h2 { font-size: 28px;}
    .pg-intro-heading h4 { font-size: 22px;}
	
	.txt-2cols { padding: var(--PadLg700);}
}
    

@media only screen and (min-width:1000px) {
    .cont-header { height: 55vh;}
    .head-ttl h1 {font-size: 46px;}
    .head-ttl p {font-size: 20px;}
    
    .pg-intro-heading {  padding:  var(--PadLg1000); padding-bottom: 30px;}
    .pg-intro-heading h2 { font-size: 32px;}
    .pg-intro-heading h4 { font-size: 24px;}
    
    .pg-intro-txt {padding: var(--PadLg1000); padding-top: 0;}
    .pg-intro-txt img { margin-bottom: 30px; width:100% !important; max-height:200px !important; width:auto !important;}
    .pg-intro-txt .container.cols2 { column-count: 2; column-gap: 40px;}
	
	.txt-2cols { column-count: 2; column-gap: 40px; text-align:left;  padding:  var(--PadLg1000);}
}

@media only screen and (min-width:1400px) {
    .cont-wrap .container,
    .cont-wrap .container .row { padding-left: 0; padding-right: 0;}
    .head-ttl h1 {font-size: 56px;} 
    
    .pg-intro-heading { padding: var(--PadLg1400); padding-bottom: 40px;}
    .pg-intro-heading h2 { font-size: 36px;}
    .pg-intro-heading h4 { font-size: 28px;}
    
    .pg-intro-txt .container.cols2 { column-count: 2; column-gap: 80px;}
}

/* Page Elements */

.divider { width: 100%; height: 2px; background: #333;}
.pg-ele h3 { font-size: 18px; font-weight: 600;}
.no-toppad { padding-top: 0 !important;}

.pg-ele-23_13,
.services-grid,
.pg-ele-cols2,
.pg-ele-half .row,
.pg-expect-repeater .row,
.wkshp-repeater,
.abt-awards,
.abt-team-main .row,
.abt-therapists .row,
.pg-assess .pg-intro-txt,
.assess-form,
.pg-base .pg-body,
.careers-callout,
.careers-pnt-repr .row,
.careers-form,
.pg-quiz .pg-body { padding: var(--PadLg); }

.pg-ele-23_13 img { display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 400px;}
.pg-ele-23_13.hme-pnl-23-13 { background: #FEF2EE;}


.services-grid { text-align: center;}
.services-grid p { max-width: 850px; display: inline-block; margin-left: auto; margin-right: auto; line-height: 2;}
.services-grid .row { padding-top: 30px;}
.services-grid .row div { padding-left: 2.5%; padding-right:2.5%; margin-bottom: 30px;}
.services-grid .row div img { margin-bottom: 20px; height:60px; width:auto;}
.services-grid .row div a { font-weight: 600; color: var(--PalePur); text-decoration: underline; display:inline-block; margin-top:30px;}


.pg-ele-half .row { border-top: 2px solid #333;}
.pg-ele-half h3 { font-size: 16px;}
.pg-ele-half .pg-ele-halfimg { background: var(--Txt);}
.pg-ele-half .pg-ele-halfimg img { width: 100%; height: auto; padding-bottom: 5px;}
.pg-ele-half .pg-ele-halfimg p { color: #fff; font-weight: 300; padding: 0 20px; display: block;}
.pg-ele-half .pg-ele-halfimg p:empty { display: none;}
.pg-ele-half .pg-ele-halfimg p:first-of-type { padding-top: 10px;}
.pg-ele-half .pg-ele-halfimg p:last-child { padding-bottom: 20px;}

.pg-ele-half-repeater .pg-ele-half:first-of-type .row { border-top: none;}

.pg-expect-repeater .row { border-top: 2px solid #333;}
.pg-expect-repeater .row:first-of-type { border: 0;}
.pg-expect-repeater .pg-expect-rep-txt p:last-of-type {margin-bottom: 0px;}
.pg-expect-rep-ttl p { font-weight: 600;}

.pg-ele-vid {padding: var(--PadLg); background: #E69C7F url(assets/img/bg-vid-pnl.png) center no-repeat; background-size: cover;}
.pg-ele-vid .container { width: var(--Sml);}
.pg-ele-vid .container .embed-container { margin-bottom: 20px; border: 2px solid white;}
.pg-ele-vid .container p { text-align: center; color: #fff; font-size: 18px; font-weight: 300;}
.pg-ele-vid .container p:last-of-type { margin-bottom: 0;}

.wkshp-repeater { border-top: 2px solid #333;}
.wkshp-form { background: #DB724B; padding: 20px;}
.wkshp-form p { color: #fff; font-size: 16px; line-height: 1.6;}
.wkshp-form ul,
.wkshp-form ul li {margin-left:0 !important; padding-left:0 !important;}

.pg-about .pg-ele-half .row { border-top:0;}

.pg-about .abt-awards {background: #B65A62; text-align: center;}
.pg-about .abt-awards h4,
.pg-about .abt-awards p { color: #fff;}
.pg-about .abt-awards h4 { font-weight: 300; font-size: 18px; margin-bottom: 30px;}

.pg-about .pg-ele.abt-team-main .row { border-top: 3px solid #333;}
.pg-about .pg-ele.abt-team-main .abt-teammain-img img { padding-bottom: 5px !important; width: 100%; height: auto; }
.pg-about .pg-ele.abt-team-main h2,
.pg-about .abt-therapists .carousel-item h2 { font-size: 16px;}
.pg-about .pg-ele.abt-team-main h2 span,
.pg-about .abt-therapists .carousel-item h2 span { color: #9C9C9C; margin-left: 20px;}
.pg-about .abt-therapists .carousel-item h2 { border-bottom: 2px solid #333; padding-bottom: 10px; display: block; padding-right: 100px;}
.pg-about .pg-ele.abt-team-main p,
.pg-about .abt-therapists .carousel-item p { margin-bottom: 0;}

.pg-about .abt-therapists .container {border-top: 2px solid #333; text-align: center; padding-top:30px;}
.pg-about .abt-therapists .container h2,
.pg-about .abt-therapists .abt-therapists-item { margin-bottom: 30px;}
.pg-about .abt-therapists .abt-therapists-item img { padding-bottom: 5px !important; margin-bottom: 10px;}
.pg-about .abt-therapists .abt-therapists-item h3 { font-size: 16px; margin-bottom: 20px;}
.pg-about .abt-therapists .abt-therapists-item a { text-decoration: none;}
.pg-about .abt-therapists .abt-therapists-item span { border: 2px solid #999; border-radius: var(--radius); display: inline-block; padding: 10px 20px; font-size: 95%; text-decoration: none; color: #333;-webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.pg-about .abt-therapists .abt-therapists-item a:hover span { border: 2px solid var(--Lime); color: var(--Lime);}


.modal { padding: 0 !important; }
.modal .modal-dialog {  width: 100%; height: auto; }
.modal .modal-content { height: 100%; border: 0; border-radius: 0; }
.modal .modal-body { overflow-y: auto; padding: 0 20px 0 15px !important;}
.modal .modal-body .carousel-item { padding-top:80px !important;}
.modal .modal-body .carousel-item img { margin-bottom: 20px;}
.modal .modal-body button { position: absolute; top: 15px; right: 15px; font-size: 30px; z-index: 1999; background: none; border: 0;}
.caro-btns { width: auto; z-index: 2000; padding: 0; position: absolute; top: 0px; right: 15px;}
.caro-btns ul {list-style: none; margin: 0;padding: 0;}
.caro-btns ul li { display: inline-block; margin: 0;padding: 0;}
.caro-btns ul li a {background: #43393F; border-radius:var(--radius); display: block; width: 50px; height: 35px; position: relative;}
.caro-btns ul li a i { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.assess-form { background: rgba(207, 216, 87, 1.0);}
.assess-form h2 { text-align: center; color: #333;}

.careers-callout {background: rgba(80, 173, 127, 1.0); text-align: center;}
.careers-callout p { color: #fff; font-weight: 300; font-size: 110%;}

.careers-pnt-repr .row:not(:first-of-type) { border-top: 2px solid #333;}
.careers-pnt-repr h4 { font-size: 18px;}
.careers-form {background: rgba(40, 152, 94, 1.0)}
.careers-form h4 { text-align: center; font-size: 18px; color: #fff;}

@media only screen and (min-width:767px) {
    .pg-ele h3 { font-size: 22px;}
    .pg-ele-23_13,
    .services-grid,
    .pg-ele-cols2,
    .pg-ele-half .row,
    .pg-expect-repeater .row,
    .pg-ele-vid,
    .wkshp-repeater,
    .abt-awards,
    .abt-team-main .row,
    .abt-therapists .row,
    .pg-assess .pg-intro-txt,
    .assess-form,
    .careers-callout,
    .careers-pnt-repr .row,
    .careers-form,
    .pg-quiz .pg-body { padding: var(--PadLg700); }
    
    .services-grid .row { padding-top: 40px;}
    .services-grid .row div { margin-bottom: 50px;}
    
    
    .pg-ele-half .pg-ele-halfimg p { padding: 0 30px;}
    .pg-ele-half .pg-ele-halfimg p:first-of-type { padding-top: 20px;}
    .pg-ele-half .pg-ele-halfimg p:last-child { padding-bottom: 30px;}
    
    
    .pg-ele-half-repeater .pg-ele-half:nth-of-type(even) .col-md-6:nth-of-type(2) {order: -1;}
    
    .pg-expect-rep-ttl { text-align: right; padding-right: 30px;}
    
    .pg-ele-vid .container .embed-container { margin-bottom: 30px;}
    .pg-ele-vid .container p { font-size: 22px;}
    
    .wkshp-form { padding: 30px;}
    .wkshp-form p { font-size: 18px; margin-bottom: 20px !important;}
    
    .pg-about .pg-ele.abt-team-main h2,
    .pg-about .abt-therapists .carousel-item h2 { font-size: 18px;}
    .pg-about .pg-ele.abt-team-main .abt-teammain-img img { padding-bottom: 10px !important;}
    
    .pg-about .abt-therapists .container h2,
    .pg-about .abt-therapists .abt-therapists-item { margin-bottom: 40px;}
    .pg-about .abt-therapists .abt-therapists-item h3 { font-size: 18px;}
    
    .modal { padding: 0 !important; }
    .modal .modal-dialog {  width: 100%; max-width: 1000px; height: auto; margin: 10vh auto; }
    .modal .modal-content { height: 100%; border: 0; border-radius: 0; }
    .modal .modal-body { overflow-y: auto; padding: 0 20px !important;}
    .modal .modal-body .carousel-item { padding-top:0px !important;}
    .modal .modal-body button { position: absolute; top: 15px; right: 15px; font-size: 30px; z-index: 1999; background: none; border: 0;}
    .caro-btns { width: auto; z-index: 2000; padding: 0; position: absolute; top: 0px; right: 15px;}
    .caro-btns ul {list-style: none; margin: 0;padding: 0;}
    .caro-btns ul li { display: inline-block; margin: 0;padding: 0;}
    .caro-btns ul li a {background: #43393F; border-radius:var(--radius); display: block; width: 50px; height: 35px; position: relative;}
    .caro-btns ul li a i { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    
    .careers-pnt-repr h4, .careers-form h4 { font-size: 20px;}
}

@media only screen and (min-width:1000px) {
    .pg-ele h3 { font-size: 24px;}
    .pg-ele-23_13,
    .services-grid,
    .pg-ele-cols2,
    .pg-ele-half .row,
    .pg-expect-repeater .row,
    .pg-ele-vid,
    .wkshp-repeater,
    .abt-awards,
    .abt-team-main .row,
    .abt-therapists .row,
    .pg-assess .pg-intro-txt,
    .assess-form,
    .careers-callout,
    .careers-pnt-repr .row,
    .careers-form,
    .pg-quiz .pg-body  { padding: var(--PadLg1000); }
    
    .services-grid .row { padding-top: 50px;}
    .services-grid .row div { margin-bottom: 60px;}
    
    .pg-ele-half h3 { font-size: 18px; margin-bottom: 30px;}
    .pg-ele-half .pg-ele-halfimg img { padding-bottom: 10px;}
    
    .pg-ele-half .pg-ele-halfimg p { padding: 0 40px;}
    .pg-ele-half .pg-ele-halfimg p:first-of-type { padding-top: 30px;}
    .pg-ele-half .pg-ele-halfimg p:last-child { padding-bottom: 40px;}
    
    .pg-ele-half:nth-of-type(odd) .pg-ele-halftxt { padding-right: 40px;}
    .pg-ele-half:nth-of-type(even) .pg-ele-halftxt { padding-left: 40px;}
    
    .pg-expect-rep-ttl { text-align: right; padding-right: 50px;}
    
    .pg-ele-vid .container .embed-container { margin-bottom: 40px; border: 4px solid white;}
    .pg-ele-vid .container p { font-size: 24px;}
    
    .wkshp-form { padding: 40px;}
    .wkshp-form p { font-size: 20px;}
    
    .pg-about .abt-awards img { width: 150px; height: auto;}
    .pg-about .abt-awards h4 { font-weight: 400; font-size: 22px;}
    
    .pg-about .pg-ele.abt-team-main h2,
    .pg-about .abt-therapists .carousel-item h2 { font-size: 20px; margin-bottom: 30px;}
    .pg-about .pg-ele.abt-team-main .abt-teammain-img img { padding-bottom: 15px !important; }
    .pg-about .pg-ele.abt-team-main .row:nth-of-type(even) .col-lg-6:nth-of-type(2) {order: -1;}
    .pg-about .pg-ele.abt-team-main .row:nth-of-type(odd) .col-lg-6:nth-of-type(1) {padding-right: 40px;}
    .pg-about .pg-ele.abt-team-main .row:nth-of-type(even) .col-lg-6:nth-of-type(1) {padding-left: 40px;}
    
	.pg-about .abt-therapists .container {padding-top:40px;}
    .pg-about .abt-therapists .abt-therapists-item { margin-bottom: 50px;}
    .pg-about .abt-therapists .abt-therapists-item img { padding-bottom: 10px !important; margin-bottom: 15px;}
    .pg-about .abt-therapists .abt-therapists-item h3 { font-size: 20px;}
    
    .careers-pnt-repr h4 { text-align: right; font-size: 22px;}
    .careers-form h4 { font-size: 22px;}
    .pnt-heading { padding-right: 60px;}
}

@media only screen and (min-width:1400px) {
    .pg-ele h3 { font-size: 28px;}
    .pg-ele-23_13,
    .services-grid,
    .pg-ele-cols2,
    .pg-ele-half .row,
    .pg-expect-repeater .row,
    .pg-ele-vid,
    .wkshp-repeater,
    .abt-awards,
    .abt-team-main .row,
    .abt-therapists .row,
    .pg-assess .pg-intro-txt,
    .assess-form,
    .careers-callout,
    .careers-pnt-repr .row,
    .careers-form,
    .pg-quiz .pg-body  { padding: var(--PadLg1400); }
    
    .services-grid .row { padding-top: 60px;}
    .services-grid .row div { margin-bottom: 80px;}
    
    .pg-ele-half h3 { font-size: 22px; margin-bottom: 40px;}
    
    .pg-ele-half .pg-ele-halfimg p { padding: 0 60px;}
    .pg-ele-half:nth-of-type(odd) .pg-ele-halftxt { padding-right: 60px;}
    .pg-ele-half:nth-of-type(even) .pg-ele-halftxt { padding-left: 60px;}
    
    .pg-expect-rep-ttl { text-align: right; padding-right: 60px;}
    
    .pg-ele-vid .container p { font-size: 27px;}
    
    .pg-about .pg-ele.abt-team-main h2,
    .pg-about .abt-therapists .carousel-item h2{ font-size: 22px;}
    .pg-about .abt-therapists .container {padding-top:80px;}
    .pg-about .abt-therapists .abt-therapists-item img { padding-bottom: 15px !important; margin-bottom: 15px;}
    
    .careers-pnt-repr h4, .careers-form h4 { font-size: 24px;}
    .pnt-heading { padding-right: 80px;}
}



/* BLOG - Feed & Article */
.pg-resources .cont-header { height: 30vh; min-height: 200px;}
.pg-resources .cont-header:after { height: 70%;}

.blog-wrap, .blog-feed {padding: var(--PadLg); text-align: center;}
.blog-wrap .blog-feed {}
.blog-feed a.mailinglist {color: var(--PalePur); text-decoration: underline; font-size: 18px; font-weight: 600;}
.blog-feed .row { padding-top: 20px; padding: 0;}
.blog-feed .blog-item { text-align: left; position: relative; margin-bottom: 30px; padding: 0; padding-left:15px !important; padding-right:15px !important;}
.blog-feed .blog-item img,
.blog-feed .blog-item .blog-img { width: 100%; height: auto; border-bottom: 6px solid #E6B831;}
.blog-feed .blog-item .blog-img { height:250px; width:100%; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important;}
.blog-feed .blog-item p.post-date { font-style: italic; font-weight: 300; font-size: 13px;}
.blog-wrap .blog-item { margin-bottom: 50px;}

.blog-txt, .blog-sb { text-align: left;}

.blog-txt h1 { margin-bottom: 10px; font-weight: 600; font-size: 20px; line-height: 1.3;}
.blog-txt p.post-date { font-style: italic; font-weight: 300; font-size: 13px;}
.blog-txt img.feat-img {border-bottom: 5px solid #E6B732; margin-bottom: 30px;}

blockquote {background: #E6B732; padding: 30px; margin-bottom: 30px;}
blockquote p { color: #fff; font-size: 16px; font-weight: 300;}

.blog-sb a { text-decoration: none;}
.blog-sb-item { margin-bottom: 30px;}
.blog-sb-item h2 {font-weight: 600; font-size: 16px; position: relative; color: var(--Txt); text-align: left;}
.blog-sb-item h2:before {position: absolute; bottom: -2px; left: 0; width: 45px; height: 3px; background: #E6B732; content: '';}
.blog-sb h3,
.blog-sb a,
.blog-sb p,
.blog-sb li { font-size: 13px;}
.blog-sb ul { list-style: none; position: relative; margin: 0; padding: 0;}
.blog-sb ul li { padding-left: 0; margin-bottom: 10px;}
.blog-sb ul li a { color: var(--Txt);}
.blog-sb ul li a:hover { color: var(--Lime);}

.blog-sb-item form { padding-left:0 !important; margin-left:0 !important;}
.blog-sb-item input[type=text] { height:50px; width:calc(100% - 50px); padding:7px 10px;}
.blog-sb-item input[type=submit] {background-color:rgba(147, 191, 38, 1.0); color:#fff; font-size:#fff; background-position:center; background-repeat:no-repeat; background-size:contain; border:0px; width:45px; height:40px; cursor:pointer; margin:0; -webkit-appearance: none; margin-top:7px;}

#mc_embed_signup input[type=email] { height:40px; width:100%; padding:7px 10px;}
#mc_embed_signup input[type=submit] {background-color:rgba(147, 191, 38, 1.0); color:#fff; font-size:#fff; background-position:center; background-repeat:no-repeat; background-size:contain; border:0px; width:calc(100% - 10px);margin:0;  margin-left:5px ; height:40px; cursor:pointer; -webkit-appearance: none; margin-top:7px;}


.blog-sb .sb-recent h3 {margin-bottom: 0; line-height: 1.3;}
.blog-sb .sb-recent p.post-date { font-style: italic; font-weight: 300; font-size: 12px;}
.blog-sb .sb-recent a { margin-bottom: 20px; display: block;}
.blog-sb .sb-recent a:hover h3 {color: var(--Lime);}

.blog-sb .sb-tags ul li { border: 1px solid var(--Txt); display: inline-block; margin-right: 7px;}
.blog-sb .sb-tags ul li:hover { border: 1px solid var(--Lime);}
.blog-sb .sb-tags ul li a { padding: 10px 15px;}
.blog-sb .sb-tags ul li a:hover { color: var(--Txt);}


@media only screen and (min-width:767px) {
    .blog-wrap, .blog-feed {padding: var(--PadLg700);}
	.blog-wrap .blog-feed {}
    .blog-feed .row { padding-top: 30px;}
    .blog-feed .blog-item { padding: 0 15px; padding-bottom: 60px;}
    .blog-feed a.cta-btn {position: absolute; bottom: 0;}
    .blog-wrap .blog-item { margin-bottom: 60px;}
    
    .blog-txt h1 { font-size: 22px;}
    blockquote { padding: 40px;}
    blockquote p { font-size: 18px;}
    
    .blog-sb h2 {font-size: 18px;}
    .blog-sb h3,
    .blog-sb a,
    .blog-sb p,
    .blog-sb li { font-size: 14px;}
}

@media only screen and (min-width:1000px) {
    .blog-wrap, .blog-feed {padding: var(--PadLg1000);}
    .blog-feed .blog-item img { border-bottom: 10px solid #E6B831;}
	.blog-feed .blog-item .blog-img { border-bottom: 10px solid #E6B831; height:300px;}
    .blog-feed a.mailinglist {font-size: 20px;}
    
    .blog-wrap .blog-feed,
    .blog-wrap .blog-txt {border-right: 2px solid #E6B732; padding-top: 0 !important;}
    .blog-wrap .blog-feed .row,
    .blog-wrap .blog-txt { padding-top: 0; padding-right: 30px;}
    .blog-wrap .blog-item { margin-bottom: 70px;}
    .blog-wrap .blog-sb {padding-left: 30px;} 
    
    .blog-txt h1 { font-size: 24px;}
    .blog-txt img.feat-img {border-bottom: 10px solid #E6B732; margin-bottom: 40px;}
    
    blockquote { padding: 50px;}
    blockquote p { font-size: 22px;}
    
    .blog-sb h2 {font-size: 20px;}
    .blog-sb h3,
    .blog-sb a,
    .blog-sb p,
    .blog-sb li { font-size: 15px;}
    
    .sb-tags ul li a { padding: 15px 25px;}
}

@media only screen and (min-width:1400px) {
    .blog-wrap, .blog-feed {padding: var(--PadLg1400);}
    .blog-feed a.mailinglist {font-size: 22px;}
    .blog-feed .row { padding-top: 40px;}
    .blog-wrap .blog-feed,
    .blog-wrap .blog-txt {border-right: 3px solid #E6B732;}
    .blog-wrap .blog-feed .row,
    .blog-wrap .blog-txt { padding-right: 40px;}
    .blog-wrap .blog-item { margin-bottom: 80px;}
    .blog-wrap .blog-sb {padding-left: 40px;}
    
    .blog-txt h1 { font-size: 28px;}
    
    blockquote { padding: 60px;}
}

/** CONTACT **/
.contact-dets { padding: var(--PadLg); border-top: 2px solid #333;}
.contact-form {background: #79BF6F; padding: 30px;}
.contact-form h2,
.contact-form p,
.contact-form label { color: #fff;}

p.contact-add, p.contact-ph { line-height:1.6; font-weight:500;}
p.contact-ph span {font-weight:400 !important;}

.contact-map, .contact-map iframe { width:!00% !important; height:65vh !important; min-height:300px !important; margin:0 !important; padding:0 !important;}

@media only screen and (min-width:767px) {
    .contact-dets { padding: var(--PadLg700);}
    .contact-form {padding: 40px;}
}

@media only screen and (min-width:1000px) {
    .contact-dets { padding: var(--PadLg1000);}
    .contact-dets .col-lg-5 { padding-right: 70px;}
    .contact-form {padding: 50px;}
}

@media only screen and (min-width:1400px) {
    .contact-dets { padding: var(--PadLg1400);}
    .contact-form {padding: 60px;}
}

/* QUIZ */

.pg-quiz-form .container { border-top: 2px solid #000; padding-top: 30px;}
.quiz-form-col { /*display: flex;*/ background-color: rgba(147, 191, 38, 1.0);  background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; min-height: 300px; padding: 20px;}

@media only screen and (min-width:700px) {
    .pg-quiz-form .container { border-top: 2px solid #000; padding-top: 50px;}
    .quiz-form-col { padding: 30px;}
}

@media only screen and (min-width:1000px) {
    .pg-quiz-form .container { border-top: 2px solid #000; padding-top: 70px;}
    .quiz-form-col { padding: 40px;}
}

/* colour versions */
    .pg-services .cont-header:after {background: linear-gradient(to bottom, rgba(67,55,63,0) 0%,rgba(67,55,63,1) 80%); }
    .pg-expect .cont-header:after {background: linear-gradient(to bottom, rgba(4,104,96,0) 0%,rgba(4,104,96,1) 80%); }
    .pg-workshops .cont-header:after {background: linear-gradient(to bottom, rgba(220,117,78,0) 0%,rgba(220,117,78,1) 80%); }
    .pg-resources .cont-header:after {background: linear-gradient(to bottom, rgba(230,183,50,0) 0%,rgba(230,183,50,1) 80%); }
    .pg-about .cont-header:after {background: linear-gradient(to bottom, rgba(182,90,98,0) 0%,rgba(182,90,98,1) 80%); }
    .pg-careers .cont-header:after {background: linear-gradient(to bottom, rgba(40, 152, 94, 0) 0%,rgba(40, 152, 94, 1.0) 80%); }
    .pg-contact .cont-header:after {background: linear-gradient(to bottom, rgba(118,193,107,0) 0%,rgba(118,193,107,1) 80%); }
    .pg-assess .cont-header:after {background: linear-gradient(to bottom, rgba(207,216,87,0) 0%,rgba(207,216,87,1) 60%); }
    .pg-base .cont-header:after {background: linear-gradient(to bottom, rgba(65, 79, 117, 0) 0%,rgba(65, 79, 117, 1.0) 60%); }
	.pg-quiz .cont-header:after {background: linear-gradient(to bottom, rgba(147, 191, 38, 0) 0%,rgba(147, 191, 38, 1.0) 60%); } 

.s-lt .pg-ele-half .pg-ele-halfimg {background: var(--s_lt);}
.s-comp .pg-ele-half .pg-ele-halfimg {background: var(--s_comp);}
.s-addn .pg-ele-half .pg-ele-halfimg {background: var(--s_addn);}
.s-feed .pg-ele-half .pg-ele-halfimg {background: var(--s_feed);}
.s-exp .pg-ele-half .pg-ele-halfimg {background: var(--s_exp);}
.s-clar .pg-ele-half .pg-ele-halfimg {background: var(--s_clar);}
.s-uncl .pg-ele-half .pg-ele-halfimg {background: var(--s_unc);}
.s-read .pg-ele-half .pg-ele-halfimg {background: var(--s_read);}
.s-study .pg-ele-half .pg-ele-halfimg {background: var(--s_study);}
.s-stut .pg-ele-half .pg-ele-halfimg {background: var(--s_stut);}
.s-soc .pg-ele-half .pg-ele-halfimg {background: var(--s_soc);}
.s-ess .pg-ele-half .pg-ele-halfimg {background: var(--s_ess);}
.pg-about .pg-ele-half .pg-ele-halfimg,
.pg-about .pg-ele.abt-team-main .abt-teammain-img img,
.pg-about .abt-therapists .abt-therapists-item img {background: #B65A62;}

.pg-expect .cta-pnl-callout.bg-expect { background: #52948E;}
.pg-expect .cta-pnl-callout.bg-expect p { color: #fff; font-weight: 300;}


/** CTA BUTTONS **/
a.cta-btn { color: #fff; font-weight: 400; padding: 10px 20px; border-radius: var(--radius); display: inline-block; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-top: 20px; text-decoration: none;}

a.cta-lime {background: var(--Lime);}
a.cta-lime:hover {background: var(--PalePur);}
a.cta-pur {background: var(--PalePur);}
a.cta-pur:hover {background: var(--Lime);}

@media only screen and (min-width :1000px) {
    a.cta-btn {padding: 15px 30px; margin-top: 30px;}
}
				
/** CTA PANELS **/			

/* Call out */
.cta-pnl-callout { background: var(--Lime); padding: var(--Pad); text-align: center;}
.cta-pnl-callout h5,
.cta-pnl-callout h5 a { font-size: 24px; color: var(--Pur); font-weight: 700; margin-bottom: 20px;}
.cta-pnl-callout p { font-size: 18px; color: var(--Txt); line-height: 2;}
.cta-pnl-callout p:last-of-type { margin-bottom: 0px;}
.cta-pnl-callout p a,
.cta-pnl-callout h5 a {text-decoration: underline; color: #fff !important; display: inline-block;}
.cta-pnl-callout p a.callout-link {text-decoration: underline; color: #fff; display: inline-block; margin-top:10px; font-weight: 500; }
.cta-pnl-callout p a.callout-link:hover,
.cta-pnl-callout p a:hover { color: var(--Pur);}

.cta-pnl-callout.white-callout { border-top: 2px solid var(--Lime); background: #fff;}
.cta-pnl-callout.white-callout p { line-height: 2;}
.cta-pnl-callout.white-callout a { text-decoration: underline; color: var(--Lime) !important; display: inline-block; margin-top:10px; font-weight: 500; }
.cta-pnl-callout.white-callout a:hover { color:var(--PalePur) !important;}

@media only screen and (min-width :767px) {
    .cta-pnl-callout { padding: var(--Pad700);}
    .cta-pnl-callout p, .cta-pnl-callout p a.callout-link { font-size: 18px;}
}

@media only screen and (min-width :1000px) {
    .cta-pnl-callout { padding: var(--Pad1000);}
    .cta-pnl-callout h5,
.cta-pnl-callout h5 a { font-size: 24px; color: var(--Pur);}
    .cta-pnl-callout p,
    .cta-pnl-callout p a,
    .cta-pnl-callout.white-callout p,
    .cta-pnl-callout.white-callout p a,
    .cta-pnl-callout p a.callout-link { font-size: 22px;}
}

@media only screen and (min-width :1200px) {
     .cta-pnl-callout { padding: var(--Pad1400);}
}


/* Quiz */
.cta-pnl-quiz { background: url(assets/img/home-dontwait-bg.png) bottom center no-repeat; background-size: cover; height: 60vh; min-height: 300px; position: relative; border-top: 2px solid var(--Lime);}
.cta-pnl-quiz-txt { position: absolute; top: 50%; transform: translateY(-50%); left: 10%;}
.cta-pnl-quiz-txt h5 { font-size: 24px; font-weight: 200; color: #fff; margin-bottom: 20px;}
.cta-pnl-quiz-txt p, .cta-pnl-quiz-txt p a { font-size: 18px; font-weight: 400; color: #fff;}
.cta-pnl-quiz-txt p a { text-decoration: underline;}
.cta-pnl-quiz-txt p a:hover { color: var(--Lime);}

@media only screen and (min-width :767px) {
    .cta-pnl-quiz-txt h5 { font-size: 35px;}
}

@media only screen and (min-width :1000px) {
   
    .cta-pnl-quiz-txt h5 { font-size: 32px; margin-bottom: 30px;}
    .cta-pnl-quiz-txt p, .cta-pnl-quiz-txt p a { font-size: 22px;}
}

@media only screen and (min-width :1200px) {
     .cta-pnl-quiz-txt { left: 15%;}
    .cta-pnl-quiz-txt h5 { font-size: 38px;}
}


@media only screen and (min-width :1600px) {
    .cta-pnl-quiz-txt { left: 25%;}
    .cta-pnl-quiz-txt h5 { font-size: 45px;}
    .cta-pnl-quiz-txt p { font-size: 22px;}
}

/** FOOTER **/
footer { position:relative;}

    .foot-locations { background: var(--Pink); text-align: center; padding: var(--Pad); border-top: 3px solid #C2B075;}
    .foot-locations h3 { color: var(--Pur);}
    .foot-locations h2,
    .foot-locations p,
    .foot-locations p a { color: #fff;}
    .foot-locations h2 { font-weight: 300; font-size:20px;}
    .foot-locations h3 { font-weight: 700;font-size:16px;}
    .foot-locations p { font-weight: 400;font-size:13px;}
    .foot-locations p a { text-decoration: underline; font-size:13px;}
    .foot-locations p a:hover { color: var(--Pur);}
    .foot-locations img { margin-top: 30px; margin-bottom: 20px;}
    
    .foot-btm { background: var(--Pur); border-top: 2px solid #7A782D; padding: var(--Pad);}
    .foot-btm .col-lg-3 { margin-bottom: 30px;}
    .foot-btm ul { list-style: none; position: relative; margin: 0 !important; margin-left: 0 !important; padding: 0; padding-left:0 !important; line-height:1.2; margin-bottom:7px;}
    .foot-btm .foot-social ul li { display: inline-block; margin-left:0 !important;}
    
    .foot-btm a { color: var(--Pink); font-weight: 400; font-size:16px;}
	.foot-btm .foot-col1 a,
    .foot-btm .foot-menu-heading a { color: #fff !important; margin-top: 10px !important; display: block !important;}
	.foot-btm .foot-col1 p { color:  var(--Pink) !important; margin-top: 10px !important; display: block !important; line-height:1.4; font-size:14px;}
    .foot-btm .foot-menu-heading a { cursor: not-allowed !important; pointer-events: none !important;}
    .foot-btm a:hover,
    .foot-btm .foot-col1 a:hover { color: var(--Lime);}
    
    .foot-social { border-top: 1px solid var(--Pink); margin-top: 30px; padding-top: 30px;}
    .foot-social h6 { color: #fff; font-weight: 300; margin-bottom: 10px;}
    .foot-social ul li { margin-right: 5px;}
    .foot-social ul li a { width: 40px; height: 40px; display: block; background: #fff; border-radius: 50%; position: relative;}
    .foot-social ul li a:hover {background: var(--Lime);}
    .foot-social ul li a i { position: absolute; color: var(--Pur); top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px;}

    .foot-col4 h6 { color: #fff; font-size: 16px; line-height: 1.3; margin-top: 10px; margin-bottom: 20px;}

.foot-awards .container { border-top: 1px solid var(--Pink); border-bottom: 1px solid var(--Pink); margin: 30px auto; padding: 30px 15px;}
.foot-awards .container img { margin-left: auto; margin-right: auto; display: block;}
.foot-awards .col-md-6:nth-of-type(1) .row { margin-bottom: 20px;}
.foot-awards p { color: var(--Pink); font-weight: 300; margin-bottom: 7px;}
.foot-awards p strong { font-weight: 700;}

.foot-base p, .foot-base p a { color: #887b84; text-align: center;}
.foot-base p a:hover { color: #fff;}


.foot-col1 ul,
.foot-col2 ul,
.foot-col3 ul,
.foot-col4 ul,
.foot-col1 ul li,
.foot-col2 ul li,
.foot-col3 ul li,
.foot-col4 ul li { padding-left:0 !important; margin-left:0 !important; margin-right:0px !important;}

.foot-form label { display:none !important; padding:0!important; margin:0 !important;}
.foot-form .ginput_container { padding-top:5px !important;}
.foot-form .ginput_container textarea { height:150px;}
.foot-form input,
.foot-form textarea { border-radius:4px !important;}
.foot-form .gform_footer input[type=submit] {background:var(--Lime) !important; color:#fff; margin-left:0px !important;}
.foot-form input[type=submit]:hover {background:var(--PalePur) !important; color:#fff;}
	
    
@media only screen and (min-width :767px) {
     .foot-awards .col-md-6:nth-of-type(1) .row { margin-bottom: 0px;}
}
@media only screen and (min-width :1000px) {
        .foot-locations,
        .foot-btm { padding: var(--Pad700);}
        .foot-locations h2 { font-size:24px;}
        .foot-locations h3 {font-size:18px;}
        .foot-locations p {font-size:14px;}
        .foot-locations img { margin-top: 40px;}
        
        .foot-col4 h6 { font-size: 18px;}
        
       
        .foot-base .col-md-6:nth-of-type(2) { text-align: right;}
    }
    
    @media only screen and (min-width :1200px) {
        .foot-locations,
        .foot-btm { padding: var(--Pad1000);}
        .foot-locations h2 { font-size:32px;}
        .foot-locations h3 {font-size:20px;}
        .foot-locations img { margin-top: 50px;}
        .foot-col4 h6 { font-size: 22px;}
    }
    
    @media only screen and (min-width :1600px) {
        .foot-locations,
        .foot-btm { padding: var(--Pad1400);}
        .foot-locations h2 { font-size:35px;}
        .foot-locations h3 {font-size:22px;}
        .foot-locations p, .foot-locations p a {font-size:16px;}
        .foot-col4 h6 { font-size: 24px;}
    }
	
	
	
/* misc */
	
	/* form */
	.gform_wrapper label.gfield_label { font-size:16px; font-family: var(--TxtPrim); color:#333; font-weight:400 !important; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper input[type=tel], .gform_wrapper input[type=email], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 5px; background-color:#fff; padding:10px 20px !important; resize:none; border:1px solid #333; width:100%; margin:0 0 0 0; font-size:16px; font-family: var(--TxtPrim); font-weight:300 !important;}
	.gform_wrapper input[type=submit] { background-color:var(--Lime); color:#fff; font-weight:400; width:100%; max-width:400px; font-size:18px; font-family: var(--TxtPrim); cursor:pointer; margin:0;-webkit-appearance: none; border:0; border-radius:4px; display:block; margin-left:15px !important; margin-right:0; padding:10px 20px;}
	.gform_wrapper input[type=submit]:hover { background-color:var(--Pur); }
    .gform_confirmation_wrapper { font-size:16px; font-family: var(--TxtPrim);}

    .ginput_container_select { background:#fff url(assets/img/base/select.svg) no-repeat 99% 0;  height: 40px; border-radius: 0; overflow: hidden; width: 100%; border-radius: 5px; border:1px solid #333;}
    .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 40px; padding: 10px 20px !important;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}

	.quiz-form-col .ginput_container_select, .ginput_container_select select { display:block; width:100%; min-width:300px; max-width:300px;}

	.quiz-form-col .gform_wrapper label.gfield_label { font-size:16px; font-family: var(--TxtPrim); color:#fff; font-weight:400 !important; padding:0 0 3px 0; margin:10px 0 0 0;}
	.quiz-form-col .gform_wrapper input[type=text], .quiz-form-col .gform_wrapper textarea, .quiz-form-col .gform_wrapper input[type=submit] { border-radius: 5px; background-color:#fff; padding:10px 20px; resize:none; border:1px solid #333; width:100%; margin:0 0 0 0; font-size:16px; font-family: var(--TxtPrim);}
	.quiz-form-col .gform_wrapper input[type=submit] { background-color:var(--Pur); color:#fff; font-weight:400; width:100%; max-width:400px; font-size:18px; font-family: var(--TxtPrim); cursor:pointer; margin:0;-webkit-appearance: none; border:0; border-radius:4px; display:block; margin-left:0; margin-right:0; padding:10px 20px;}
	.quiz-form-col .gform_wrapper input[type=submit]:hover { background-color:var(--PalePur); }
    .quiz-form-col .gform_confirmation_wrapper { font-size:16px; font-family: var(--TxtPrim);}

    



.quiz-form-col label { line-height:1.2 !impotant;}
/*.quiz-form-col .ginput_container_radio { width:130px !important; padding:0 !important;}
.quiz-form-col .gform_page_fields ul,
.quiz-form-col .gform_page_fields ul li { margin:0 !important; padding:0 !important; }
.quiz-form-col .ginput_container_radio li { display: inline-block !important; width:60px !important;  }
.quiz-form-col .ginput_container_radio li label { margin-left:7px !important; margin-right:5px !important; }
.gform_page_footer { border:0;}*/

.gform_page_footer input[type=button],
.assess-form input[type=submit],
.wkshp-form input[type=submit],
.contact-form input[type=submit] { color:#fff !important; background:var(--Pur); padding:10px 20px; -webkit-appearance: none;  -moz-appearance: none; border-radius:4px; border:0;}
.assess-form input[type=submit],
.contact-form input[type=submit] { margin-left:15px !important;}
.gform_page_footer input[type=button]:hover,
.assess-form input[type=submit]:hover,
.wkshp-form input[type=submit]:hover,
.contact-form input[type=submit]:hover { background:var(--PalePur);}
.gform_page_footer input[type=button]:nth-of-type(2),
.gform_page_footer input[type=submit]#gform_submit_button_11 { float:right !important;}

.gf_progressbar_title,
.gf_progressbar_percentage span { display:none !important;}

.quiz-form-col,
.quiz-form-col label,
.quiz-form-col .gfield_html h2, 
.quiz-form-col .gfield_html h3,
.quiz-form-col p,
.careers-form label { color: #fff !important;}
/*.quiz-form-col .gfield_html h3 { font-weight:500; margin-top:30px; border-bottom:1px solid white; padding-bottom:7px;}*/



.gform_wrapper label a { font-size:16px;}
[type="checkbox"] {vertical-align:12px !important; margin-right:10px;}

/*.quiz-form-col .gform_page_footer { border:0 !important;}*/

@media only screen and (min-width : 640px) {
	/*.quiz-form-col label { width:calc(100% - 140px) !important; line-height:1.2 !impotant;}
	.quiz-form-col .ginput_container_radio { width:130px !important; margin-left:calc(100% - 140px) !important; padding:0 !important;}
	.quiz-form-col .ginput_container_select {position:relative; padding:0 !important;}
	.quiz-form-col .ginput_container_select { background: #fff url(assets/img/base/select.svg) no-repeat 99% 0;  height: 39px; border-radius: 5px; overflow: hidden; width: 140px;}
    .quiz-form-col .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 39px; padding:10px 20px !important;  width: calc(100% + 30px);-webkit-appearance: none;  -moz-appearance: none;}
	.quiz-form-col .gform_page_fields ul,
	.quiz-form-col .gform_page_fields ul li { margin:0 !important; padding:0 !important;}
	
	.quiz-form-col .ginput_container_radio li { display: inline-block !important; width:60px !important; }
	.quiz-form-col .ginput_container_radio li label { margin-left:7px !important; margin-right:5px !important;}*/
	
	
	
	ul#gform_fields_11 li { width:100% !important; display:block; }
	ul#gform_fields_11 li label { width:100% !important;}
	ul#gform_fields_11 li .ginput_container_select { margin-left:0%;}
	ul#gform_fields_11 select#input_11_3,
	ul#gform_fields_11 select#input_11_3 option { width:100% !important;}
	
	ul#gform_fields_11_12 li label { width:30% !important;}
	ul#gform_fields_11_12 li ul#input_11_321,
	ul#gform_fields_11_12 li ul#input_11_322 { margin-left:-45% !important; width:100% !important; display:block;}
	ul#gform_fields_11_12 li, 
	ul#gform_fields_11_12 li.gchoice_11_321_1 label,
	ul#gform_fields_11_12 li.gchoice_11_322_1 label { width:100% !important;}
	
	/*.quiz-form-col .gform_page_footer.left_label input {margin-left:-40% !important;}*/
}

#gform_wrapper_11,
#gf_progressbar_wrapper_11,
.gform_body,
.gform_page { width:100% !important; min-width:100% !important; position:relative;}
#gf_progressbar_wrapper_11:before { content:'Your Progress...'; color:#fff; font-size:15px; position:absolute; top:-25px; left:20px; }

/*
	.gf_progressbar_wrapper,
	.gf_progressbar
*/

	input[type=text]::-webkit-input-placeholder { color: #a3a3a3 !important; opacity:1;}
	input[type=text]::-moz-placeholder { color: #a3a3a3 !important; opacity:1;}
	input[type=text]:-ms-input-placeholder { color: #a3a3a3 !important; opacity:1;}
	input[type=text]:-moz-placeholder { color: #a3a3a3 !important; opacity:1;}
	textarea::-webkit-input-placeholder { color: #a3a3a3 !important;}
	textarea::-moz-placeholder { color: #a3a3a3 !important; opacity:1}
	textarea:-ms-input-placeholder { color: #a3a3a3 !important; opacity:1;}
	textarea:-moz-placeholder { color: #a3a3a3 !important; opacity:1;}
	select::-webkit-input-placeholder { color: #a3a3a3 !important; opacity:1;}
	select::-moz-placeholder { color: #a3a3a3 !important; opacity:1;}
	select:-ms-input-placeholder { color: #a3a3a3 !important; opacity:1;}
	select:-moz-placeholder { color: #a3a3a3 !important; opacity:1;}
	select { color: #a3a3a3 !important; opacity:1;}
	select { color: #a3a3a3 !important; opacity:1;}
	select { color: #a3a3a3 !important; opacity:1;}
	select { color: #a3a3a3 !important; opacity:1;}


#myBtn {
  display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0,0,0,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#myBtn:hover {
    background-color: rgba(0,0,0,0.6); }
				

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 700px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 700px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 993px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 767px) and (max-width : 992px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	}
	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
/* QUIZ TABS */


.quiz-form .tab-content {min-width: 100% !important; height: auto; min-height:800px; position: relative; padding-bottom:60px;}
.quiz-form h2 { color: #fff; font-weight: 300; width: 100%;}
.quiz-form p { color: #fff; }
.quiz-form .dropdown button { border: 0; border-radius: var(--radius); color: #333; width: 100%; text-align: left; padding: 10px 20px; background: #fff url(assets/img/base/select.svg) 99% center; background-repeat: no-repeat; font-size:16px;}
.quiz-form .dropdown button:after { display: none;}
.quiz-form .dropdown-menu { width: 100%; border: 0; border-radius: var(--radius); color: #333; font-size:16px;}
.quiz-form .dropdown-menu a { color: #333; text-decoration: none; font-weight: 400; padding: 7px 20px; font-size:16px;}

.quiz-form .tab-cont ul.age-select { list-style: none; position: relative; margin: 0; padding: 0; margin-top: 5%;}
.quiz-form .tab-cont ul.age-select li { display: inline-block; margin: 10px 5px; width: 100%; padding: 0;}
.quiz-form .tab-cont ul.age-select li a { background: #fff; border-radius: var(--radius); padding: 15px 20px; display: block; text-decoration: none; color: #333; text-align: center; line-height: 1;}
.quiz-form .tab-cont ul.age-select li a:hover {background: var(--PalePur); color: #fff;}

.quiz-form .tab-footnav { position: absolute; bottom: 0; left:0; width:100%; padding: 20px 0 0;}
.quiz-form .tab-footnav a { background: var(--Pur); border-radius: var(--radius); padding: 10px 20px; color: #fff; text-decoration: none;}
.quiz-form .tab-footnav a:hover { background: var(--PalePur);}

.quiz-form .gform_page_footer { }
.quiz-form .gform_page_footer input { width: 100% !important; display: block !important; margin-bottom: 7px !important;}
span.gfield_required { display:none !important; width:0 !important; height:0 !important;}

@media only screen and (min-width : 641px) {
	.quiz-contact .gform_page_fields,
	.quiz-contact .gform_page_fields ul { width:100% !important;}
	.quiz-contact .gform_page_fields ul li { width:100% !important;}
	.quiz-contact .gform_page_fields ul li label { }
	.quiz-contact .gform_page_fields ul li .ginput_container { }
	.quiz-contact .gform_page_fields ul li label,
	.quiz-contact .gform_page_fields ul li .ginput_container { width:45% !important;}
	.quiz-contact .gform_page_fields ul li .ginput_container { margin-left:55% !important; min-width:200px !important;}
	.quiz-contact .gform_page_fields ul li .ginput_container input { width:100% !important;}
	
	.quiz-contact .gform_page_fields ul li.gfield.quiz-terms ul,
	.quiz-contact .gform_page_fields ul li.gfield.quiz-terms ul li {position:relative !important; margin-left:0 !important; left:0 !important; width:100% !important; display:block !important; float:none !important;}
	.quiz-contact .gform_page_fields ul li.gfield.quiz-terms ul li label { display:inline-block !important; width:auto !important; height:auto !important; position:relative; padding-left:25px !important;}

	
	li.gfield.quiz-terms .gfield_checkbox li {
  position: relative;
  padding-left: 45px;
}
li.gfield.quiz-terms .gfield_checkbox li label:after {
  content: "";
  background: #fff;
  width: 17px;
  height: 17px; border:1px solid #000;
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 3px;
  z-index: 0;
}
li.gfield.quiz-terms .gfield_checkbox li label:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 15px;
  border: solid #333;
  border-width: 0 3px 3px 0;
  left: 9px;
  top: 4px;
  transform: rotate(45deg);
  opacity: 0;
  z-index: 1;
  transition: all 100ms;
}

li.gfield.quiz-terms input[type=checkbox] {
  opacity: 0;
  outline: none;
  z-index: 100;
  width: 27px;
  height: 27px;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
li.gfield.quiz-terms input[type=checkbox] + label {
  cursor: pointer;
}
li.gfield.quiz-terms input[type=checkbox]:checked + label:before {
  opacity: 1;
  top: 3px;
}

}

.foot_loc_item {margin-bottom:40px;}

@media only screen and (min-width : 700px) {
    .quiz-form .tab-cont h2 { font-size: 24px;}
    .quiz-form .tab-cont ul.age-select li { width: 45%;}
	
	.quiz-form .gform_page_footer input { width: 40% !important; display: inline-block !important; margin-bottom: 0 !important;}
    .quiz-form .gform_page_footer input:nth-child(2),
	.quiz-form .gform_page_footer input[type=button].gform_next_button { float: right !important;}
}

@media only screen and (min-width : 998px) {
    .quiz-form .tab-cont h2 { font-size: 30px; margin-bottom: 20px;}
    .quiz-form .tab-cont ul.age-select li { width: 31%;}
    .quiz-form .tab-cont ul.age-select li a { padding: 20px 25px;}
	
	.quiz-form .gform_page_footer input { width: auto !important; min-width: 150px !important;}
	.foot_loc_item {margin-bottom:0px;}
}

@media only screen and (min-width : 1200px) {
    .quiz-form .tab-cont h2 { font-size: 40px; margin-bottom: 20px;}
}