/*
Theme Name: Voice VW
Description: WordPress theme designed by Jump Media Group
Author: Jump Media Group
Author URI: http://www.wejumphigher.co.uk
Version: 1.0
*/

/*
================================================================================

  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;
}
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;
}

/*
================================================================================

  Base

================================================================================
*/

/* Typography */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: "museo-sans-rounded", sans-serif; font-size: 16px; line-height: 1em; font-weight: 300; color: #444; }
h1, h2, h3, h4 { font-family: "fatfrank", sans-serif; font-weight: normal; line-height: 1em; -webkit-font-smoothing: antialiased; }
h1, h2.section-heading { font-size: 45px; color: #5e2286; line-height: 1.1em; margin-bottom: 30px; }
h1 em { font-style: normal; color: #f01478; }
h2 { font-size: 35px; }
h3 { font-size: 25px; }
h4 { font-size: 1em; }
p { line-height: 1.5em; margin-bottom: 1.5em; }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
blockquote {  }
blockquote p {  }
small { font-size: 0.8em; }

/* Lists */
ul { list-style-type: disc; margin: 0 0 1.5em 2em; }
ol { list-style-type: decimal; margin: 0 0 1.5em 2em; }
ul li, ol li { margin-bottom: 0.75em; line-height: 1.5em; }
ul.no-list, ol.no-list, nav ul, ul.gform_fields { list-style-type: none; margin: 0px; padding: 0px; }
ul.no-list li, ol.no-list li, nav ul li, ul.gform_fields li { margin: 0px; padding: 0px; }

/* Navigation */
a { outline: none; text-decoration: none; transition: 0.3s; color: #00b3f0; }
a:hover { color: #f01478; }

/* Forms */
input[type=text], input[type=email], input[type=password], input.text, input.search, textarea { font-family: inherit; font-size: inherit; -webkit-appearance: none; outline: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
label { cursor: pointer; }

/* Buttons */
input[type=submit], input.submit, button, input.button, a.button, .button { cursor: pointer; font-family: inherit; font-size: 16px; line-height: 50px; -webkit-appearance: none; border-radius: 0; height: 50px; width: 150px; outline: none; border: none; text-align: center; font-weight: bold; display: inline-block; color: #fff; background: #5e2286; padding: 0; -webkit-font-smoothing: antialiased; text-align: center; transition: 0.3s; }
input[type=submit]:hover, input.submit:hover, button:hover, input.button:hover, a.button:hover, .button:hover { background: #00b3f0; }

input[type=submit].button-alt, input.button-alt, button.button-alt, input.button-alt, a.button-alt, .button-alt { background: #00b3f0; }
input[type=submit].button-alt:hover, input.button-alt:hover, button.button-alt:hover, input.button-alt:hover, a.button-alt:hover, .button-alt:hover { background: #444 }

/* Text Selection */
::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

/* Misc */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Enable Box Sizing */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/*
================================================================================

  Page

================================================================================
*/

body { background: #fff; }
.wrapper { width: 1175px; margin: 0 auto; }

.col-main { width: 775px; float: left; }
.col-sidebar { width: 375px; float: right; }

.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.floatwrap { content: ""; display: table; clear: both; }
.clearfloats { clear: both; }

.alignright { margin: 0 0 25px 25px; }
.alignleft { margin: 0 25px 25px 0; }

.mobile-only { display: none; }

/*
================================================================================

  Header

================================================================================
*/
#google_translate_element { position: absolute; top: 11px; left: 11px; }
.danger-banner { color: #fff; padding: 10px 0; }
.danger-banner p { text-align: center; margin: 0; }
.page-header { position: relative; }
.page-header .danger-banner { background: #E81F75; }
.page-header .danger-banner .close { text-decoration:underline; display: block; }
.page-header .danger-banner .close:hover { opacity:0.8; cursor: pointer !important; }
.page-header .header-contents { display: flex; justify-content: space-between; align-items: center }
.page-header .header-contents .logo { max-width: 170px!important; margin-right: 15px; }
.page-header .header-contents .logo a:hover { opacity: 0.5; }
.page-header .header-contents .logo img { width: 100%; }
.page-header .header-contents .header-contact-details { display: flex; align-items: center; justify-content: flex-end; }
.page-header .header-contents .header-contact-details a { color: #5E2286; font-size: 22px; margin-right: 20px; }
.page-header .header-contents .header-contact-details a:hover { color: #00b3f0; }
.page-header .header-contents .header-contact-details a:last-of-type { margin-right: 0; }
.page-header .header-contents .header-contact-details .desktop { display: none; }
.page-header .header-contents .header-details .header-top-links { display: none; margin-bottom: 20px }
.page-header .header-contents .header-details .header-top-links .header-top-nav { display: none; }
.page-header .header-contents .header-details .header-top-links .header-top-nav ul { margin-right: 10px; }
.page-header .header-contents .header-details .header-top-links .header-top-nav ul li { display: inline-block; border-right:1px solid #444444; padding: 0 10px 0 7px; }
.page-header .header-contents .header-details .header-top-links .header-top-nav ul li a { color: #444444; }
.page-header .header-contents .header-details .header-top-links .header-top-nav ul li a:hover { text-decoration:underline; }
.page-header .header-contents .header-details .header-top-links .btn-myvoice { color: #422A7D; font-weight: 600; }
.page-header .header-contents .header-details .header-top-links .btn-myvoice:hover { text-decoration:underline; }

#header-navigation { background: #5E2286; color: #fff; }
#header-navigation .navigation-container { display:flex; justify-content: space-between;}
#header-navigation .navigation-toggle { color: #fff; font-size: 24px; }
#header-navigation .navigation-toggle { color: #fff; font-size: 24px; }
#header-navigation .navigation-toggle i { margin-left:4px; }
#header-navigation .navigation-toggle.active i { transform: rotate(-180deg); }
#header-navigation .social a { color: #fff; font-size: 30px; margin-right: 15px; }
#header-navigation .social a:last-of-type { margin-right: 0; }
#header-navigation .social a:hover { color: #E81F75; }

#header-navigation .navigation { display: none; }
#header-navigation .navigation .mobile-navigation { display: block; }
#header-navigation .navigation .desktop-navigation { display: none; }
#header-navigation .navigation ul li { border-top:1px solid #fff !important; position: relative; }
#header-navigation .navigation ul li a { display:block; color: #fff; font-size: 18px; padding:20px; width: 100%; font-weight:600; }
#header-navigation .navigation ul li.current_page_item a { color: #E81F75; }
#header-navigation .navigation ul li.menu-item-has-children:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; position: absolute; top:20px; right: 20px; }
#header-navigation .navigation ul li.menu-item-has-children:after:hover { cursor: pointer !important; }
#header-navigation .navigation ul li.menu-item-has-children.active:after { transform: rotate(-180deg); }
#header-navigation .navigation ul li ul.sub-menu { display: none; }
#header-navigation .navigation ul li ul.sub-menu li { background: #420c66; }
#header-navigation .navigation ul li ul.sub-menu li a { padding-left: 40px; }

@media only screen and (min-width: 430px) {
	.page-header .header-contents .header-details .header-top-links { display: block; }
}

@media only screen and (min-width: 500px) {
	.page-header .header-contents .logo { max-width: 285px; }
}

@media only screen and (min-width: 768px) {
	.page-header .wrapper { padding: 20px 0;}
	.page-header .danger-banner .close { display: inline-block; }
	#header-navigation .navigation ul li a { max-width: 720px; margin: 0 auto; padding: 20px 0; }
	#header-navigation .navigation ul li:after { right: calc((100% - 720px)/2);}
}

@media only screen and (min-width: 1024px) {
	/*HEADER*/
	.page-header .wrapper { padding: 30px 0;}
	.page-header .header-contents .header-details .header-top-links { display: flex; justify-content:space-between; }
	.page-header .header-contents .header-details .header-top-links .header-top-nav { display: block; }
	.page-header .header-contents .header-details .header-top-links .btn-myvoice { padding-top:4px; }
	.page-header .header-contents .header-contact-details a { font-size: 30px; margin-right:30px; }
	.page-header .header-contents .header-contact-details .mobile { display: none; }
	.page-header .header-contents .header-contact-details .desktop { display: inline-block; }
	#header-navigation .navigation-toggle { display: none; }
	/*NAV*/
	#header-navigation { position: relative }
	#header-navigation .nav-wrapper { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 960px; margin: 0 auto; }
	#header-navigation .wrapper { padding: 20px 0; width: 95px; }
	#header-navigation .navigation { display: block; width:100%; height:70px;  }
	#header-navigation .navigation .mobile-navigation { display: none; }
	#header-navigation .navigation .desktop-navigation { display: block; }
	#header-navigation .navigation ul li { border:none !important; display: inline-block; padding: 3px 10px; position: unset; }
	#header-navigation .navigation ul li a { position: relative; }
	#header-navigation .navigation ul li a:after { content: ''; display: none; width: 10px; height: 10px; transform: rotate(-45deg); background: #592C82; position: absolute; left: 50%; right: 50%; top: 62px; z-index: 1000; }
	#header-navigation .navigation ul li a { font-size: 24px; }
	#header-navigation .navigation ul li a:hover { color: #E81F75; }
	#header-navigation .navigation ul li:after { display: none; }
	#header-navigation .navigation ul li a { font-size: 24px; max-width: unset; }
	#header-navigation .navigation ul li ul.sub-menu a { font-size: 18px; color: #422A7D;  }

	#header-navigation .navigation ul li ul.sub-menu { width: 960px; margin: 0 auto; }
	#header-navigation .navigation ul li ul.sub-menu li { width: auto; background: none; padding: 0; }
	#header-navigation .navigation ul li ul.sub-menu li a { padding: 15px 10px !important; }
	#header-navigation .navigation ul li ul.sub-menu li a:after { display: none !important; }
	#header-navigation .navigation ul li ul.sub-menu li a:hover { color: #E81F75; }

	#header-navigation .navigation ul li:hover .sub-menu-wrap { display: block; min-height:64px; background: #EEE9F2; padding: 5px 0; position:absolute; width: 100%; right: 0; left: 0; z-index:999; top:70px;}
	#header-navigation .navigation ul li:hover ul.sub-menu { display: block !important; }
	#header-navigation .navigation ul li.menu-item-has-children:hover a:after { display: block; }

}

@media only screen and (min-width: 1220px) {
	#header-navigation .nav-wrapper { width: 1175px; }
	#header-navigation .navigation ul li ul.sub-menu { width: 1175px; }
}

/*
================================================================================

  Breadcrumbs

================================================================================
*/
.voice-breadcrumbs { background: #fff; }
.voice-breadcrumbs #breadcrumbs { margin-bottom: 0px; font-size: 16px; padding: 15px 20px; color: #462674; line-height: 1em; font-weight: bold; -webkit-font-smoothing: antialiased; }
.voice-breadcrumbs #breadcrumbs a { color: #462674; }
.voice-breadcrumbs #breadcrumbs a:hover { color: #00b3f0; }
.voice-breadcrumbs #breadcrumbs .sep { color: #462674; margin: 0 7px; }
.voice-breadcrumbs #breadcrumbs .sep:before { content:'\02192'; display:inline-block; }

@media only screen and (min-width: 1024px) {
	.voice-breadcrumbs #breadcrumbs { padding: 24px 20px; }
	.voice-breadcrumbs #breadcrumbs .wrapper > span:first-of-type { margin-left: 10px; }
}


/*
================================================================================

  Main

================================================================================
*/

.page-main { padding: 50px 0; }
.page-main .wrapper { min-height: 600px; }

.carousel { height: 700px; background: #eee; position: relative; overflow: hidden; }

.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; height: auto; display: block; }

.bx-prev, .bx-next { position: absolute; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; text-indent: -999em; z-index: 998; }
.bx-prev { left: 50%; margin-left: -662px; background: #5e2286 url(images/arrow-left.png) center center no-repeat; }
.bx-next { right: 50%; margin-right: -662px; background: #5e2286 url(images/arrow-right.png) center center no-repeat; }
.bx-prev:hover, .bx-next:hover { background-color: #00b3f0 !important; }

.bx-pager { position: absolute; bottom: 22px; left: 0; right: 0; width: 100%; z-index: 998; text-align: center; }
.bx-pager-item { display: inline-block; margin: 0 5px; }
.bx-pager-link { display: block; width: 14px; height: 14px; border-radius: 7px; background: #fa7300; border: solid 2px #fff; overflow: hidden; text-indent: -999em; }
.bx-pager-link.active { background: #00b3f0; }

ul.bxslider li { height: 700px; background-size: cover !important; }
.slide-content { text-align: left; padding-top: 75px; }
.slide-content h2 { font-size: 50px; line-height: 50px; }
.slide-content h2 strong { background: #00b3f0; color: #fff; display: inline-block; padding: 15px 25px; margin-bottom: 10px; -webkit-font-smoothing: antialiased; clear: left; float: left; }
.slide-content p.readmore { padding-top: 15px; clear: both; }

p.readmore { margin: 0; }

.homepage-intro-block { background: #5e2286 url(images/faded-group.png) center bottom no-repeat; color: #fff; }
.homepage-intro-block .wrapper { position: relative; padding-bottom: 50px; }
.homepage-intro { width: 675px; padding-top: 50px; }

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

.intro-trio { width: 100%; margin-top: -200px; position: relative; z-index: 999; }
.intro-trio-block { width: 375px; height: 400px; background: #fff; padding: 25px; float: left; margin-left: 25px; color: #444; }
.intro-trio-help { margin-left: 0; }
.intro-trio-block h2.bubble { color: #fff; text-transform: lowercase; width: 108px; height: 128px; background: url(images/bubble-small-blue.png) 0 0 no-repeat; text-align: center; margin: -50px 0 0 0; padding: 35px 0 0 0; font-size: 40px; line-height: 1em; }

.homepage-bubble { width: 486px; height: 575px; background: url(images/bubble-orange.png) 0 0 no-repeat; text-align: center; color: #fff; margin: -25px 0; position: relative; z-index: 999; padding-top: 60px; -webkit-font-smoothing: antialiased; }
.homepage-bubble h3 { font-size: 35px; margin-bottom: 25px; }
.homepage-bubble p { font-size: 20px; line-height: 1.25em; font-weight: bold; }

.dummy-block { height: 400px; background: #444; }

.homepage-talk-about { background: #00b3f0; }
.homepage-talk-about .wrapper { padding: 25px 0; }
.homepage-talk-about h2 { color: #5e2286; font-size: 40px; margin-bottom: 15px; }
.homepage-talk-about h2 em { font-style: normal; color: #fff; background: url(images/bubble-small-purple.png) 0 0 no-repeat; display: inline-block; height: 128px; width: 108px; padding-top: 35px; text-align: center; }
.homepage-talk-about h2 span { display: inline-block; }

ul.clickthrough-list { overflow: hidden; margin-bottom: 25px; }
ul.clickthrough-list li { float: left; margin: 0 0 25px 25px; }
ul.clickthrough-list li:nth-child(3n+1) { margin-left: 0; }
ul.clickthrough-list a { color: #5e2286; width: 375px; height: 275px; display: block; background: #ccc; }
ul.clickthrough-list span { display: block; }
.clickthrough-thumb { height: 200px; background: #aaa; }
.clickthrough-title { height: 75px; background: #fff url(images/arrow-clickthrough-purple.png) 333px center no-repeat; font-size: 20px; line-height: 75px; padding-left: 25px; font-weight: bold; transition: 0.3s; -webkit-font-smoothing: antialiased; }
ul.clickthrough-list a:hover .clickthrough-title { background: #5e2286 url(images/arrow-clickthrough.png) 333px center no-repeat; color: #fff; }

.contact-block { background: #fabe1e url(images/bg-contact-block.png) center bottom no-repeat; }
.contact-block .wrapper { position: relative; padding: 50px 0; }
.contact-block h2 { color: #f0460f; font-size: 45px; margin-bottom: 25px; padding-top: 18px; }
.contact-block h3 { color: #fff; font-size: 35px; }
.facebook-feed { width: 375px; height: 500px; border-radius: 10px; background: #fff; }
.contact-main { width: 750px; position: relative; }
.contact-main p { font-size: 20px; }
.contact-main a { color: #f0460f; font-weight: bold; }
.contact-main a:hover { color: #444; }
.contact-main ul { padding: 50px; border-radius: 10px; list-style-type: none; margin: 0; padding: 50px; background: #00b3f0; color: #fff; }
.contact-main ul li { margin: 0; padding: 0; font-size: 40px; line-height: 1.5em; }
.contact-main ul a { color: #fff; font-weight: normal; }
.contact-main ul a:hover { color: #444; }
.contact-main ul strong { display: inline-block; width: 125px; font-weight: normal; font-family: "fatfrank", sans-serif; -webkit-font-smoothing: antialiased; }

.bubble-contact { width: 375px; height: 443px; position: absolute; top: 50px; right: 0; background: url(images/bubble-contact.png) 0 0 no-repeat; }

.widget { background: #5e2286; padding: 25px !important; margin-bottom: 25px !important; border-radius: 0; }
.widget h3 { margin-bottom: 0.5em; color: #f01478; }
.widget ul { list-style-type: none; margin: 0; padding: 0; }
.widget ul li { background: url(images/bullet-blue.png) 0 6px no-repeat; background-size: auto 12px !important; padding-left: 15px; }
.widget ul li:last-child { margin-bottom: 0; }
.widget ul li.current_page_item { background-image: url(images/bullet-pink.png); }
.widget a { color: #fff; }
.widget a:hover { color: #f01478; }

.widget ul ul.children { display: none; }
.widget ul li.current_page_item ul.children { display: block; }
.widget ul ul li { background-image: url(images/bullet-grey.png); }

p.trio-heading { color: #00b3f0; font-size: 20px; line-height: 1.25em; font-weight: bold; text-align: right; }
.intro-trio-help p.trio-heading { width: 125px; }
.intro-trio-ask p.trio-heading { width: 150px; }
.intro-trio-talk p.trio-heading { width: 200px; }

ul.help-panel-links { clear: both; overflow: hidden; padding-top: 20px; }
ul.help-panel-links li { float: left; margin: 0 25px 25px 0; }
ul.help-panel-links li:nth-child(even) { margin-right: 0; }

.intro-trio-help p.readmore { text-align: center; }
.intro-trio-help p.readmore a { font-weight: bold; color: #5e2286; }
.intro-trio-help p.readmore a span { color: #00b3f0; font-weight: bold; }

p.trio-ask-intro { clear: both; font-weight: bold; padding-top: 30px; margin-bottom: 15px; }
p.submit-label { font-weight: bold; padding-top: 12px; margin: 0; }

.ask-form input.text-input { display: block; background: #dfe8eb; height: 75px; font-size: 20px; font-weight: bold; line-height: 75px; color: #5e2286; border: none; padding: 25px; width: 100%; -webkit-font-smoothing: antialiased; margin-bottom: 25px; border-radius: 0; -webkit-appearance: none; }

p.trio-talk-intro { clear: both; font-weight: bold; padding-top: 30px; margin-bottom: 15px; width: 80%; }
.trio-talk-content { text-align: center; }
.trio-talk-content p { color: #5e2286; font-size: 18px; font-weight: bold; margin-bottom: 15px; line-height: 1.2em; }
.trio-talk-content a { font-size: 25px; line-height: 1.1em; color: #00b3f0; }
.trio-talk-content a:hover { opacity: 0.5; }

.homepage-intro-main { width: 100%; padding: 60px 50px; }
.homepage-intro-left { width: 700px; }
.homepage-intro-left h1 { font-size: 55px; line-height: 1.2em; color: #fff; }
.homepage-intro-left h1 strong { color: #f01478; }
.homepage-intro-left p { float: left; margin: 0 25px 0 0; }
.homepage-intro-left a { display: block; width: 300px; height: 75px; font-size: 22px; line-height: 75px; background: #00b3f0; color: #fff; text-align: center; font-weight: bold; -webkit-font-smoothing: antialiased; }
.homepage-intro-left a:hover { background: #f01478; }

.voice-bubble { width: 277px; height: 329px; background: url(images/voice-bubble.png) 0 0 no-repeat; margin-top: -25px; }

.remember { overflow: hidden; margin-bottom: 25px; }
.remember-title { float: left; color: #f01478; font-family: 'FatFrank', sans-serif; font-size: 55px; line-height: 1em; margin-right: 25px; padding-top: 3px; }
.remember p { margin: 0; float: left; font-size: 25px; line-height: 1.25em; font-weight: bold; width: 500px; -webkit-font-smoothing: antialiased; }

.clickthrough-more { font-size: 30px; line-height: 1em; color: #5e2286; font-weight: bold; margin-top: 45px; }
.clickthrough-more span { color: #fff; }

.homepage-bottom { width: 100%; margin-bottom: 25px; }

.banner-leave { width: 775px; height: 125px; background: #5e2286; }
.banner-leave h2 { padding: 16px 0 0 25px; font-family: 'FatFrank', sans-serif; font-size: 38px; line-height: 1em; color: #f01478; margin: 0 0 5px 0;  }
.banner-leave p { padding: 0 25px 0 25px; color: #fff; margin: 0; font-weight: bold; }

.banner-staysafe { width: 375px; height: 125px; background: #fff; padding: 16px 25px; }
.banner-staysafe h2 { margin-bottom: 5px; }
.banner-staysafe p { margin: 0; font-weight: bold; color: #5e2286; }
.banner-staysafe a { color: #00b3f0; }
.banner-staysafe a span { color: #5e2286; }
.banner-staysafe a:hover { color: #f01478; }

.page-main { background: #00b3f0; }
.page-main .content { background: #fff; padding: 50px; }

#searchform input { background: #fff; display: block; width: 100%; height: 50px; font-size: 20px; line-height: 50px; border-radius: 25px; border: none; outline: none; padding: 0 20px; }

.clickthroughs-block { padding-top: 25px; }
.clickthroughs-sidebar .widget { color: #fff; }

.col-main img { max-width: 100%; height: auto; }

.col-main h2, .col-main h3 { margin-bottom: 25px; line-height: 1.25em; }

.accordion-block h2 { color: #fff !important; font-family: "museo-sans-rounded", sans-serif; font-size: 20px; cursor: pointer; display: block; background: #5e2286 url(images/arrow-down.png) 95% center no-repeat; background-size: 20px auto; border-radius: 5px; padding: 10px 20px; transition: 0.3s; }
.accordion-block h2:hover { opacity: 0.5; }
.accordion-reveal { display: none; }

h1.subpage-heading { margin: 0; padding: 20px 0 10px 0; }

ul.team-members-list { overflow: hidden; margin: 0 -12px; }
ul.team-members-list li { float: left; margin: 0 12px 24px 12px; width: 342px; background: #fff; height: 300px; overflow: hidden; border: solid 1px #ddd; }
ul.team-members-list a { color: #444; display: block; }
ul.team-members-list a:hover { opacity: 0.5; }
ul.team-members-list span { display: block; text-align: center; }
.team-thumb { border-bottom: solid 1px #ddd; }
.team-thumb img { margin-left: -16px; }
.team-text { padding: 20px; }
.team-name { font-size: 25px; line-height: 1.2em; font-weight: bold; color: #5e2286; }
.team-title { font-size: 20px; line-height: 1.2em; font-weight: normal; color: #00b3f0; }

.profile-image { margin: 0 0 25px 25px; }

.post-list-item { border-bottom: solid 1px #ddd; margin-bottom: 25px; padding-bottom: 30px; }
.post-list-item p.readmore { margin: 0; }
.post-meta { color: #ccc; margin-bottom: 10px; }
.navigation { width: 100%; }
.relevanssi-query-term { background: #f01478; color: #fff; padding: 0 3px; }

.safety-hub-main .page-inner { width: 100%; }
.safety-hub-banner { background: #5c2e82; width: 100%; margin-bottom: 25px; padding: 25px; }
.safety-hub-banner h1, .safety-hub-banner p { margin: 0; }
.safety-hub-banner h1 { color: #fff; font-size: 65px; line-height: 1em; }
.safety-hub-banner p { color: #ef357c; width: 245px; font-size: 14px; line-height: 1.25em; }
.safety-hub-main .col-main h2 { font-size: 40px; color: #ef357c; }

.safety-hub-uni { display: none; }
.safety-hub-uni p { float: left; width: 130px; }
.safety-hub-uni img { width: auto; height: 65px; float: right; }

.safety-hub-clickthroughs { background: #00b5ec; overflow: hidden; }
.safety-hub-clickthroughs h2 { text-align: center; color: #fff; background: #5c2e82; height: 75px; line-height: 75px; margin-bottom: 25px; }

.textwidget { color: #fff; }
.textwidget p { line-height: 1.4em; }
.textwidget p:last-child { margin-bottom: 0; }

.student-contact-form { margin-bottom: 50px; }
.student-contact-form .gform_description { background: #f01478; padding: 25px; margin-bottom: 25px; text-align: center; font-weight: bold; color: #fff; }
#gform_fields_2 { overflow: hidden; }
#gform_fields_2 li { float: left; width: 375px; margin: 0 0 25px 25px !important; }
#gform_fields_2 li:first-child, #gform_fields_2 li:nth-child(4) { margin-left: 0 !important; }
.student-contact-form form { position: relative; }
.student-contact-form .gform_footer { position: absolute; bottom: 25px; right: 0; }
.student-contact-form .gform_footer .button { display: block; width: 375px; margin: 0 !important; }
.student-contact-form .gform_footer .button:hover { background: #f01478; }
.student-contact-form .gfield_label { display: none; }

/*
================================================================================

  User Back

================================================================================
*/
.userback-button-container { display: none !important; }


/*
================================================================================

  Gravity Forms

================================================================================
*/

.gform_wrapper { margin-bottom: 50px; }
ul.gform_fields li { background: none !important; margin: 0 0 20px 0 !important; padding: 0 !important; }
ul.gform_fields li input[type=text], ul.gform_fields li input[type=email], ul.gform_fields li textarea, ul.gform_fields li select { -webkit-appearance: none; display: block; border: none; outline: none; background: #eee; padding: 15px 20px; width: 100%; margin: 0; font-size: 1em; border-radius: 0; }
ul.gform_fields li textarea { height: 150px; }
ul.gform_fields li label { font-weight: bold; display: block; margin-bottom: 3px; color: #5e2286; }
ul.gform_fields li select { cursor: pointer; }
.gform_validation_container { display: none !important; }
ul.gfield_radio { list-style: none; margin: 1em 0 1em 1.5em; }
ul.gform_fields li label { display: initial; }
a.ui-datepicker-prev.ui-corner-all { margin-right: 0.5em; }
table.ui-datepicker-calendar tr th { padding: 0.25rem; }
table.ui-datepicker-calendar tr td { padding: 0.25rem; }
.ui-datepicker-month { margin-right: 0.25rem; }
#ui-datepicker-div { background-color: #e5e5e5; padding: 0.5em;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.gform_fields li select { background: #eee url(images/bg-select.png) right center no-repeat; }
}

ul.gform_fields li .ginput_container_checkbox label { display: inline; position: relative; top: 2px; margin-right: 5px; }

.validation_error, .validation_message { text-align: center; background: #5e2286; color: #fff; line-height: 1.25em; margin-bottom: 25px; padding: 15px 20px; }
.validation_message--hidden-on-empty { background: none; }

.gform_button { margin-right: 25px; }

.gform_description { line-height: 1.4em; margin-bottom: 1.5em; display: block; }

ul.gfield_checkbox { list-style-type: none; margin: 0 0 25px 0 !important; padding: 0; }
ul.gfield_checkbox li { margin: 0 20px 0 0 !important; padding: 0 !important; display: inline-block; }


/*
================================================================================

  Footer

================================================================================
*/
#footer { padding: 45px 0 130px 0; font-size: 14px; }
#footer .footer-contents { padding: 0 20px; text-align: center; }
#footer .footer-contents p a { color: inherit; }
#footer .footer-contents p a:hover {text-decoration: underline; }
#footer .footer-contents p span { display: block; }
#footer .footer-contents p.copyright { margin-bottom: 0px; }
#footer .footer-logo { display:block; max-width: 150px; margin-bottom: 30px; }
#footer .footer-logo img { width: 100%; }

@media only screen and (min-width: 768px) {
	#footer { padding: 45px 0 220px 0; }
	#footer .footer-logo { margin-right: 45px; margin-bottom: 0; }
	#footer .footer-contents { display: flex; justify-content: center; text-align: left; align-items: center; }
	#footer .footer-contents p span { display: inline-block; margin-right: 15px; }
}

@media only screen and (min-width: 1200px) {
	#footer { padding: 45px 0; }
}
/*END - FALLBACK FOOTER*/
.footer-bar-notice { background: #fff; text-align: center; padding-top: 50px; }
.footer-bar-notice .wrapper { height: 50px; border-radius: 25px; background: #fa7300; color: #fff; }
.footer-bar-notice p { margin: 0; font-size: 20px; line-height: 50px; }
.footer-bar-notice strong { color: #fabe1e; }

.footer-bar ul.sub-menu { display: none !important; }

.footer-white .wrapper { padding: 50px 0; }

.footer-inner { width: 100%; }

.footer-contact { overflow: hidden; margin-bottom: 30px; }
.footer-contact p { float: left; font-weight: bold; font-size: 18px; line-height: 1.25em; margin: 0; color: #5e2286; }
.footer-contact p:first-child { margin-right: 40px; }
.footer-contact a { color: #00b3f0; font-size: 25px; }
.footer-contact a:hover { color: #444; }

.footer-bottom { font-size: 14px; }
.footer-bottom ul li, .footer-bottom p { margin: 0; line-height: 1.75em; }

.footer-col { margin-left: 50px; }
.footer-col:first-child { margin-left: 0; }

.footer-menu ul { list-style-type: none; margin: 0; padding: 0; }
.footer-menu a { color: #444; }
.footer-menu a:hover { color: #00b3f0; }

.footer-copyright { padding-top: 0; }
.footer-copyright a { color: #444; }
.footer-copyright a:hover { color: #00b3f0; }

#leave-link, #btn-referral-prof, #btn-referral-self { position: fixed; background: #f01478; bottom: 50px; right: 50px; z-index: 999999; text-align: center; width: 125px; height: auto; padding: 15px; line-height: 1.25em; font-size: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); font-family: "fatfrank", sans-serif; font-weight: normal; transition: 0.3s; border-radius: 25px; }
#leave-link:hover, #btn-referral-prof:hover, #btn-referral-self:hover { background: #444; }
#leave-link span { text-transform: uppercase; font-size: 30px; line-height: 1.20em; display: block; }
#leave-link, #leave-link a, #btn-referral-prof, #btn-referral-self { color: #fff; }

#btn-referral-prof, #btn-referral-self { right: auto; left: 50px; -webkit-font-smoothing: antialiased; font-size: 16px; border-radius: 15px; width: 185px; white-space: nowrap; }
#btn-referral-prof { bottom: 50px; }
#btn-referral-self { bottom: 115px; }

html.has-cookie-bar .page-footer { padding-bottom: 75px; }
.cookie-bar-bar button#catapultCookie { width: auto; padding: 0; width: 50px; height: 50px; line-height: 50px; }

/*
================================================================================

  Media Queries

================================================================================
*/

@media only screen and (max-width: 1350px) {
	.bx-prev { margin-left: -587px; }
	.bx-next { margin-right: -587px; }
	.slide-content { padding-left: 75px; }
}

@media only screen and (max-width: 1220px) {
	.header-logo { width: 175px; }
	.header-top-menu { margin-bottom: 15px; }
	.header-top-menu ul li { margin-left: 8px; padding-left: 10px; }
	.wrapper { width: 960px; }
	.bx-prev { margin-left: -480px; }
	.bx-next { margin-right: -480px; }
	.homepage-intro { width: 450px; }
	.header-contact p { font-size: 35px; }
	ul.featured-help-buttons a.button { width: 200px; }
	ul.faces-list { width: 400px; }
	ul.faces-list li { margin-bottom: 25px; }
	.homepage-feelings-block .wrapper { padding-bottom: 25px; }
	.homepage-feelings-block .figure-teen-girl { left: 375px; }
	.homepage-feelings-block .figure-small-both { right: 0; }
	.feelings-panel { width: 475px; margin-top: 75px; }
	ul.clickthrough-list a { width: 303px; }
	.clickthrough-thumb { overflow: hidden; }
	.clickthrough-title { background-position: 261px center !important; font-size: 18px; padding: 20px 65px 20px 20px; line-height: 1em; display: table-cell !important; width: 303px; text-align: left; vertical-align: middle; }
	.contact-block h2 { padding-top: 0; }
	.bubble-contact { width: 300px; height: 354px; background-size: 100% auto; }
	.contact-main { width: 560px; padding-top: 90px; }
	.contact-main ul { padding: 30px; }
	.contact-main ul li { font-size: 30px; }
	.header-logo img, .footer-logo img { max-width: 100%; height: auto; }
	.footer-logo { width: 150px; }
	.footer-bar-notice { padding-top: 30px; }
	.page-footer .wrapper { padding: 30px 0; }
	.col-main { width: 585px; }
	.col-sidebar { width: 325px; }
	.cyp-page-bubble { margin-right: 25px; }
	.cyp-col-main { width: 632px; }
	body.page-id-26 .cyp-page-content h1 { padding-right: 0; }
	body.page-id-26 .cyp-page-content { background-position: 405px bottom; }
	.section-0to10 .cyp-police-notice { font-size: 25px; padding-top: 20px; }
	ul.cyp-clickthrough-links a { width: 303px; }
	.cyp-clickthrough-button { width: 200px; left: 45px; }
	.sidebar-banner { width: 303px; font-size: 30px; }
	.banner-happy { padding: 33px 100px 0 20px; background-position: 205px center; }
	.banner-chat { background-position: 195px center; padding: 53px 0 0 20px; }
	.cyp-page-mid .cyp-page-content { width: 632px; }
	.might-help-search h2 { font-size: 25px; padding-top: 0; }
	.might-help-search form { margin-top: -12px; }
	.cyp-sidebar { width: 303px; }
	body.page-id-26 .cyp-page-content p { padding-right: 200px; }
	.section-0to10 .whats-next { background-position: 450px bottom; padding-right: 175px; }
	.help-banner a { background-position: 660px bottom; font-size: 40px; padding: 43px 0 0 30px; }
	.intro-trio-block { width: 303px; }
	.carousel, ul.bxslider li { height: 600px; }
	.intro-trio-block h2.bubble { margin-left: -35px; }
	p.trio-heading { font-size: 18px; }
	.intro-trio-talk p.trio-heading { width: 175px; }
	ul.help-panel-links { margin: 20px -10px; }
	ul.help-panel-links li { margin: 0 10px 10px 0; }
	ul.help-panel-links li a { width: 130px; font-size: 14px; }
	.ask-form input.text-input { font-size: 18px; }
	.ask-form input.button { float: none; clear: both; }
	p.submit-label { padding-top: 0; margin-bottom: 10px; }
	p.trio-talk-intro { width: 100%; }
	.trio-talk-content a { font-size: 20px; }
	.homepage-intro-main { padding: 50px 0; }
	.homepage-intro-left { width: 650px; }
	.homepage-intro-left h1, .remember-title { font-size: 50px; }
	.remember { margin: 0; }
	.remember p { width: 360px; }
	.banner-leave { margin-bottom: 25px; height: auto; padding-bottom: 20px; }
	.banner-leave br { display: none; }
	.banner-leave, .banner-staysafe { float: none; width: 100%; }
	.banner-staysafe { height: auto; text-align: center; }
	.footer-bar .wrapper { padding: 0; }
	.main-nav ul li { font-size: 20px; }
	.main-nav a { padding: 26px 12px; }
	.banner-myvoice img { width: 351px; height: auto; }
	ul.team-members-list li { width: 270px; }
	.team-thumb img { margin-left: -50px; }
	.safety-hub-banner h1 { font-size: 55px; }
	#gform_fields_2 li, .student-contact-form .gform_footer .button { width: 303px; }
	.danger-banner { padding-right: 20px; }
	.danger-banner p { text-align: right; }
}

@media only screen and (max-width: 1023px) {
	.wrapper { width: 720px; }
	.header-logo { width: 175px; }
	.header-contact p { font-size: 30px; }
	.header-top-menu { margin-bottom: 25px; }
	.bx-prev, .bx-next { display: none !important; }
	.slide-content { padding-left: 0; }
	ul.bxslider li { background-size: 150% auto !important; background-position: center top !important; }
	.carousel, ul.bxslider li, .slide-content { height: 425px; }
	h1, h2.section-heading { font-size: 35px; }
	.homepage-intro { float: none; width: 100%; margin-bottom: 25px; }
	ul.featured-help-buttons { text-align: center; }
	ul.featured-help-buttons li { float: none; display: inline-block; margin: 0 12px 24px 12px; }
	.homepage-intro-block { background-position: -730px bottom; }
	.homepage-bubble { margin-right: 90px; }
	.feelings-main, .feelings-panel { float: none; width: 100%; }
	ul.faces-list { width: 100%; margin-bottom: 0; overflow: hidden; padding-top: 50px; }
	ul.faces-list li { margin-right: 20px; }
	ul.faces-list li:last-child { margin-right: 0; }
	.feelings-panel { clear: both; margin-top: 10px; width: 450px; padding-right: 35px; }
	.homepage-feelings-block h2.section-heading { margin-bottom: 0; }
	.homepage-feelings-block .figure-teen-girl { left: 415px; }
	.clickthrough-thumb { height: 180px; }
	.clickthrough-thumb img { max-width: 100%; height: auto; }
	ul.clickthrough-list li { margin: 0 25px 25px 0 !important; }
	ul.clickthrough-list li:nth-child(even) { margin-right: 0 !important; }
	ul.clickthrough-list a, .clickthrough-title { width: 345px; }
	ul.clickthrough-list a { height: 255px; }
	.clickthrough-title { background-position: 310px center !important; }
	.contact-block .wrapper { padding-top: 35px; }
	.bubble-contact { width: 170px; height: 200px; }
	.facebook-feed { width: 300px; height: 475px; }
	.contact-main { width: 395px; }
	.contact-main ul li { font-size: 22px; }
	.contact-main ul strong { width: 80px; }
	.footer-contact p { float: none; margin: 0 0 10px 0 !important; }
	.footer-col { margin-left: 25px; }
	.footer-copyright { float: none; clear: both; padding-top: 48px; margin-left: 0; }
	.footer-bar-notice p { font-size: 17px; }
	.col-main, .col-sidebar { float: none; width: 100%; }
	.col-main { margin-bottom: 50px; }
	.page-main { padding-bottom: 0; }

	.banner-myvoice { margin-bottom: 25px; }
	.banner-myvoice img { width: auto; max-width: 100%; height: auto; }

	/* .main-nav { display: none !important; } */
	.header-intro { display: none; }

	.header-top-menu { display: none !important; }
	.header-contact { overflow: hidden; margin-top: 45px; }
	.header-contact strong { display: none; }
	.header-contact p { float: left; margin-right: 15px; }
	.header-contact a { display: block; width: 60px; height: 60px; overflow: hidden; text-indent: -999em; text-align: left; padding: 0; }
	.header-search { float: none; }
	.header-search input { width: 100%; display: block; }

	.header-contact p:nth-child(1) a { background: #00b3f0 url(images/icon-phone.png) center center no-repeat; background-size: 25px auto; }
	.header-contact p:nth-child(2) a { background: #00b3f0 url(images/icon-email.png) center center no-repeat; background-size: 28px auto; }

	#btn-nav { background: #00b3f0 url(images/icon-menu.png) center center no-repeat; background-size: 25px auto; display: block; width: 60px; height: 60px; border: none; -webkit-appearance: none; outline: none; padding: 0; border-radius: 0; }
	html.mobile-nav-active #btn-nav { background-image: url(images/icon-close.png); }

	/* Mobile Menu */
	#page { background: #fff; position: relative; z-index: 1; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; }
	#mobile-nav { background: #444; -webkit-transition: visibility 0.001s ease 0.2s; transition: visibility 0.001s ease 0.2s; visibility: hidden; position: fixed; z-index: 0; right: 0; width: 300px; height: 100%; overflow: auto; display: block; }
	#mobile-nav ul { list-style-type: none; margin: 0; padding: 0; }
	#mobile-nav ul li { margin: 0; padding: 0; border-bottom: solid 1px rgba(255,255,255,0.15); font-size: 18px; }
	#mobile-nav a { color: #fff; display: block; padding: 15px 20px; font-weight: normal; }
	html.mobile-nav-active, body.mobile-nav-active { overflow: hidden !important; height: 100%; }
	body.mobile-nav-active #page { -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0); }
	body.mobile-nav-active #mobile-nav { visibility: visible; -webkit-transition: visibility 0.001s ease; transition: visibility 0.001s ease; }
	.header-mobile { position: relative; text-align: center; }

	.mobile-sidebar { display: block; }

	.clouds-bg { padding: 25px 0; }
	.cyp-page-main { position: relative; }
	.cyp-page-bubble { position: absolute; top: 0; right: 0; z-index: 2; margin: 0; background-size: 100% auto !important; width: 140px; height: 165px; }
	.cyp-col-main, .cyp-sidebar { float: none; width: 100%; }
	.cyp-page-content { padding: 25px; }
	body.page-child .cyp-page-content h1 { padding-right: 100px; }
	.whats-next { margin-bottom: -25px; }
	.cyp-sidebar { padding-top: 0; overflow: hidden; }
	.cyp-sidebar .banner-chat { float: left; }
	.cyp-sidebar .banner-happy { float: right; }
	body.page-id-26 .cyp-page-content h1 { padding-right: 135px; }
	body.page-id-26 .cyp-page-bubble { top: -10px; right: -10px; }
	body.page-id-26 .cyp-page-content { background-position: 510px bottom; background-size: 150px auto; }
	.section-0to10 .cyp-police-notice { font-size: 20px; padding-top: 23px; }
	ul.cyp-clickthrough-links a { width: 223px; }
	ul.cyp-clickthrough-links img { margin-left: -50px; }
	.cyp-clickthrough-button { font-size: 16px; width: 80%; bottom: 15px; left: 10%; padding-top: 17px; }
	.cyp-page-mid { margin-bottom: 25px; }
	.cyp-page-mid .cyp-page-content { width: 392px; height: auto; }
	.cyp-page-mid h2 { font-size: 35px; }
	.cyp-page-mid ul li { float: none; width: 100%; margin: 0 0 10px 0; }
	.might-help-search h2, .might-help-search form { float: none; }
	.might-help-search input { width: 100%; }
	.help-banner a { font-size: 35px; padding-top: 46px; background-position: 583px bottom; }
	.cyp-sidebar .sidebar-banner { width: 348px; background-position: 215px center; }
	.cyp-sidebar .banner-happy { padding-right: 150px; }

	.intro-trio { margin-top: -25px; }
	.intro-trio-block { width: 347px; }
	ul.help-panel-links { margin: 20px 0; }
	ul.help-panel-links li a { width: 143px; }
	.intro-trio-talk { margin: 50px 0 0 0; width: 100%; height: auto; }
	.trio-talk-intro, .trio-talk-content { text-align: center; }
	.intro-trio-talk p.trio-talk-intro { padding-top: 0; }
	.homepage-intro-main .voice-bubble { display: none; }
	.homepage-intro-main { margin-bottom: 0; }
	.homepage-intro-block { background-size: 150% auto; background-position: center bottom; }
	.remember { margin-bottom: 140px; }
	.page-main .content { padding: 20px; }

	.main-nav { display: none; }
	.header-bar .wrapper, .footer-bar .wrapper { height: 25px; }

	ul.team-members-list li { width: 328px; }
	.team-thumb img { margin-left: -25px; }

	.safety-hub-banner h1 { width: 400px; }
	.safety-hub-uni p { float: none; margin-bottom: 10px; }
	.safety-hub-uni img { float: none; }

	#gform_fields_2 li, .student-contact-form .gform_footer .button { width: 223px; }

	.danger-banner { padding-right: 20px; }
	.danger-banner p { text-align: right; }

}

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

	.wrapper { width: 100%; }
	.page-header .wrapper { padding: 20px; }
	.header-logo { margin: 0; }
	#btn-nav, .header-contact a { width: 44px; height: 44px; background-size: 20px auto !important; }
	.header-contact { margin-top: 30px; }
	.header-contact p { margin-right: 10px; }

	#mobile-nav { width: 200px; }
	#mobile-nav ul li { font-size: 16px; }
	#mobile-nav a { padding: 15px; }
	body.mobile-nav-active #page { -webkit-transform: translate3d(-200px,0,0); transform: translate3d(-200px,0,0); }

	.header-bar .wrapper { padding: 0 20px; }

	.slide-content h2 { font-size: 20px; line-height: 1em; }
	ul.bxslider li .wrapper { padding: 0 20px; }
	ul.bxslider li { background-size: auto 100% !important; }
	.slide-content h2 strong { padding: 12px 15px; margin-bottom: 5px; }
	.carousel, ul.bxslider li, .slide-content { height: 300px; }
	.slide-content p.readmore { padding-top: 10px; }

	input[type=submit], input.submit, button, input.button, a.button, .button { font-size: 16px; width: 175px; height: 40px; border-radius: 20px; line-height: 40px; }

	.homepage-intro { padding: 20px; }
	.homepage-bubble { width: 100%; height: auto; float: none; background: #fa7300; margin: 0; padding: 25px 0 15px 0; }

	ul.featured-help-buttons li { margin: 0 5px 12px 5px; }
	ul.featured-help-buttons a.button { width: 165px; }

	.homepage-intro-block { padding: 20px; }

	ul.age-links li { font-size: 35px; margin: 0 10px; }
	ul.age-links a { width: 100px; height: 100px; padding-top: 32px; background: #fff !important; }
	ul.age-links li.brand5 a { color: #fabe1e !important; }
	ul.age-links li.brand11 a { color: #00b3f0 !important; }
	ul.age-links li.brand15 a { color: #fa7300 !important; }

	.homepage-feelings-block .wrapper { padding: 25px 20px 115px 20px; }
	.feelings-panel { height: auto; width: 100%; padding: 20px; }
	.homepage-feelings-block .figure-small-both { right: 25%; }
	.homepage-feelings-block .figure-teen-girl { display: none; }

	ul.faces-list { text-align: center; }
	ul.faces-list li { float: none; display: inline-block; margin: 0 5px 30px 5px; }

	.homepage-talk-about .wrapper { padding: 25px 20px; }

	ul.clickthrough-list li { float: none; width: 100%; max-width: 375px; }
	ul.clickthrough-list li, ul.clickthrough-list li:nth-child(even) { margin: 0 auto 20px auto !important; }
	ul.clickthrough-list a { height: auto; }
	ul.clickthrough-list a, .clickthrough-title { width: 100%; }
	.clickthrough-title { display: block !important; padding: 18px 40px 18px 20px !important; line-height: 1.25em; height: auto; background-size: auto 20px !important; background-position: 95% center !important; }
	.clickthrough-thumb { height: auto; }

	.contact-block .wrapper { padding: 25px 20px; }
	.bubble-contact { display: none; }
	.facebook-feed, .contact-main { float: none; width: 100%; height: 300px; }
	.contact-main { height: auto; padding-top: 25px; text-align: center; }
	.contact-main ul { padding: 20px; }
	.contact-main ul strong { width: auto; }

	h2.section-heading { text-align: center; }

	.footer-bar-notice { padding: 20px; }
	.footer-bar-notice .wrapper { padding: 10px; height: auto; border-radius: 10px; }
	.footer-bar-notice p { font-size: 16px; line-height: 1.25em; }

	.page-footer .wrapper { padding: 0 20px; }
	.footer-logo { float: none; margin: 0 auto 20px auto; display: block; }
	.footer-col { float: none; margin: 0; text-align: center; width: 100%; }
	.footer-contact { text-align: center; margin-bottom: 10px; }
	.footer-contact a { font-size: 16px; }
	.footer-main { float: none; text-align:center; }
	.footer-menu { display: none; }
	.footer-bottom { display: block; }
	.footer-copyright { padding: 20px 0; }

	.page-main { padding: 25px 20px; }

	.contact-block h2.section-heading br { display: none; }

	h1, h2.section-heading, .contact-block h2 { font-size: 25px; }

	.contact-block h3 { font-size: 25px; }

	.page-main.section-0to10 { padding: 0; }
	.clouds-bg { padding: 25px 20px; }
	body.page-id-26 .cyp-page-content h1, body.page-id-26 .cyp-page-content p { padding: 0; }
	.cyp-page-mid .cyp-page-content { width: 100%; }
	.cyp-page-mid-sidebar, .cyp-page-mid-content { float: none; }
	.section-0to10 .cyp-police-notice { height: auto; padding: 20px; font-size: 18px; }
	ul.cyp-clickthrough-links li { float: none; margin: 0 0 20px 0 !important; }
	ul.cyp-clickthrough-links a { width: 100%; max-width: 375px; }
	ul.cyp-clickthrough-links img { margin: 0; max-width: 100%; height: auto; }
	.cyp-page-content { padding: 20px; }
	.cyp-police-notice { margin-bottom: 20px; }
	.cyp-col-main { margin-bottom: 20px; }
	.sidebar-banner { width: 100%; margin-bottom: 20px; }
	.cyp-page-mid-sidebar .sidebar-banner { background-position: 90% center; }
	.help-banner a { height: auto; text-align: center; padding: 20px 20px 125px 20px; font-size: 30px; background-position: center bottom; }
	.help-banner a strong { display: block; }

	body.page-id-26 .cyp-col-main { padding-top: 10px; }
	body.page-id-26 .cyp-page-content { background-position: center bottom; padding-bottom: 135px; }
	body.page-id-26 .cyp-page-content h1 { padding-right: 75px; }

	.cyp-page-bubble { background-color: red; width: 100px; height: 120px; }

	h1, h2.section-heading { margin-bottom: 20px; }

	.cyp-page-content p, .cyp-page-content ul li, .cyp-page-content ol li { font-size: 16px; line-height: 1.4em; }
	body.page-id-26 .cyp-page-mid-content .cyp-page-content { padding-bottom: 20px; }

	.alignright, .alignleft { float: none; margin: 0 0 20px 0; max-width: 100%; height: auto; display: block; }

	.cyp-sidebar .sidebar-banner { width: 100%; float: none; }

	.section-0to10 .whats-next { padding: 0; background: none; }
	.whats-next h2, .whats-next ul { float: none; margin-right: 0; height: auto; min-height: 0; margin-bottom: 0; }

	body.page-child .cyp-page-bubble { top: -10px; right: -10px; }

	.main-nav { float: left; }
	.main-nav ul li, .btn-go { font-size: 30px; }
	.main-nav .btn-go, .btn-go { padding-top: 40px; }
	.main-nav a { padding: 22px 10px 0 10px; }

	.intro-trio { margin-top: 0; padding-top: 25px; }
	.intro-trio-block { float: none; width: 100%; float: none; margin: 0 0 50px 0; height: auto; }
	.intro-trio-talk { margin-bottom: 0; }

	ul.help-panel-links { margin: 0 -2.5%; }
	ul.help-panel-links li { width: 45%; margin: 0 2.5% 5% 2.5%; }
	ul.help-panel-links li a { display: block; width: 100%; }

	.homepage-intro-main { padding-bottom: 25px; }
	.homepage-intro-left { float: none; width: 100%; }
	.homepage-intro-left h1, .remember-title { font-size: 30px; }
	.homepage-intro-left p { float: none; margin: 0 0 20px 0; }
	.homepage-intro-left a { display: block; width: 100%; }
	.remember { margin-bottom: 50px; }

	.homepage-talk-about h2 em { background-size: 100% auto; width: 80px; height: 95px; padding-top: 27px; }
	.clickthrough-more { display: none; }
	.banner-leave h2 { font-size: 25px; padding-right: 20px; padding-top: 35px; }
	.banner-leave { height: auto; padding: 25px; }
	.banner-leave h2 { padding: 0; }
	.banner-leave p { padding: 0; }
	.banner-leave br { display: none; }
	.footer-white { padding-top: 30px; }

	.col-main { margin-bottom: 25px; }

	ul.team-members-list { margin: 0; }
	ul.team-members-list li { width: 100%; float: none; margin: 0 auto 25px auto; height: auto; max-width: 375px; }
	.team-text { height: auto; }
	.team-thumb img { margin-left: 0; max-width: 100%; height: auto; }

	#leave-link { bottom: 10px; right: 10px; font-size: 15px; width: 92px; }
	#leave-link span { font-size: 20px; }

	body { padding-bottom: 0; }
	.footer-white { padding-bottom: 100px; }
	#btn-referral-prof, #btn-referral-self { left: 10px; padding: 10px 15px; }
	#btn-referral-prof { bottom: 10px; }
	#btn-referral-self { bottom: 60px; }

	.danger-banner { padding: 50px 10px 10px 10px; }
	.danger-banner p { text-align: center; }
	#google_translate_element { left: 50%; margin-left: -80px; }

	.safety-hub-banner h1 { width: 100%; float: none; font-size: 40px; margin-bottom: 15px; }
	.safety-hub-uni { float: none; }
	.safety-hub-uni p { width: auto; }

	#gform_fields_2 li, .student-contact-form .gform_footer .button { width: 100%; }
	#gform_fields_2 li { float: none; margin: 0 0 15px 0 !important; }
	.student-contact-form .gform_footer { position: static; bottom: auto; right: auto; }
	.student-contact-form .gform_footer .button { display: block !important; border-radius: 0 !important; width: 100% !important; height: 50px !important; }

}

@media only screen and (max-width: 399px) {
	.header-logo { width: 110px; }
	.header-contact { margin-top: 12px; }
	.homepage-intro h1, .homepage-bubble h3 { font-size: 28px; }
	ul.featured-help-buttons li { display: block; margin: 0 0 12px 0; }
	ul.featured-help-buttons a.button { display: block; width: 100%; }
	ul.age-links li { font-size: 30px; margin: 0 5px; }
	ul.age-links a { width: 85px; height: 85px; padding-top: 28px; }
	ul.faces-list a { width: 80px; }
	ul.faces-list img { max-width: 100%; height: auto; }
	.contact-main ul li { font-size: 18px; }
	.contact-main ul { padding: 15px; }
	.footer-copyright p:first-child { width: 200px; margin-left: auto; margin-right: auto; }
	body.page-id-26 .cyp-page-content h1 { font-size: 20px; }
	ul.cyp-clickthrough-links a { height: auto; }
	.banner-chat { background-size: 50px auto; height: 100px; padding-top: 27px; }
	.banner-happy { background-size: 50px auto; height: 100px; padding-top: 10px; padding-right: 80px; }
	.cyp-page-mid h2 { font-size: 25px; }
	body.page-child .banner-happy { padding-right: 50px; }
	.main-nav .btn-go, .btn-go { background-size: 100% auto; width: 65px; height: 77px; padding-top: 16px; margin-top: -8px; }
	.main-nav ul li { font-size: 25px; }
	.main-nav a { height: 50px; padding-top: 12px; }
	.header-bar .wrapper, .footer-bar .wrapper { height: 50px; }
	.remember { margin-bottom: 25px; }
	ul.help-panel-links { margin: 0; }
	ul.help-panel-links li { float: none; margin: 0 0 15px 0; width: 100%; }
	.ask-form input.text-input { font-size: 16px; }
	.intro-trio-talk p.trio-heading { width: 140px; }
}

/*
================================================================================

  Browser Fixes

================================================================================
*/

html.lt-ie9 {  }

/*
================================================================================

  Print Styles

================================================================================
*/

@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}


/*
================================================================================

  Voice Homepage

================================================================================
*/
.section-homepage-hero { padding: 20px 0; }
.section-homepage-hero .homepage-hero-card { background: rgba(255, 255, 255, 0.9); padding: 30px; margin:0 20px;}
.section-homepage-hero .homepage-hero-card p { font-size: 20px; }
.section-homepage-hero .homepage-hero-card p a { color: inherit; text-decoration: underline; }
.section-homepage-hero .homepage-hero-card p a:hover { color: #5E2286; }
.section-homepage-hero .homepage-hero-card .contact-details a { display:block; margin-bottom: 10px; color: #5E2286; font-size: 25px; }
.section-homepage-hero .homepage-hero-card .contact-details a i { margin-right: 5px; }
.section-homepage-hero .homepage-hero-card .contact-details a span { text-decoration: underline }
.section-homepage-hero .homepage-hero-card .contact-details a.email span { font-size: 17px; }
.section-homepage-hero .homepage-hero-card .hero-links { margin-top: 50px; }
.section-homepage-hero .homepage-hero-card .hero-links a { color: #fff; background: #A81B8D; padding: 20px; display: inline-block; font-size: 18px; margin-bottom: 10px; margin-right: 10px }
.section-homepage-hero .homepage-hero-card .hero-links a:hover { background: #5E2286; }

@media only screen and (min-width: 430px) {
	.section-homepage-hero .homepage-hero-card .contact-details a { font-size: 27px; }
	.section-homepage-hero .homepage-hero-card .contact-details a.email span { font-size: 27px; }
}

@media only screen and (min-width: 500px) {
	.section-homepage-hero .homepage-hero-card .contact-details a { font-size: 30px; }
	.section-homepage-hero .homepage-hero-card .contact-details a.email span { font-size: 30px; }
}

@media only screen and (min-width: 768px) {
	.section-homepage-hero { padding: 60px 0; }
	.section-homepage-hero .homepage-hero-card { padding: 60px; margin: 0px; }
	.section-homepage-hero .homepage-hero-card .contact-details a { font-size: 26px; }
	.section-homepage-hero .homepage-hero-card .contact-details a.email span { font-size: 26px; }
}

@media only screen and (min-width: 1024px) {
	.section-homepage-hero .homepage-hero-card p { font-size: 25px; }
	.section-homepage-hero .homepage-hero-card .hero-links a { font-size: 22px; }
}

@media only screen and (min-width: 1220px) {
	.section-homepage-hero .homepage-hero-card .contact-details a { font-size: 30px; }
	.section-homepage-hero .homepage-hero-card .contact-details a.email span { font-size: 30px; }
}
/*
================================================================================

  Voice Sub Menu Section

================================================================================
*/
.section-sub-menu { display: none; min-height: 64px; background: #EEE9F2; padding: 4px 0; }
.section-sub-menu ul { font-size: 18px; margin: 0;  }
.section-sub-menu ul li { display:inline-block; margin-bottom: 0;  }
.section-sub-menu ul li a { color: #422A7D; padding: 15px 9.5px 15px 10px; display: block; font-size: 18px;  }
.section-sub-menu ul li a:hover { color: #E81F75;  }
@media only screen and (min-width: 1024px) {
	.section-sub-menu { display: block; }
}

/*
================================================================================

  Voice Services Template

================================================================================
*/
/* Global */
section.section { padding: 50px 0; }
@media only screen and (min-width: 768px) {
	section.section { padding: 100px 0; }
}
/* Hero Banner Section */
section.banner-hero { min-height: 300px; background-size: cover; background-position: center; position: relative; }
section.banner-hero h1 { display: inline-block; max-width: 80%; background: #592C82; padding: 15px 20px; margin: 0; color: #fff; position: absolute; bottom: 30px; }
@media only screen and (min-width: 768px) {
	section.banner-hero { min-height: 400px; }
	section.banner-hero h1 { bottom: 60px; font-size: 55px; padding: 20px 25px }
}
/* Services Section */
.section-services-dropdown { background: #EEE9F2; }
.section-services-dropdown .services-toggle { display: flex; justify-content: center; align-items: center; font-size: 18px; color: #422A7D; padding: 30px 0; }
.section-services-dropdown .services-toggle:hover { color: #E81F75; }
.section-services-dropdown .services-toggle span { margin-right: 5px; }
.section-services-dropdown .services-toggle span.show { display: inline-block; }
.section-services-dropdown .services-toggle span.hide { display: none; }
.section-services-dropdown .services-toggle i { margin-left: 10px; }
.section-services-dropdown .services-toggle.active span.show { display: none; }
.section-services-dropdown .services-toggle.active span.hide { display: inline-block; }
.section-services-dropdown .services-toggle.active i { transform: rotate(-180deg); }
.section-services-dropdown .services-list { display:none; padding: 0px 0px 20px; }
.section-services-dropdown .services-list .service-block { position: relative; margin-bottom: 25px;  }
.section-services-dropdown .services-list .service-block img { width: 100%; }
.section-services-dropdown .services-list .service-block .service-block-overlay { opacity: 0.8; position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 99; }
.section-services-dropdown .services-list .service-block .service-block-text-overlay { position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 100; font-size: 25px; color: #fff; padding: 20px; font-weight:700; text-align: center; line-height: 30px; }
.section-services-dropdown .services-list .service-block a:hover .service-block-overlay { opacity: 0.9; }
@media only screen and (min-width: 768px) {
	.section-services-dropdown .services-list {}
}
@media only screen and (min-width: 1024px) {
	.section-services-dropdown .services-toggle { padding: 40px 0; }
}
/* Page Links Section */
.section-page-links h2 { color: #fff; background: #422A7D; padding: 10px 15px; display: inline-block; margin-bottom: 40px;}
.section-page-links .page-link-block { margin-bottom: 45px; }
.section-page-links .page-link-block a { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.section-page-links .page-link-block a img { margin-bottom: 15px; width: 100%; height: 100%; }
.section-page-links .page-link-block a span { font-size: 25px; font-weight: 700; color: #422A7D;}
.section-page-links .page-link-block a span i { margin-left: 5px; }
.section-page-links .page-link-block a:hover span { text-decoration: underline; color: #422A7D; }
@media only screen and (min-width: 768px) {
	.section-page-links h2 { font-size: 40px; }
	.section-page-links .page-link-block { margin-bottom: 60px; }
}
/* Featured Block*/
.section-featured-blocks {}
.section-featured-blocks .featured-block { margin-bottom: 30px; }
.section-featured-blocks .featured-block a { transition: 0.3s; display: block; position: relative; min-height: 400px; background-size: cover; background-position: center; }
.section-featured-blocks .featured-block a img { width: 100%; }
.section-featured-blocks .featured-block a .chevron-overlay { background: rgba(255,255,255,0.8) ; width: 80px; height: 80px; position: absolute; top: 0; right:0; display: flex; justify-content: center; align-items: center; z-index: 1; }
.section-featured-blocks .featured-block a .chevron-overlay i { color: #422A7D; font-size: 40px; transition: 0.3s; }
.section-featured-blocks .featured-block a .featured-block-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(89,44,130);
	background: -moz-linear-gradient(0deg, rgba(89,44,130,1) 30%, rgba(89,44,130,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(89,44,130,1) 30%, rgba(89,44,130,0) 100%);
	background: linear-gradient(0deg, rgba(89,44,130,1) 30%, rgba(89,44,130,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592c82",endColorstr="#592c82",GradientType=1);
}
.section-featured-blocks .featured-block a .featured-block-text-overlay { position: absolute; top: 0; width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; }
.section-featured-blocks .featured-block a .featured-block-text-overlay p { color: #fff; margin: 0; font-size: 25px; line-height: 30px; }
.section-featured-blocks .featured-block a .featured-block-text-overlay p.title { transition: 0.3s; margin-bottom: 10px; font-weight: 700; }
.section-featured-blocks .featured-block a:hover .chevron-overlay i { color: #E81F75; }
.section-featured-blocks .featured-block a:hover .featured-block-text-overlay p.title { color: #E81F75; }
@media only screen and (min-width: 991px) {
	.section-featured-blocks .featured-block a { min-height: 370px; }
}
/* Main Blocks Section */
.section.section-main-blocks {
	padding: 30px 0;
}
.section.section-after-content {
	padding: 30px;
}

/*
================================================================================

  WYSIWYG Editor Styles

================================================================================
*/
.wysiwyg p,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg blockquote,
.wysiwyg ol,
.wysiwyg ul
{ margin-bottom: 25px; }

.wysiwyg p { font-family: "museo-sans-rounded", sans-serif; font-size: 16px; }
.wysiwyg h1 { color: #592C82; font-family: "fatfrank", sans-serif; font-size: 25px; line-height: 30px; }
.wysiwyg h2 { color: #592C82; font-family: "fatfrank", sans-serif; font-size: 22px; line-height: 27px; }
.wysiwyg h3 { color: #592C82; font-family: "fatfrank", sans-serif; font-size: 20px; line-height: 25px; }
.wysiwyg h4 { color: #592C82; font-family: "fatfrank", sans-serif; font-size: 18px; line-height: 23px; }
.wysiwyg h5 { color: #592C82; font-family: "fatfrank", sans-serif; font-size: 16px; line-height: 20px; }
.wysiwyg h6 { color: #592C82; font-family: "fatfrank", sans-serif; font-size: 16px; line-height: 20px; }
.wysiwyg blockquote { padding: 20px; border-left: 5px solid #592C82; font-size: 16px; }
.wysiwyg blockquote p { margin: 0; }


/*
================================================================================

  Custom file upload input

================================================================================
*/
.custom-file-upload-input .gform_fileupload_multifile {
  border: 2px dashed #ddd;
  color: #aaa;
  margin-bottom: 10px;
  padding: 25px;
  text-align: center;
  margin-top: 10px;
}

.custom-file-upload-input .gform_drop_instructions {
	margin-right: 10px;
}