/*
Theme Name: Voice CYP
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: 18px; line-height: 1em; font-weight: 300; color: #444; }
h1, h2, h3, h4, h5 { font-family: "fatfrank", sans-serif; font-weight: normal; line-height: 1em; -webkit-font-smoothing: antialiased; }
h1, h2.section-heading { font-size: 45px; color: #fa7300; line-height: 1.1em; margin-bottom: 30px; }
h2 { font-size: 35px; margin-bottom: 25px; }
h3 { font-size: 25px; margin-bottom: 25px; }
h4 { font-size: 1em; }
h5 { font-size: 35px; background: #f0460f; color: #fff; display: inline-block; margin-bottom: 25px; margin-left: -60px; padding: 20px 40px 20px 60px; }
p { line-height: 1.5em; margin-bottom: 1.5em; }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
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: #fa7300; }
a:hover { color: #f0460f; }

/* 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: 20px; line-height: 50px; -webkit-appearance: none; border-radius: 25px; height: 50px; width: 225px; outline: none; border: none; text-align: center; font-weight: bold; display: inline-block; color: #fff; background: #fa7300; padding: 0; -webkit-font-smoothing: antialiased; }
input[type=submit]:hover, input.submit:hover, button:hover, input.button:hover, a.button:hover, .button:hover { background: #f0460f; }
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; }
.aligncenter { display: block; margin: 0 auto 35px auto; }

.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: 90px; 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: 150px; }
}

@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) !important;}
}

@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; z-index:1000 !important; }

}

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

  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.active a, .section-sub-menu li a:hover { color:#ED217C !important;}
/*SHOW MENU ACTIVE*/
#menu-item-1060 a { color: #ED217C !important;}
#menu-item-1060 a:after { display:block !important; content: ''; width: 10px; height: 10px; transform: rotate(-45deg); background: #592C82; position: absolute; left: 50%; right: 50%; top: 62px; z-index: 998 !important;}
@media only screen and (min-width: 1024px) {
	.section-sub-menu { display: block; }
}
/*
================================================================================

  Voice Sub Site Menu Section

================================================================================
*/
.section-site-menu { background: #fa7300; min-height: 70px; }
.section-site-menu .site-navigation { display: none; }
.section-site-menu .site-navigation-toggle { color: #fff; padding: 26px 20px; font-size: 18px; display: flex; justify-content: space-between; }
.section-site-menu .site-navigation-toggle i { margin-left: 4px; }
.section-site-menu .site-navigation-toggle.active i { transform: rotate(-180deg); }

.section-site-menu .site-navigation ul { margin: 0; list-style: none; }
.section-site-menu .site-navigation ul li { border-top:1px solid #fff !important; position: relative; margin-bottom: 0px; }
.section-site-menu .site-navigation ul li a { display:block; color: #fff; font-size: 18px; padding:20px; width: 100%; }
.section-site-menu .site-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; color: #fff; }
.section-site-menu .site-navigation ul li.menu-item-has-children:after:hover { cursor: pointer !important; }
.section-site-menu .site-navigation ul li.menu-item-has-children.active:after { transform: rotate(-180deg); }
.section-site-menu .site-navigation ul li ul.sub-menu { display: none; }
.section-site-menu .site-navigation ul li ul.sub-menu li { background: #bd5700; }
.section-site-menu .site-navigation ul li ul.sub-menu li a { padding-left: 40px; }

@media only screen and (min-width: 768px) {
	.section-site-menu .site-navigation-toggle { padding: 26px 0px;}
	.section-site-menu .site-navigation ul li a { max-width: 720px; margin: 0 auto; padding: 20px 0; }
	.section-site-menu .site-navigation ul li:after { right: calc((100% - 720px)/2) !important;}
}

@media only screen and (min-width: 1024px) {
	.section-site-menu .site-navigation-toggle { display: none; }
	/*NAV*/
	.section-site-menu { position: relative; }
	.section-site-menu .site-navigation { display: block; width:100%; min-height:70px; max-width: 960px; margin: 0 auto; }
	.section-site-menu .site-navigation ul li { border:none !important; display: inline-block; padding: 3px 10px; position: unset; }
	.section-site-menu .site-navigation ul li a { position: relative; }
	.section-site-menu .site-navigation ul li.current_page_item a, .section-site-menu .site-navigation ul li.current_page_ancestor a { color:#FFDA77; }
	.section-site-menu .site-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; }
	.section-site-menu .site-navigation ul li a:hover { color: #FFDA77; }
	.section-site-menu .site-navigation ul li:after { display: none; }
	.section-site-menu .site-navigation ul li a { font-size: 18px; max-width: unset; }
	.section-site-menu .site-navigation ul li ul.sub-menu a { font-size: 18px; color: #422A7D;  }
	.section-site-menu .site-navigation ul li.menu-item-has-children { position: relative; }

	.section-site-menu .site-navigation ul li ul.sub-menu { width: 960px; margin: 0 auto; }
	.section-site-menu .site-navigation ul li ul.sub-menu li { width: auto; background: none; padding: 0; display: block; border-bottom: 1px solid #ffa559 !important; }
	.section-site-menu .site-navigation ul li ul.sub-menu li:last-of-type { border-bottom: none !important; }
	.section-site-menu .site-navigation ul li ul.sub-menu li a { padding: 20px !important; color:#fff; }
	.section-site-menu .site-navigation ul li ul.sub-menu li.current_page_item a { color: #FFDA77; background: #d26100; }
	.section-site-menu .site-navigation ul li ul.sub-menu li a:after { display: none !important; }
	.section-site-menu .site-navigation ul li ul.sub-menu li a:hover { color: #FFDA77; background: #d26100; }

	.section-site-menu .site-navigation ul li:hover .sub-menu-wrap { display: block; min-height:64px; min-width: 300px; background: #fa7300; padding: 0; position:absolute; width: 100%; right: 0; left: 0; z-index:999; top:70px; box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
	.section-site-menu .site-navigation ul li:hover ul.sub-menu { display: block !important; width: 100%; }
}

@media only screen and (min-width: 1220px) {
	.section-site-menu .site-navigation { max-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: 600px; 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: #fa7300 url(images/arrow-left.png) center center no-repeat; }
.bx-next { right: 50%; margin-right: -662px; background: #fa7300 url(images/arrow-right.png) center center no-repeat; }
.bx-prev:hover, .bx-next:hover { background-color: #f0460f !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: 600px; background-size: cover !important; }
.slide-content { display: table-cell; text-align: left; vertical-align: middle; height: 600px; }
.slide-content h2 { font-size: 40px; line-height: 50px; }
.slide-content h2 strong { background: #00b3f0; color: #fff; display: inline-block; padding: 15px 25px; margin-bottom: 10px; -webkit-font-smoothing: antialiased; }
.slide-content p.readmore { padding-top: 15px; }

p.readmore { margin: 0; }

.homepage-intro-block { background: url(images/bg-homepage-intro.png) center bottom no-repeat; }
.homepage-intro-block .wrapper { position: relative; }
.homepage-intro { padding: 50px 75px 25px 75px; text-align: center; }

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

ul.featured-help-buttons { overflow: hidden; text-align: center; }
ul.featured-help-buttons li { display: inline-block; margin: 0 12px 25px 13px; }
ul.featured-help-buttons a { width: auto; min-width: 225px; padding-left: 20px; padding-right: 20px; }

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

ul.age-links { overflow: hidden; text-align: center; margin: 0 0 25px 0; list-style-type: none; padding: 0; }
ul.age-links li { display: inline-block; margin: 0 12px !important; padding: 0 !important; background: none !important; font-family: "fatfrank", sans-serif; font-size: 45px; line-height: 1em; -webkit-font-smoothing: antialiased; }
ul.age-links a { display: block; width: 125px; height: 125px; border-radius: 50%; background: #fff; padding-top: 40px; }
ul.age-links li.brand5 a { color: #fabe1e; }
ul.age-links li.brand5 a:hover { background: #fabe1e; color: #fff; }
ul.age-links li.brand11 a { color: #00b3f0; }
ul.age-links li.brand11 a:hover { background: #00b3f0; color: #fff; }
ul.age-links li.brand15 a { color: #fa7300; }
ul.age-links li.brand15 a:hover { background: #fa7300; color: #fff; }

.figure { position: absolute; }
.figure-small-boy { background: url(images/figure-small-boy.png) 0 0 no-repeat; width: 78px; height: 139px; bottom: 0; left: -95px; }
.figure-teen-boy { background: url(images/figure-teen-boy.png) 0 0 no-repeat; width: 73px; height: 238px; bottom: 0; left: 525px; }
.figure-small-girl { background: url(images/figure-small-girl.png) 0 0 no-repeat; width: 91px; height: 135px; bottom: 0; left: 600px; }
.figure-15-girl { background: url(images/figure-15-girl.png) 0 0 no-repeat; width: 73px; height: 289px; bottom: 0; right: -90px; }
.figure-teen-girl { background: url(images/figure-teen-girl.png) 0 0 no-repeat; width: 73px; height: 260px; bottom: 0; left: -110px; }
.figure-small-both { background: url(images/figure-small-both.png) 0 0 no-repeat; width: 172px; height: 139px; bottom: 0; right: -125px; }

.homepage-feelings-block { background: #fabe1e; overflow: hidden; }
.homepage-feelings-block .wrapper { padding: 50px 0; position: relative; }
.homepage-feelings-block h2.section-heading { color: #f0460f; }

ul.faces-list li { float: left; margin-right: 25px; }
ul.faces-list a, ul.faces-list img, ul.faces-list span { display: block; transition: 0.3s; }
ul.faces-list img { margin-bottom: 10px; position: relative; z-index: 2; top: 0; }
ul.faces-list a { color: #444; font-weight: bold; position: relative; }
.feelings-title { text-align: center; font-size: 18px; line-height: 1em; }
.feelings-shadow { opacity: 0; display: block; width: 100px; height: 25px; position: absolute; bottom: 25px; left: 0; z-index: 1; background: url(images/shadow-feelings.png) 0 0 no-repeat; }

ul.faces-list a:hover { opacity: 0.65; }
ul.faces-list li.active a { opacity: 1 !important; }

ul.faces-list li.active img { top: -25px; }
ul.faces-list li.active .feelings-shadow { opacity: 1; }

.feelings-panel { background: #fff; border-radius: 10px; padding: 25px; width: 400px; height: 225px; }
ul.popup-panels li { display: none; }
ul.popup-panels li:first-child { display: block; }

ul.popup-panels p { font-size: 20px; line-height: 1.25em; margin-bottom: 1em; color: #f0460f; font-weight: bold; }
ul.popup-panels ul { list-style-type: none; margin: 0; padding: 0; }
ul.popup-panels ul li { display: block !important; background: url(images/bullet-blue.png) 0 1px no-repeat; padding-left: 20px; font-size: 20px; line-height: 1.25em; margin-bottom: 0.5em; }
ul.popup-panels ul a { color: #444; }
ul.popup-panels ul a:hover { color: #fa7300; }

.homepage-talk-about { background: #fa7300 url(images/bg-clickthroughs.png) center bottom no-repeat; }
.homepage-talk-about .wrapper { padding: 50px 0 25px 0; }
.homepage-talk-about h2 { color: #fff; }

ul.clickthrough-list { overflow: hidden; }
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: #fff; 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: #00b3f0 url(images/arrow-clickthrough.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-color: #444; }

.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; margin-bottom: 0; }
.facebook-feed { width: 375px; height: 500px; border-radius: 10px; background: #fff; overflow: hidden; }
.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: 35px; 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-contact2.png) 0 0 no-repeat; }

.widget { border: solid 1px #eee; padding: 25px !important; margin-bottom: 25px !important; border-radius: 10px; }
.widget h3 { margin-bottom: 0.5em; color: #f0460f; }
.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-orange.png); }
.widget a { color: #444; }
.widget a:hover { color: #fa7300; }

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

.generic-landing-page, .crime-landing-page { background: #fabe1e; padding-bottom: 150px; }
.generic-landing-page .col-main .content, .crime-landing-page .col-main .content { background: #fff; padding: 50px; border-radius: 10px; }

/* body.page-template-template-landing .footer-bar-notice, body.page-template-template-landingcrime .footer-bar-notice { background: none; padding-top: 0; margin-top: -100px; } */
body.page-template-template-landing .page-footer .wrapper, body.page-template-template-landingcrime .page-footer .wrapper { padding-top: 100px; }
body.page-template-template-landing .widget, body.page-template-template-landingcrime .widget { background: #fff; border: solid 5px #fa7300; border-radius: 10px; }
body.page-template-template-landing .widget:last-child, body.page-template-template-landingcrime .widget:last-child { margin-bottom: 0 !important; }

.more-links-block, .age-groups { background: #f0460f; margin-top: 25px; padding: 50px; color: #fff; border-radius: 10px; }
.more-links-block h2, .age-groups h2 { margin-bottom: 20px; }
.more-links-block ul, .more-links-block ul li:last-of-type { margin-bottom: 0; }
.more-links-block p, .more-links-block ul li { font-size: 18px; line-height: 1.25em; }
.more-links-block a { color: #fabe1e; }
.more-links-block a:hover { color: #fff; }

.age-groups { padding: 25px; background-image: url(images/figure-teen-boy.png); background-repeat: no-repeat; background-position: 25px bottom; background-size: auto 150px; }
.age-groups h2 { font-size: 28px; }
.age-groups ul.age-links { margin-bottom: 0 !important; text-align: right; }
.age-groups ul.age-links li { text-align: center; }

.crime-landing-page { padding-bottom: 100px; background-image: url(images/cyp-16-bg-02.png); background-position: left bottom; background-repeat: no-repeat; }
.crime-landing-page .wrapper { background-image: url(images/cyp-16-help-banner-bg.png); background-position: 95% bottom; background-repeat: no-repeat; }
.crime-landing-page .col-main .content { margin-bottom: 50px; }

body.page-template-template-landingcrime .footer-bar-notice .wrapper { background: #00b3f0; }

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

  CYP Sections (General)

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

.cyp-page-main { width: 100%; padding-bottom: 75px; }

.cyp-page-bubble { width: 275px; height: 325px; margin-right: 50px; display: block; clear: right; }
.cyp-page-bubble:hover { opacity: 0.65; }
.cyp-bubble-note { width: 135px; font-size: 16px; line-height: 1.25em; margin-top: -120px; margin-bottom: 25px; background: url(images/arrow-curved.png) 30px 0 no-repeat; padding-top: 35px; }

body.page-template-template-yp2 .cyp-bubble-note { color: #fff; }

.cyp-col-main { width: 775px; margin-bottom: 25px; }
.cyp-page-content { border: solid 5px #fabe1e; border-radius: 10px; padding: 30px 35px 35px 35px; background: #fff; }

.cyp-page-content p,
.cyp-page-content ul li,
.cyp-page-content ol li {
	font-size: 18px;
	line-height: 25px;
}

.cyp-sidebar { clear: right; width: 375px; padding-top: 25px; }

.cyp-police-notice { clear: both; text-align: center; color: #fff; font-family: "fatfrank", sans-serif; font-weight: normal; line-height: 1em; -webkit-font-smoothing: antialiased; margin-bottom: 25px; }
.cyp-police-notice p { margin: 0; line-height: 1em; }
.cyp-police-notice a { color: #fff; }
.cyp-police-notice a:hover { opacity: 0.5; }

.help-banner a { display: block; height: 125px; border-radius: 10px; background: #fabe1e url(images/cyp-little-dudes.png) 800px bottom no-repeat; font-size: 45px; line-height: 1em; color: #fff; font-family: "FatFrank", sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; padding: 40px 0 0 50px; }
.help-banner a:hover { background-color: #f0460f; }
.help-banner strong { font-weight: normal; color: #fa7300; }

.sidebar-banner { margin-bottom: 25px; width: 375px; display: block; height: 150px; border-radius: 10px; border: solid 5px #fabe1e; background: #fff; text-align: left; font-weight: normal; font-family: "FatFrank", sans-serif; font-size: 35px; line-height: 1.2em; color: #fa7300; -webkit-font-smoothing: antialiased; }
.banner-chat { color: #fff; background: #fa7300 url(images/icon-quotes.png) 250px center no-repeat; padding: 50px 0 0 25px; }
.banner-chat:hover { color: #fabe1e; }
.banner-happy { background: #fff url(images/smiley-happy.png) 240px center no-repeat; padding: 30px 150px 0 25px; }

body.page-template-template-landingcrime .banner-chat { border: none; height: 100px; padding: 28px 25px; }

.whats-next { min-height: 150px; margin-top: 25px; overflow: hidden; padding: 25px 220px 25px 25px; background-color: #fff !important; border: solid 5px #fabe1e; border-radius: 10px; }
.whats-next h2 { color: #fa7300 !important; }
.whats-next a { color: #231f20; }
.whats-next a:hover { color: #fa7300; }
.whats-next ul, .whats-next ul li:last-child { margin-bottom: 0 !important; }

.cyp-page-content h2 { font-size: 35px; line-height: 1.2em; color: #fa7300; font-weight: 700; margin-bottom: 25px; }

.cyp-page-content ul, .page-main .content ul, .whats-next ul { list-style-type: none; margin: 0 0 30px 0; padding: 0; }
.cyp-page-content ul li, .page-main .content ul li, .whats-next ul li { margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(images/bullet-blue.png) 0 2px no-repeat; }
.page-main .content ul li { background-size: auto 15px; background-position: 0 4px; }

ul.cyp-clickthrough-links { overflow: hidden; }
ul.cyp-clickthrough-links li { float: left; margin: 0 0 25px 25px; }
ul.cyp-clickthrough-links li:nth-child(3n+1) { margin-left: 0; }
ul.cyp-clickthrough-links a { display: block; width: 375px; height: 150px; overflow: hidden; background: #fff; border-radius: 10px; border: solid 5px #fabe1e; position: relative; }
.cyp-clickthrough-button, .cyp-clickthrough-thumb { display: block; }
.cyp-clickthrough-button { background: #00b3f0; text-align: center; font-weight: bold; color: #fff; font-size: 20px; line-height: 1em; width: 225px; height: 50px; position: absolute; bottom: 25px; left: 75px; z-index: 2; border-radius: 25px; -webkit-font-smoothing: antialiased; padding-top: 14px; transition: background 0.3s; }
.cyp-clickthrough-thumb { position: relative; z-index: 1; overflow: hidden; }
ul.cyp-clickthrough-links a:hover .cyp-clickthrough-button { background: #fa7300; }

.cyp-page-mid { width: 100%; }
.cyp-page-mid .cyp-page-content { width: 775px; height: 325px; background: #fff !important; }
.cyp-page-mid h2 { font-family: "FatFrank", sans-serif; font-size: 45px; line-height: 1em; margin-bottom: 25px; font-weight: normal; }
.cyp-page-mid ul { overflow: hidden; margin-bottom: 25px; }
.cyp-page-mid ul li { float: left; width: 45%; margin-right: 5%; }
.cyp-page-mid ul a { color: #231f20; }
.cyp-page-mid ul a:hover { color: #fa7300; }

.might-help-search h2 { float: left; font-size: 40px; padding-top: 5px; }
.might-help-search form { float: right; }
.might-help-search input { background-color: #ebebeb; }

.accordion-block h2 { color: #fff !important; font-family: "museo-sans-rounded", sans-serif; font-size: 20px; cursor: pointer; display: block; background: #fa7300 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; }

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

body.page-template-template-yp3 .cyp-16-inner h2.section-heading { color: #fff; }

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

  Section 0-10

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

body.page-template-template-yp1 .footer-bar-notice { display: none; }
body.page-template-template-yp1 .page-footer .wrapper { padding-top: 25px; }

.section-0to10 { background: #bfecfb url(images/cyp-0to10-cloud-strip.png) center bottom repeat-x; padding: 0; }

/*
@keyframes animatedClouds {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
*/

.clouds-bg {
	background: url(images/bg-clouds.png) center top repeat;
	background-attachment: fixed;
	/* animation: animatedClouds 60s linear infinite; */
	padding: 50px 0;
}

.section-0to10 .cyp-page-bubble { background: url(images/cyp-0to10-bubble.png) 0 0 no-repeat; }

body.page-id-26 .cyp-page-content { background: #fff url(images/cyp-0to10-intro-bg.png) 545px bottom no-repeat; }
body.page-id-26 .cyp-page-content h1 { padding-right: 150px; }
body.page-id-26 .cyp-page-content p { padding-right: 225px; }
body.page-id-26 .cyp-page-content p:last-child { margin: 0; }

.section-0to10 .cyp-police-notice { background: #fa7300; height: 75px; border-radius: 10px; border: solid 5px #fabe1e; font-size: 30px; line-height: 1em; padding-top: 16px; }
.section-0to10 .whats-next { background: url(images/cyp-0to10-intro-bg.png) right bottom no-repeat; }

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

  Section 11-15

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

body.page-template-template-yp2 .footer-bar-notice, body.page-template-template-yp3 .footer-bar-notice { display: none; }
body.page-template-template-yp2 .page-footer .wrapper { padding-top: 25px; }

.section-11to15 { background: #00b3f0 url(images/bg-stuff-tile.png) center top repeat; background-attachment: fixed; padding: 0; }

.section-11to15 .cyp-page-bubble { background: url(images/cyp-11to15-bubble.png) 0 0 no-repeat; }

.section-11to15 .cyp-police-notice { background: #fa7300; height: 75px; border-radius: 10px; border: solid 5px #fabe1e; font-size: 30px; line-height: 1em; padding-top: 16px; }
.section-11to15 .whats-next { background: url(images/cyp-0to10-intro-bg.png) right bottom no-repeat; }

.cyp-intro-block { background: #fabe1e url(images/cyp-11to15-intro-bg.png) center center repeat; padding: 50px 0; }
.cyp-intro-block .wrapper { min-height: 0; }
.cyp-intro-inner { width: 100%; }
.cyp-intro-block .cyp-col-main { margin-bottom: 0; }

.section-11to15 .cyp-page-content { border-color: #00b3f0; background: #fff url(images/cyp-11to15-bubbles.png) 25px 25px no-repeat; }

body.page-id-28 .cyp-page-content { padding-left: 175px; position: relative; }
body.page-id-28 .cyp-page-content p { padding-right: 100px; margin: 0; }

.figure-boy { position: absolute; width: 66px; height: 215px; bottom: 0; right: 25px; background: url(images/figure-15-boy-blue.png) 0 0 no-repeat; }

.section-11to15 .wrapper { min-height: 0; }
.section-11to15 .cyp-page-main { padding-top: 50px; padding-bottom: 25px; }
.section-11to15 .cyp-page-main h2 { color: #fff; }

.section-11to15 .cyp-page-main .cyp-page-content h2 { color: #fa7300; }

.section-11to15 .clickthrough-title { background-color: #fa7300; }

.bg-figures { background: url(images/cyp-11to15-clickthroughs-bg.png) center bottom no-repeat; }

.cyp-bottom-block { background: #fff; padding: 50px 0; }
.cyp-bottom-inner { width: 100%; }

.cyp-bottom-block .help-banner { width: 775px; margin-right: 25px; }
.cyp-bottom-block .help-banner a { height: 240px; padding-right: 135px; position: relative; background-image: none; transition: background-color 0.3s; }
.cyp-bottom-block .help-banner a:hover { background: #00b3f0; }
.cyp-bottom-block .help-banner .help-banner-text { padding-top: 20px; display: block; font-family: "museo-sans-rounded", sans-serif; font-size: 20px; line-height: 25px; color: #231f20; font-weight: normal; }
.cyp-bottom-block .help-banner .teen-girl { display: block; width: 84px; height: 300px; background: url(images/figure-teen-girl-01.png) 0 0 no-repeat; position: absolute; bottom: 0; right: 25px; }

.mini-sidebar { width: 175px; margin-right: 25px; }

.banner-games, .banner-ask { width: 100%; background: #00b3f0 url(images/bg-stuff-tile.png) center top repeat; border: none; padding: 25px; color: #fff; position: relative; line-height: 1.1em; }
.banner-games:hover, .banner-ask:hover { color: #fabe1e; }
.banner-games .games-controller { display: block; width: 128px; height: 90px; background: url(images/icon-games-controller.png) 0 0 no-repeat; position: absolute; bottom: 25px; right: 25px; }

.mini-sidebar .banner-games, .mini-sidebar .banner-ask { width: 100%; height: 275px; margin-bottom: 0; }

.banner-safe { background: #f0460f; border: none; color: #fff; padding: 28px 25px; height: 100px; }
.banner-safe:hover { color: #fff; background: #fa7300; }

.banner-gethelp { background: #00b3f0; border: none; color: #fff; padding: 28px 25px; height: 100px; }
.banner-gethelp:hover { color: #fff; background: #666; }

body.page-template-template-yp2 .banner-gethelp { border: solid 5px #fff; padding-top: 24px; }

.cyp-bottom-block .banner-safe { margin-bottom: 0; height: 240px; padding-top: 95px; }

.police-notice-blue {  height: 100px; font-size: 30px; line-height: 1em; padding-top: 33px; margin-top: -100px; background: none; position: relative; z-index: 3; }
body.page-id-28 .police-notice-blue { background: #00b3f0 url(images/bg-stuff-tile.png) center top repeat; margin-top: 0; }

.section-11to15 .cyp-page-content-inner { background: #fff; border-color: #fabe1e; min-height: 600px; }
.section-11to15 .cyp-page-content-inner h1 { color: #00b3f0; }

.section-11to15 .cyp-11to15-inner { padding-bottom: 75px; }
.cyp-11to15-inner .cyp-page-bubble { background: url(images/cyp-11to15-bubble-outline.png) 0 0 no-repeat; }

.section-11to15 ul.clickthrough-list { margin-bottom: -50px; }

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

  Section 16+

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

.section-16 { background: #fff url(images/cyp-16-bg-03.png) left bottom no-repeat; padding: 0; }
.section-16 .cyp-intro-block { background: #fff url(images/cyp-16-bg-01.png) left bottom no-repeat; }
.section-16 .cyp-page-bubble { background: url(images/cyp-16-bubble.png) 0 0 no-repeat; }
.section-16 .cyp-page-content { border-color: #00b3f0; }
.section-16 .wrapper { min-height: 0; }
.section-16 .cyp-16-inner { padding-top: 40px; }
/* .section-16 .cyp-16-inner h2 { color: #fff; } */
.section-16 .cyp-page-main { padding-bottom: 25px; }

body.page-template-template-yp3 .police-notice-blue { background: #00b3f0; margin-top: 0; margin-bottom: 0; }
body.page-template-template-yp3 .bg-figures { background: url(images/cyp-16-bg-04.png) right top no-repeat; }
body.page-id-30 .bg-figures { background: url(images/cyp-16-intro-bg.png) center bottom no-repeat; }

.banner-ask { background: #00b3f0 url(images/cyp-16-bubbles-gold.png) 92px 152px no-repeat; }

body.page-id-30 .section-16 .cyp-page-content { background: #fff url(images/cyp-16-content-bg.png) 96% bottom no-repeat; padding-right: 210px; }
body.page-id-30 .section-16 .cyp-page-content p { margin: 0; }
body.page-id-30 .help-banner a { background-image: url(images/cyp-16-help-banner-bg.png) !important; background-position: 98% bottom !important; background-repeat: no-repeat !important; padding-left: 30px; padding-right: 160px; }

body.page-id-30 .cyp-intro-block { background: #fff url(images/cyp-16-bg-01.png) left bottom no-repeat; }

body.page-id-30 .section-16 { background: #f15922 url(images/cyp-16-bg-02.png) left bottom no-repeat; }

body.page-id-30 .cyp-page-main { min-height: 550px; }


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

  Info & Advice landing page

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

body.page-id-14 .page-main .wrapper { min-height: 0; }
body.page-id-14 .page-main h1 { margin: 0; }

body.page-template-template-landing .sidebar-banner,
body.page-template-template-landingcrime .sidebar-banner {
	border: none; 
}

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

  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-logo-links { padding-top: 50px; }
ul.footer-logo-list { text-align: center; }
ul.footer-logo-list li { display: inline-block; margin: 0 15px; }
ul.footer-logo-list li:first-child { margin-left: 0; }
ul.footer-logo-list li:last-child { margin-right: 0; }
ul.footer-logo-list a { display: block; transition: opacity 0.3s; }
ul.footer-logo-list a:hover { opacity: 0.5; }

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

.page-footer { padding-bottom: 125px; }
.page-footer .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: #fa7300; }
.footer-contact p:first-child { margin-right: 40px; }
.footer-contact a { color: #f0460f; 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: #fa7300; }

.footer-copyright { padding-top: 0; width: 200px; }

#leave-link, #btn-referral-prof, #btn-referral-self { position: fixed; background: #f0460f; 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; }
#leave-link:hover, #btn-referral-prof:hover, #btn-referral-self:hover { background: #fa7300; }
#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: 50px; height: 50px; padding: 0; 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) {
	.wrapper { width: 960px; }
	.bx-prev { margin-left: -480px; }
	.bx-next { margin-right: -480px; }
	.homepage-intro { width: 450px; }
	ul.featured-help-buttons li { margin-right: 15px; }
	ul.featured-help-buttons a.button { font-size: 16px; min-width: 0; }
	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; 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: 100%; padding-top: 30px; }
	.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: 175px; }
	.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; }
	.cyp-bottom-block .help-banner { width: 632px; }
	.help-banner a { font-size: 32px; }
	.cyp-bottom-block .help-banner .help-banner-text { font-size: 18px; }
	.figure-boy { right: 10px; }
	.generic-landing-page .col-main .content, .more-links-block, .crime-landing-page .col-main .content { padding: 30px; }
	h5 { margin-left: -40px; padding-left: 40px; }
	.age-groups { background-size: auto 125px; }
	.age-groups ul.age-links li { font-size: 40px; }
	.age-groups ul.age-links a { width: 100px; height: 100px; padding-top: 30px; }
	.cyp-bubble-note { margin-top: -100px; }
	.header-logo { width: 270px; }
	.contact-main ul li { font-size: 25px; }
	.header-social { clear: both; margin: 15px 0 -25px 0; }
	.header-social a { width: 30px; height: 30px; }
	.header-social img { max-width: 100%; height: auto; }
	ul.footer-logo-list img { max-width: 175px; max-height: 100px; }
}

@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; }
	.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: 18px; }
	.contact-main ul strong { width: 80px; }
	.footer-contact p { float: none; margin: 0 0 10px 0 !important; }
	.footer-col { margin-left: 25px; }
	.footer-copyright { padding-top: 30px; float: none; clear: both; margin-left: 0; }
	.footer-copyright br { display: none; }
	.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; }
	body.page-template-template-landing .page-main { padding-bottom: 150px; }
	
	.main-nav { display: none !important; }
	.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; box-shadow: 0 0 20px #000; 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; }
	.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; }
	
	body.page-id-28 .cyp-page-content { padding-right: 75px; }
	.cyp-intro-inner { position: relative; }
	.section-11to15 .cyp-page-bubble { top: -10px; right: -10px; }
	.cyp-intro-block { padding: 25px 0; }
	
	body.page-id-28 .cyp-page-content { background: #fff; padding: 25px 150px 25px 25px; }
	body.page-id-28 .cyp-page-content p { padding-right: 160px; }
	.section-11to15 .cyp-11to15-inner { padding: 35px 0 60px 0; }
	
	.cyp-bottom-block { padding: 25px 0; }
	.cyp-bottom-block .help-banner a { font-size: 45px; padding-left: 165px; padding-top: 25px; }
	.cyp-bottom-block .help-banner { margin-bottom: 25px; width: 100%; float: none; margin-right: 0; }
	.cyp-bottom-block .help-banner strong { display: block; }
	.cyp-bottom-block .help-banner br { display: none; }
	.cyp-bottom-block .help-banner strong::after { content: ''; display: block; width: 76px; height: 250px; background: url(images/figure-teen-boy-02.png) 0 0 no-repeat; background-size: auto 100%; position: absolute; bottom: 0; left: 50px; }
	.cyp-bottom-block .help-banner .teen-girl { background-size: auto 100%; height: 260px; width: 72px; }
	
	.cyp-page-mid-sidebar { float: none; width: 100%; }
	.cyp-bottom-block .banner-safe { float: none; width: 100%; text-align: center; height: auto; padding: 25px; font-size: 50px; line-height: 1em; }
	
	.mini-sidebar { width: 392px; clear: left; }
	
	.police-notice-blue { font-size: 20px; height: auto; padding: 35px 0; }
	.figure-boy { right: 125px; }
	.mini-sidebar .banner-games, .mini-sidebar .banner-ask { font-size: 60px; }
	
	.cyp-11to15-inner .cyp-page-bubble { top: 30px; }
	
	.banner-safe { float: right; }
	
	body.page-template-template-landingcrime .col-sidebar { overflow: hidden; padding-bottom: 125px; }
	body.page-template-template-landingcrime .banner-chat { float: left; border: none; background-position: 90% center; padding-top: 55px; }
	body.page-template-template-landingcrime .sidebar-banner { width: 350px; height: 150px; }
	body.page-template-template-landingcrime .banner-safe { padding-top: 55px; }
	
	.cyp-bubble-note { display: none; }
	
	.danger-banner { padding-right: 20px; }
	.danger-banner p { text-align: right; }
	
	ul.footer-logo-list li { margin-bottom: 25px; }
	ul.footer-logo-list img { max-width: none; max-height: none; }
	
}

@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 { background: #fff; }
	
	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; background-position: 95% center; }
	.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; }
	.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: 20px; background: none; }
	.whats-next h2, .whats-next ul { float: none; margin-right: 0; height: auto; min-height: 0; margin-bottom: 0; }
	.whats-next h2 { margin-bottom: 20px; }
	
	body.page-child .cyp-page-bubble { top: -10px; right: -10px; }
	
	.section-11to15 { padding: 0; }
	.cyp-intro-block { padding: 20px; }
	.figure-boy { right: 25px; height: 175px; background-size: auto 100%; width: 55px; }
	body.page-id-28 .cyp-page-content { padding: 20px 100px 20px 20px; }
	body.page-id-28 .cyp-page-content p { padding-right: 0; }
	
	.cyp-bottom-block { padding: 20px; }
	.cyp-bottom-block .help-banner { float: none; margin-right: 0; }
	.cyp-bottom-block .help-banner a { padding: 0; }
	.mini-sidebar { float: none; width: 100%; margin: 0 0 25px 0; }
	.cyp-bottom-block .help-banner strong::after { display: none; }
	.cyp-bottom-block .help-banner .teen-girl { display: none; }
	.cyp-bottom-block .help-banner a { height: auto; font-size: 35px; padding: 20px; }
	.mini-sidebar .banner-games, .mini-sidebar .banner-ask { height: 100px; padding: 32px 20px 20px 20px; font-size: 30px; }
	.banner-games .games-controller { width: 60px; height: 45px; background-size: 100% auto; }
	.cyp-page-mid-sidebar .sidebar-banner { height: auto; }
	.cyp-page-mid-sidebar .banner-chat { padding-top: 27px; }
	.banner-happy { background-size: 50px auto; background-position: 101% center !important; padding: 27px 20px; }
	
	.section-11to15 .cyp-11to15-inner { padding: 20px; }
	
	body.page-child .cyp-11to15-inner .cyp-page-bubble { top: 5px; right: 5px; }
	body.page-child .section-11to15 { padding-bottom: 50px; }
	.section-11to15 .cyp-page-content-inner { min-height: 0; }
	.section-11to15 ul.clickthrough-list { margin-bottom: 0; }
	
	body.page-id-30 .section-16 { padding: 0; }
	body.page-id-30 .help-banner a { background-image: none !important; padding: 20px; }
	body.page-id-30 .section-16 .cyp-page-content { padding-right: 110px; background-position: 97% bottom; background-size: auto 160px; }
	
	.section-16 { padding: 0; }
	.section-16 .cyp-16-inner { padding: 20px; }
	body.page-child .section-16 .cyp-page-bubble { top: 5px; right: 5px; }
	body.page-child .section-16 .bg-figures { background: none; }
	
	body.page-template-template-yp3 .police-notice-blue { margin-bottom: 25px; }
	
	.generic-landing-page .col-main .content, .more-links-block, .crime-landing-page .col-main .content { padding: 20px; }
	h5 { margin: 0 -20px 25px -20px; padding: 20px; font-size: 25px; display: block; text-align: center; }
	
	.more-links-block h2 { font-size: 25px; }
	.more-links-block p, .more-links-block ul li { font-size: 16px; line-height: 1.4em; }
	body.page-template-template-landing .page-footer .wrapper { padding-top: 50px; }
	
	body.page-template-template-landingcrime .sidebar-banner { float: none; width: 100%; margin: 0; }
	body.page-template-template-landingcrime .banner-chat { margin-bottom: 20px; }
	
	.age-groups { background-image: none; }
	.age-groups ul.age-links li { margin: 0 5px; font-size: 30px; }
	.age-groups ul.age-links a { width: 75px; height: 75px; padding-top: 23px; }
	
	.crime-landing-page .col-main { margin-bottom: 25px; }
	.crime-landing-page .col-main .content { margin-bottom: 0; }
	
	#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; }
	
	.cyp-bottom-block .banner-safe { font-size: 30px; }
	
	.danger-banner { padding-top: 50px; }
	.danger-banner p { text-align: center; }
	#google_translate_element { left: 50%; margin-left: -80px; }
	
	ul.footer-logo-list img { max-width: 150px; max-height: 100px; }
	
}

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

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

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