/*!
Theme Name: World of Sweets
Theme URI: http://underscores.me/
Author: James Monk Design
Author URI: https://www.jamesmonkdesign.co.uk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wos
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

World of Sweets is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-weight: normal;
}

p {
	margin-bottom: 1.5em;
	font-size: 18px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #48AC9D;
}

a:hover {
	color: #fecd48;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */

#wpcf7-f200-p120-o1 {
    margin-bottom: 50px;    
}

.page div.wpcf7-response-output {
    padding: 15px;
    margin: 20px 0 10px;
    font-size: 1em;
}

.page span.wpcf7-not-valid-tip {
    text-align: left;
    font-size: 0.9em;
    margin-top: 5px;
}

.page .cf7sr-g-recaptcha-invalid span.wpcf7-not-valid-tip {
    text-align: center;
    font-size: 1em;
}

label {
    font-weight: bold;
}

fieldset {
    width: 50%;
    float: left;
    border: none;
    margin: 0;
    padding: 0 15px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;        
}

fieldset:last-of-type {
    float: right;
    padding-right: 0;
    padding-left: 15px;
}

.wpcf7 button,
.wpcf7 input[type="button"],
.wpcf7 input[type="reset"],
.wpcf7 input[type="submit"] {
    display: block;
    -webkit-appearance: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%; 
	color: rgba(255,255,255,1);
	font-weight: normal;
	font-size: 18px;
	background-color: #f02f4c;
	display: inline-block;
	padding: 10px 20px;	
	margin-top: 25px;
}

.wpcf7 button:hover,
.wpcf7 input[type="button"]:hover,
.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover {
	background-color: #48AC9D;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	font-size: 1.125em;
	border: none;
	padding: 10px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 25px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

.cf7sr-g-recaptcha {
    display: inline-block;
    margin-top: 0px;
}

.red {
    color: red;
}

span.wpcf7-list-item {
    margin: 10px 0 0;
    display: block;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	width: 80%;
	float: left;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 22px 0 0;
	text-align: center;	
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	text-align: left;
	background-color: #fecd48;
	padding: 20px;
	box-shadow: 2.5px 2.5px 2px #333;
}

.main-navigation ul ul li {
	margin: 0;
	font-size: 0.95em;
	padding: 5px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 275px;
	background-color: #fecd48;
	color: #000;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
	font-family: 'Proxima Nova Alt Bold';
	margin: 0 25px;
	font-size: 1.250em;
	display: inline-block;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
}

.main-navigation li.menu-item-has-children {
    background-image: url(/wp-content/themes/wos/img/down-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin:  0;
}

.page-links {
	clear: both;
	margin: 0;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------
# Custom Typography Styles */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;    
}

@font-face {
    font-family: 'Proxima Nova Alt Bold';
    src: url('fonts/ProximaNovaA-Bold.eot');
    src: url('fonts/ProximaNovaA-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNovaA-Bold.woff2') format('woff2'),
        url('fonts/ProximaNovaA-Bold.woff') format('woff'),
        url('fonts/ProximaNovaA-Bold.ttf') format('truetype'),
        url('fonts/ProximaNovaA-Bold.svg#ProximaNovaA-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Alt Rg';
    src: url('fonts/ProximaNovaA-Regular.eot');
    src: url('fonts/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNovaA-Regular.woff2') format('woff2'),
        url('fonts/ProximaNovaA-Regular.woff') format('woff'),
        url('fonts/ProximaNovaA-Regular.ttf') format('truetype'),
        url('fonts/ProximaNovaA-Regular.svg#ProximaNovaA-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quintal Script Personal Use';
    src: url('fonts/QuintalScriptPersonalUse-Bold.eot');
    src: url('fonts/QuintalScriptPersonalUse-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/QuintalScriptPersonalUse-Bold.woff2') format('woff2'),
        url('fonts/QuintalScriptPersonalUse-Bold.woff') format('woff'),
        url('fonts/QuintalScriptPersonalUse-Bold.ttf') format('truetype'),
        url('fonts/QuintalScriptPersonalUse-Bold.svg#QuintalScriptPersonalUse-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body, button, input, select, optgroup, textarea {
    font-family: 'Proxima Nova Alt Rg';	
}


/*--------------------------------------------------------
# General Site Header Styles */

header {
	background-color: #48AC9D;
	height: 100px;
	padding: 10px 35px;	
	position: fixed;
	z-index: 999;
	width: 100%;	
}

.header-spacer {
	height: 100px;
}

#logo {
	float: left;
	width: 15%;
}

#linkedin {
	float: right;
	width: 5%;
	text-align: right;
	padding-top: 25px;
}

#logo img {
	max-width: 165px;
}

.smaller #logo img {
	max-width: 60px;
}


/*--------------------------------------------------------
# General Page Template Styles */

.center-content {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

#menu-footer-quick-links-menu:after,
.about-box-wrapper:after,
.post-header:after,
.box-wrapper:after,
.row:after,
.contact-wrapper:after,
#channel-section-navigation ul,
.alternating-rows article:after,
.leadership-list article:after,
.brand-grid:after,
.news-posts-list:after,
.icon-wrapper:after,
.center-content:after {
    content: '';
    display: block;
    clear: both;    
}

main section {
	text-align: center;
	padding: 25px 0;
	position: relative;
}

main section h2 {
	text-align: center;
	font-size: 4.250em;
    font-family: 'Quintal Script Personal Use';	
	line-height: 0.75em;
}

.overlay {
	background-color:rgba(255, 255, 255, 0);
	width: 100%;
	height: 400px;	
}

.overlay:hover {
	background-color:rgba(255, 255, 255, 0.85);
}

.vertical-wrapper {
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;  
}

.vertical-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%); 	
}


/*--------------------------------------------------------
# Hero Area Section Styles */

main section.hero-image {
	padding: 0;
}

.hero-image img {
	vertical-align: bottom;
}

.hero-text {
	positioN: absolute;
	top: 100px;
	right: 50px;
	background-color: rgba(255, 255, 255, 0.75);
	padding: 40px 30px;	
	width: 350px;
}

.hero-text h1 {
	font-family: 'Proxima Nova Alt Bold';
	font-size: 2.188em;
}

.hero-text h1.sub {
	font-family: 'Quintal Script Personal Use';
	color: #48AC9D;
	font-size: 5.500em;
	line-height: 0.5em;
}

main section.hero-slideshow,
main section.hero-video {
	padding: 0;
}

.hero-slideshow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hero-slideshow li img {
	vertical-align: bottom;
}

.hero-video #h5vp_player {
	margin: 0;
}




#why-work-at-wos-content {
	background-color: #fecd48;
	padding: 75px 25px;
	color: #fff;	
}

#why-work-at-wos-testimonial-boxes {
	background-color: #fecd48;	
	padding: 0;
}

#why-work-at-wos-link-boxes ul,
#why-work-at-wos-testimonial-boxes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#why-work-at-wos-link-boxes ul::after,
#why-work-at-wos-testimonial-boxes ul::after {
	content: "";
	clear: both;
	display: table;
}

#why-work-at-wos-testimonial-boxes li {
	width: 50%;
	float: left;
}




#why-work-at-wos-link-boxes {
	padding: 60px 25px 110px;
}

#why-work-at-wos-link-boxes .link-box-wrapper {
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 500px;
  border-radius: 30px;
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
  position: relative;
  transition: transform .2s;
}

#why-work-at-wos-link-boxes .link-box-wrapper:hover {
	transform: scale(1.02);
}

#why-work-at-wos-link-boxes li {
	width: 33.3%;
	float: left;
	text-align: center;
}


#why-work-at-wos-link-boxes a {
	text-decoration: none;
	color: #000;
}

#why-work-at-wos-link-boxes h2 {
	font-family: 'Proxima Nova Alt Bold';
  font-size: 30px;
  background-color: #fecd48;
  border-radius: 30px;
  padding: 15px 10px;
  max-width: 300px;
  line-height: 1em;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
}

#why-work-at-wos-link-boxes h2 {
	font-family: 'Proxima Nova Alt Bold';
  	font-size: 30px;
}

#why-work-at-wos-testimonial-boxes .link-box-wrapper {

}

#why-work-at-wos-testimonial-boxes li:last-of-type .link-box-wrapper {

}

.link-box-wrapper p {
	margin: 0;
	padding: 0;
}

.testimonial-quote {
	background-image: url(/wp-content/themes/wos/img/speech-bubble-left.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 400px;
	height: 304px;
	padding: 60px 60px 60px 80px;
	transition: transform .2s;
}

.testimonial-content-wrapper {
	display: inline-block;
	padding-top: 20px;
	padding-left: 20px;
	width: 60%;
	text-align: center;
	vertical-align: text-top;
	height: 400px;
}

.testimonial-image {
	display: inline-block;
	width: 40%;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	height: 400px;	
	vertical-align: text-top;
}

.testimonial-content-wrapper:hover {
	transform: scale(1.02);
}

#why-work-at-wos-testimonial-boxes li:last-of-type {
	text-align: right;
}

#why-work-at-wos-testimonial-boxes li:last-of-type .testimonial-content-wrapper {
	width: auto;
}

#why-work-at-wos-testimonial-boxes li:last-of-type .testimonial-quote {
	background-image: url(/wp-content/themes/wos/img/speech-bubble-right.png);
	padding: 60px 80px 60px 60px;
}

#why-work-at-wos-testimonial-boxes li:last-of-type .testimonial-image {
	float: right;
	background-position: right center;
}

.staff-thumb {
	background-image: url(https://www.worldofsweets.co.uk/wp-content/uploads/1-4-400x400.png);
	margin: 0 auto;
		margin-bottom: 0px;
	width: 100%;
	max-width: 250px;
	height: 250px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 50%;
	border: 1px solid #666;
	margin-bottom: 25px;
	box-shadow: 3px 3px 2px #666;
}

#why-work-at-wos-testimonial-boxes a {
	color: #000;
	text-decoration: none;
}

.testimonial-content-wrapper p {
	color: #000;
	font-size: 19px;
	margin-bottom: 10px;
}

.testimonial-content-wrapper p:last-of-type {
	margin-bottom: 0;
}

main section#why-work-at-wos-testimonial-boxes h3,
main section#why-work-at-wos-testimonial-boxes h2 {
	line-height: 0.7em;
	width: 100%;
	text-align: center;
	max-width: 450px;
}

main section#why-work-at-wos-testimonial-boxes li:last-of-type h3,
main section#why-work-at-wos-testimonial-boxes li:last-of-type h2 {
	float: left;
}


main section#why-work-at-wos-testimonial-video p:last-of-type,
#why-work-at-wos-content p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#why-work-at-wos-link-boxes,
.page-template-page-why-work-at-roles-wos #why-work-at-wos-content {
background-color: #e0809b;
}

.page-template-page-why-work-at-roles-wos #why-work-at-wos-content a {
	text-decoration: none;
	display: inline-block;
	padding: 10px 80px;
	font-family: 'Proxima Nova Alt Bold';
	border-radius: 30px;
	font-size: 1.25em;
	margin-top: 0;
	background-color: #fecd48;
	color: #206753;
	transition: transform .2s;	
}

.page-template-page-why-work-at-roles-wos #why-work-at-wos-content a:hover {
	transform: scale(1.01);
}

.content-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
}

#why-work-at-wos-content h1 {
	font-family: 'Quintal Script Personal Use';
	color: #fff;
	font-size: 90px;
	text-transform: none;
	line-height: 0.6em;	
}

#why-work-at-wos-content p {
	color: #000;
}


#why-work-at-wos-testimonial-video {
	background-color: #206753;
	padding: 60px 25px;	
}


#why-work-at-wos-call-to-action {
	background-color: #206753;
	padding: 220px 25px;
}

main section#why-work-at-wos-testimonial-video h2 {
	color: #fff;
	font-size: 40px;
	font-family: 'Proxima Nova Alt Bold';
	padding-bottom: 10px;
}



#why-work-at-wos-call-to-action a.btn {
	text-decoration: none;
	display: inline-block;
	padding: 10px 40px;
	font-family: 'Proxima Nova Alt Bold';
	border-radius: 30px;
	font-size: 1.75em;
	margin-top: 0;
	background-color: #fecd48;
	color: #206753;
	transition: transform .2s;
  }

  #why-work-at-wos-call-to-action a.btn:hover {
	transform: scale(1.01);
  }


/*--------------------------------------------------------
# Various Page Section Styles */

.block-image {
	position: absolute;
	z-index: 1;
	top: 0;
	display: none;
}

.block-image img {
	max-width: 200px;
}

.who-we-are h2 {
	color: #48AC9D;
}

.latest-news h2,
.explore-our-brands h2,
.our-channels h2 {
	color: #fff;
}

.who-we-are p {
    font-family: 'Proxima Nova Alt Bold';	
	font-weight: bold;
	font-size: 1.375em;
	line-height: 1.3em;	
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.wo-icons-stats p,
.our-channels p {
	font-family: 'Proxima Nova Alt Bold';	
	font-weight: bold;
	font-size: 1.125em;
	line-height: 1.3em;	
	color: #fff;
}

.wo-icons-stats h3 {
	color:#f02f4c;
	font-family: 'Proxima Nova Alt Bold';		
}

.wo-icons-stats p {
	color: #000;
}

.wo-icons-stats p:first-of-type,
.row-content p:first-of-type,
.our-channels p:first-of-type,
.who-we-are p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}

.wo-icons-stats p:last-of-type,
.row-content p:last-of-type,
.our-channels p:last-of-type,
.who-we-are p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

a.btn {
	text-decoration: none;
	display: inline-block;
	padding: 10px 40px;
    font-family: 'Proxima Nova Alt Bold';	
	border-radius: 10px;
	font-size: 1.125em;
	margin-top: 20px;	
}

.explore-our-brands a.btn,
.who-we-are a.btn {
	color: #fff;
	background-color: #48AC9D;
	border: 2px solid #48AC9D;
}

.explore-our-brands a.btn:hover,
.who-we-are a.btn:hover {
	background: none;
	color: #fff;
	border: 2px solid #fff;	
}

.news-summary a.btn {
	background-color: #fecd48;
	border: 2px solid #fecd48;
	color: #000;
	margin-top: 15px;
	font-size: 1.125em;
}

.news-summary a.btn:hover {
	border: 2px solid #000;
	background: none;
}

.our-channels a.btn {
	background-color: #fecd48;
	border: 2px solid #fecd48;	
	color: #48AC9D;
}

.our-channels a.btn:hover {
	color: #fecd48;	
	background: none;
}

.wo-icons-stats ul,
.our-channels ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wo-icons-stats li,
.our-channels li {
	float: left;
	width: 25%;
	margin-top: 10px;
	padding: 0 20px;
	margin-bottom: 10px;
}

.wo-icons-stats li img,
.our-channels li img {
	max-width: 175px;
	margin-bottom: 10px;
}

.about-us-three-boxes article {
	width: 33.3%;
	float: left;
	padding: 0 25px 25px;
	position: relative;
}

.about-box p {
	color: #fff;
}

.box-wrapper article {
	width: 33.3%;
	float: left;
	height: 450px;
	position: relative;
}

.about-box {
	min-height: 275px;
}

.about-us-three-boxes {
	background-color: #48ac9d;
	padding-bottom: 65px;
}

.box-wrapper article:nth-of-type(1n) {
	border-right: 20px solid #fff;
}

.box-wrapper article:nth-of-type(2n) {
	border-left:10px solid #fff;
	border-right: 10px solid #fff;	
}

.box-wrapper article:nth-of-type(3n) {
	border-left: 20px solid #fff;
}

.about-us-three-boxes a.btn {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #48AC9D;
	padding: 10px 20px;
	text-transform: inherit;
	border-radius: 10px;
	margin-top: 0;
}

.about-us-three-boxes .image {
	margin-top: -100px;
}

.about-us-three-boxes .image img {
	max-width: 200px;
	max-height: 200px;
}

.wo-three-boxes a {
	text-decoration: none;
}

.about-us-three-boxes h2,
main section.wo-three-boxes h2 {
	font-family: 'Proxima Nova Alt Bold';
	font-size: 2.500em;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 5px;
}

.about-us-three-boxes h2.sub,
main section.wo-three-boxes h2.sub {
	font-family: 'Quintal Script Personal Use';
	color: #fff;
	font-size: 6.875em;
	text-transform: none;
	line-height: 0.6em;
	letter-spacing: 0;
}

.wo-three-boxes .image {
	position: absolute;
	z-index: 1;
	bottom: 10px;
	right: 0;
	left: 0;
}

.title-container {
	padding: 60px 15px 0;
}

.page-id-27 .wo-three-boxes article:last-of-type .image {
	left: auto;
}

.wo-three-boxes .image img {
	max-height: 250px;
	max-width: 80%;
}

.buttons-wrapper {
	margin-top: 20px;
}

.buttons-wrapper a {
	margin: 0 5px;
}

.owl-one {
	margin-top: 10px;
}

.explore-our-brands .owl-one a.btn {
	background-color: #fecd48;
	border: 2px solid #fecd48;
	color: #000;
	padding: 10px 30px;
	margin-top: 0;
}

.explore-our-brands .owl-one a.btn:hover {
	background: none;
	border: 2px solid #000;	
}

.owl-one article {
	border-radius: 20px;
	padding: 25px;
	text-align: center;
	height: 500px;	
}

.owl-carousel .owl-item article img {
	max-width: 200px;
	display: inline-block;
}

.center-content .owl-theme .owl-nav [class*="owl-"]:hover,
.center-content .owl-theme .owl-nav [class*="owl-"] {
    background: none;
}

.center-content .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    z-index: 2;
}

.center-content .owl-theme .owl-nav {
    position: absolute;
    margin-top: 0;
    left: 20px;
    right: 20px;
	top: 40%;
    z-index: 1;
}

.center-content .owl-prev {
    float: left;
}

.center-content .owl-next {
    float: right;
}

.center-content .owl-theme .owl-prev {
    margin-left: -100px;
}

.center-content .owl-theme .owl-next {
    margin-right: -100px;
}



/*--------------------------------------------------------
# Standard Header Section Styles */

.page-id-1020 .simple-text {
    min-height: auto;
}

main section.simple-image-header {
    padding: 0;
}

.simple-image-header img {
    vertical-align: bottom;
}

.simple-image-header.mobile {
    display: none;
}


/*--------------------------------------------------------
# News Section Styles */

main section.post-header {
	padding-top: 0;
	color: #fff;
	text-align: left;
}

.post-header article {
	float: left;
	width: 50%;
	height: 480px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;		
}

.post-header article:last-of-type {
	background-color: #fecd48;
	padding: 60px;
}

.post-header article h1 {
	color: #48AC9D;
	font-family: 'Proxima Nova Alt Bold';
	font-size: 3.125em;
	text-transform: uppercase;
	letter-spacing: 5px;
	word-break: break-word;
}

.post-header p.date {
	margin: 0 0 5px;
	padding: 0;
	color: #fff;
}

.post-header p {
	font-family: 'Proxima Nova Alt Bold';
	font-weight: bold;
	font-size: 1.313em;
	line-height: 1.3em;
	width: 100%;
	max-width: 550px;
	color: #000;
}

main section#single-post {
	text-align: left;
	padding: 0;
	margin-bottom: 50px;
}

#single-post a.btn {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #48AC9D;
	padding: 10px 20px;
	text-transform: uppercase;
	border-radius: 10px;	
}


/*--------------------------------------------------------
# News Posts List Section Styles */

#news-posts-list {
	margin-bottom: 10px;
}

.news-posts-list article {
	text-align: left;
	border-radius: 20px;
	margin-top: 10px;
	background-color: #4CC7B7;
	color: #fff;
	overflow: hidden;
	margin-bottom: 4%;
}



.news-posts-list h3 {
	font-size: 1.875em;
}

.news-posts-list h3 a {
	text-decoration: none;
	color: #fff;
}

.news-summary p.date {
	margin: 0;
	padding: 0;
	font-weight: bold;	
}

.news-thumbnail {
	height: 250px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.news-summary {
	padding: 25px;
}

.news-summary p {
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.news-posts-list article:nth-child(odd) {
	float: left;
	width: 48%;
	margin-right: 2%;
    clear:left;	
}

.news-posts-list article:nth-child(even) {
	float: right;
	width: 48%;
	margin-left: 2%;
}

.news-posts-list article:nth-child(even)::after,
.news-posts-list articlem:nth-child(2n+1){
    clear:left
}



/*--------------------------------------------------------
# Brand Carousal Section Styles */

.brand-hero-wrapper {
	height: 250px;
}

.owl-carousel .owl-item img.brand-hero {
	max-height: 250px;
	width: auto;
}

.brand-logo-wrapper {
	height: 150px;
}

.owl-carousel .owl-item article img.brand-logo {
	max-height: 125px;
	width: auto;
}


/*--------------------------------------------------------
# Leadership Section Styles */

main section.leadership-list h2 {
	text-align: left;
}

.leadership-list article {
	margin-bottom: 50px;
	border: 2px solid #ccc;
}

.leadership-img {
	float: left;
	width: 25%;
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.leadership-list article:nth-child(even) .lines,
.leadership-list article:nth-child(even) .leadership-img {
	float: right;
}

.lines {
	float: left;
	width: 1%;
}

.line {
	width: 100%;
	height: 200px;
}

.line.green {
	background-color: #48AC9D;
}

.line.yellow {
	background-color: #fecd48;
}

.leadership-bio {
	float: right;
	width: 74%;
	text-align: left;
	height: 400px;
	padding: 0 35px;
}

.leadership-bio p {
	margin: 0;
	padding: 5px 0;
	font-size: 17px;
}

.leadership-list article:nth-child(even) .leadership-bio {
	float: left;
}

.leadership-bio h2 {
	font-family: 'Proxima Nova Alt Bold';
	color: #48AC9D;
	text-transform: uppercase;	
	font-size: 2.250em;
	padding-bottom: 5px;	
}

.leadership-bio h3 {
	text-transform: uppercase;
	font-family: 'Proxima Nova Alt Bold';
	font-size: 1.625em;
	margin-bottom: 10px;
}

.latest-news .wp-pagenavi {
	padding: 10px 0 30px;
}

.latest-news .wp-pagenavi a, 
.latest-news .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 6px 10px;
  margin: 4px;
}


/*--------------------------------------------------------
# WOS Intro and Alternating Section Styles */

main section.wos-intro {
	padding: 75px 0;
}

main section.wos-intro h2 {
	font-family: 'Proxima Nova Alt Bold';
	font-size: 3.125em;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 5px;
}

main section.wos-intro h2.sub {
	font-family: 'Quintal Script Personal Use';
	color: #fff;
	font-size: 8.125em;
	text-transform: none;
	line-height: 0.6em;
}

.wos-intro .header-image img {
	max-height: 300px;
}

.wos-intro .header-image {
	top: 20px;
}

.wos-intro p {
	font-family: 'Proxima Nova Alt Bold';
	font-weight: bold;
	font-size: 1.313em;
	line-height: 1.3em;
	width: 100%;
	max-width: 850px;
	margin: 20px auto 0;
	color: #fff;
}

.row-image {
	float: left;
	width: 50%;
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.row-content {
	float: right;
	width: 50%;
	height: 450px;	
}

.row-content a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #48AC9D;
	padding: 10px 20px;
	text-transform: uppercase;
	border-radius: 10px;
	margin-top: 20px;
}

.row-content-wrapper {
	width: 100%;
	padding: 0 25px;
	margin: 0 auto;
}

main section.wo-image-text-alternating h2 {
	color: #f02f4c;
	font-size: 4.375em;
}

.row-content-wrapper p {
	font-family: 'Proxima Nova Alt Bold';
	font-weight: bold;
	font-size: 1.375em;
	line-height: 1.3em;
	max-width: 500px;
	margin: 0 auto;
	margin-top: 0px;
	width: 100%;
}

main section.wo-image-text-alternating {
	padding: 0;
}

.alternating-rows article:nth-child(even) .row-content {
	float: left;
}

.alternating-rows article:nth-child(even) .row-image {
	float: right;
}


/*--------------------------------------------------------
# Simple Text Section Styles */

.simple-text {
	text-align: inherit;
	min-height: 400px;
	padding: 60px 0;
}

.simple-text h2 {
	font-family: 'Proxima Nova Alt Bold';
	text-align: inherit;	
	font-size: 3.625em;
}

.simple-text h4,
.simple-text h3 {
	font-family: 'Proxima Nova Alt Bold';
	font-size: 1.875em;
	max-width: 900px;
	margin: 0 auto;	
	line-height: 1.2em;
}

.simple-text h3 strong {
	color: #f02f4c;
}

.simple-text h4 {
	color: #fff;
}

.simple-text a.btn {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #48AC9D;
	padding: 10px 20px;
	text-transform: uppercase;
	border-radius: 10px;	
}

.simple-text .tablepress tfoot th, .simple-text .tablepress thead th {
	background-color: #E0809B;
}

.simple-text .column-1 {
	width: 70%;
}

.simple-text .column-2 {
	width: 30%;
}

/*--------------------------------------------------------
# WOS Coloured Section Styles */

.wos-coloured-info {
	color: #fff;
	padding: 50px 0;
}

.wos-coloured-info p {
	font-family: 'Proxima Nova Alt Bold';
	font-weight: bold;
	font-size: 1.625em;
	line-height: 1.3em;
	max-width: 900px;
	margin: 0 auto;
}


/*--------------------------------------------------------
# Our Channels Section Styles */

main section.our-channels-sections {
	padding: 0;
}

#channel-section-content .flexslider {
	border: none;
	margin-bottom: 0;
}

#channel-section-navigation ul {
	margin: 30px 0;
	padding: 0;
}

#channel-section-navigation li {
	display: inline-block;
	margin: 0 15px;
}

#channel-section-navigation li a {
	text-decoration: none;
	color: #000;
	font-size: 1.250em;
	font-family: 'Proxima Nova Alt Bold';
	border: 2px solid #48AC9D;
	padding: 5px 10px;
	min-width: 180px;
	text-align: center;
	text-transform: uppercase;	
	display: block;
}

#channel-section-navigation li a:hover {
	background-color: #48AC9D;
	color: #fff;
}

#channel-section-content .flex-control-nav {
	z-index: 2;
}

#channel-section-content .flex-control-paging li a.flex-active {
	background: #fff;
}

#channel-section-content .flex-control-nav {
	bottom: 10px;
}

#channel-section-content .flex-control-paging li a {
	background: none;
	border: 1px solid #fff;
}

.channel {
	position: relative;
}

.anchor-link {
	margin-top: -100px;
	width: 0;
	height: 0;
	position: absolute;
}


/*--------------------------------------------------------
# Standard Header Section Styles */

.header {
	height: 400px;
	position: relative;
	overflow: hidden;
	padding: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;	
}

.header-bars {
	position: absolute;
	width: 100%;
	height: 400px;
	z-index: 1;
}

.header-bar {
	width: 100%;
}

.header-bar.top {
	height: 165px;
}

.header-bar.bottom {
	height:  335px;
}

.header-text {
	z-index: 2;
	left: 20%;
	width: 40%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.header h1 {
	font-family: 'Proxima Nova Alt Bold';
	font-size: 3.125em;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 5px;
}

.header h1.sub {
	font-family: 'Quintal Script Personal Use';
	color: #fff;
	font-size: 8.125em;
	text-transform: none;
	line-height: 0.6em;
	letter-spacing: 0;
}

.header-image {
	position: absolute;
	z-index: 2;
	top: 0px;
    right: 10%;
	height: 400px;
	text-align: center;
}

.header-image img {
	max-width: 400px;
	max-height: 350px;
}

.header p {
	margin: 0 auto;
    margin-top: 0px;
	margin-top: 0px;
	width: 100%;
	max-width: 650px;
	font-weight: bold;
	font-size: 1.250em;
	margin-top: 10px;
}


/*--------------------------------------------------------
# Brand Grid Section Section Styles */

main section.brand-grid {
	padding: 0;
}

.brand-grid ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.brand-grid li {
	float: left;
	width: 25%;
	height: 400px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;		
}

.brand-grid a.btn {
	color: #000;
	border: 2px solid #48AC9D;
	background-color: #48AC9D;
}

.hover-text {
	display: none;
	width :100%;
	max-width: 350px;
	margin: 0 auto;
}

.overlay:hover .hover-text {
	display: block;
}

.hover-text p {
	margin: 0;
	padding: 0;
	font-size: 1.188em;
	font-family: 'Proxima Nova Alt Bold';
}

.simple-text ul {
	margin-left: 0;
}

/*--------------------------------------------------------
# Contact Form Section Section Styles */

.contact-form-description,
.contact-details {
	text-align: left;
}

.nerds-form .center-content,
.contact-form .center-content,
.contact-details .center-content {
	max-width: 900px;
}

.contact-column,
.column {
	float: left;
	width: 50%;
	padding-right: 12.5px;
}

.contact-column.last,
.column.last {
	padding-right: 0;
	padding-left: 12.5px;
}

.wpcf7-form p {
	padding: 0;
	margin: 0;
	text-align: left;
}

.nerds-form,
.contact-form {
	background-color: #B1D1C7;
	background-image: url(/wp-content/themes/wos/img/pencil-bg.png);
	background-repeat: no-repeat;
	background-position: 20% top;
}

#wpcf7-f865-o1 textarea {
	margin-bottom: 0;
}

/*--------------------------------------------------------
# Explore our Brands Section Styles */

.explore-our-brands .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}

.explore-our-brands .owl-theme .owl-dots .owl-dot span {
	margin: 5px 5px;
	background: #fff;	
}

.explore-our-brands .owl-theme .owl-dots .owl-dot.active span, 
.explore-our-brands .owl-theme .owl-dots .owl-dot:hover span {
    background: #48AC9D;
}


/*--------------------------------------------------------
# Misc Page Template Styles */

img.coloured-img {
	margin-top: 25px;
}

#h5vp_player {
	margin: 25px 0 50px;
}

#html .arve {
	max-width: 1000px!important;
	margin: 0 auto 50px auto !important;
}





.signup-content form label {
	color: #206957;
	font-weight: normal;
}

.signup-content select, 
.signup-content input[type="text"], 
.signup-content input[type="email"], 
.signup-content input[type="url"], 
.signup-content input[type="password"], 
.signup-content input[type="search"], 
.signup-content input[type="number"], 
.signup-content input[type="tel"], 
.signup-content input[type="range"], 
.signup-content input[type="date"], 
.signup-content input[type="month"], 
.signup-content input[type="week"], 
.signup-content input[type="time"], 
.signup-content input[type="datetime"], 
.signup-content input[type="datetime-local"], 
.signup-content input[type="color"], 
.signup-content textarea {
	border: 1px solid #206957;
}




.signup-content h2 {
	color: #206957;
	text-align: left;
	font-size: 2em;
	font-family: 'Proxima Nova Alt Bold';
	margin-bottom: 20px;
	line-height: 1.2em;	
}

.signup-content aside h2 {
	margin-bottom: 30px;
	line-height: 1.2em;
}

.signup-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.signup-content li {
	margin: 0;
	padding: 10px 0;
	  padding-left: 0px;
	padding-left: 0px;
	padding-left: 0px;
	background-image: url(/wp-content/themes/wos/img/check.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	font-size: 21px;
	background-size: 35px;
	padding-left: 50px;
	color: #206957;
}


.signup-what-our-customers-say {
	background-color: #A1D3C2;
	padding: 60px 0;
	color: #206957;
	background-repeat: no-repeat;
	background-position: 97.5% bottom;
	background-size: 225px;
}

.signup-what-our-customers-say ul {
	margin: 75px 0 0;
	padding: 0;
	list-style: none;
}

.signup-what-our-customers-say li {
	width: 33.3%;
	float: left;
	padding: 20px;
}

.circle {
	background-color: #46AF9E;
	border-radius: 50%;
	padding: 10px;
	min-height: 325px;
}

.testimonial-img {
	border-radius: 50%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100px;
	height: 100px;
	border: 3px solid #fff;
	box-shadow: 1.5px 1.5px 3px #333;
	margin-top: -50px;
}

.circle p {
	color: #fff;
	font-size: 26px;
	margin: 0;
	padding: 10px 25px 0;
	line-height: 1.2em;
}

.signup-what-our-customers-say h3 {
	color: #206957;
	font-family: 'Proxima Nova Alt Bold';
	font-size: 22px;
	padding-top: 5px;
	max-width: 70%;
	margin: 0 auto;
	line-height: 1.25em;
}


.signup-content .wpcf7 input[type="submit"] {
	background-color: #48AC9D;
	text-transform: inherit;
	font-family: 'Proxima Nova Alt Bold';
	font-size: 1.5em;
	margin-top: 10px;
	border-radius: 15px;
}


.signup-content article {
	float: left;
	width: 50%;
	padding-right: 100px;
	text-align: left;
	padding-top: 40px;
	position: relative;
  z-index: 3;
}


.signup-content aside {
	float: right;
	width: 50%;
	border: 1px solid #206957;
	padding: 40px 20px 5px;
	box-shadow: 3px 3px 6px #555;
	position: relative;
	z-index: 2;
	background-color: #fff;
	margin-top: -75px;
}


.page-id-1082 header {
	background-color: #FFCA52;
}

main section.signup-header {
	padding: 60px 0;
	background-color: #48AC9D;
	color: #fff;
}


.signup-content {
	position: relative;
	padding-bottom: 60px;
}
/*
#signup-content-img-1 img {
	max-width: 400px;
}
*/
#signup-content-img-1 {
	position: absolute;
	top: 50px;
	left: 1%;
	z-index: 1;
	width: 100%;
	max-width: 15%;
}

#signup-content-img-2 {
	position: absolute;
	top: 550px;
	right: 1%;
	z-index: 1;
}

#signup-content-img-2 img {
	max-width: 250px;
}


#signup-content-img-3 {
	position: absolute;
	bottom: -30px;
	left: 1%;
	z-index: 1;
}

#signup-content-img-3 img {
	max-width: 400px;
}


#signup-content-img-4 {
	position: absolute;
	position: absolute;
	top: -50px;
	right: -50px;
	z-index: 1;
}

#signup-content-img-4 img {
	max-width: 380px;
}


#signup-header-img-1 {
	position: absolute;
	z-index: 2;
	left: 275px;
	top: 15px;
	width: 100%;
	max-width: 400px;
}

/*
#signup-header-img-1 img {
	max-width: 300px;
}
*/
.signup-header-text {
	float: right;
	width: 50%;
	text-align: left;
	padding-left: 20px;
	position: relative;
	z-index: 99999;
}

.signup-header-text h1 {
	font-size: 2.75em;
	font-family: 'Proxima Nova Alt Bold';
	margin-bottom: 50px;
}

.signup-header-text h1 strong {
	font-family: 'Quintal Script Personal Use';
	font-size: 1.6em;
	color: #FFCA52;
}


#signup-header-img-2 {
	position: absolute;
	right: -25px;
	top: -95px;
	z-index: 9999;
}

#signup-header-img-2 img {
	max-width: 380px;
}


.signup-we-can-help {
	background-color: #e0809b;
	padding: 60px 0;
	color: #fff;
}

.signup-what-our-customers-say h2,
.signup-we-can-help h2 {
	font-size: 2em;
	font-family: 'Proxima Nova Alt Bold';
	margin-bottom: 50px;
	line-height: 1.2em;
}

.signup-content h2 strong,
.signup-what-our-customers-say h2 strong,
.signup-we-can-help h2 strong {
	font-family: 'Quintal Script Personal Use';
	font-size: 1.75em;
}

.signup-we-can-help ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.signup-we-can-help li {
	margin: 0;
	padding: 10px 0;
	  padding-left: 0px;
	background-image: url(/wp-content/themes/wos/img/check.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	font-size: 23px;
	background-size: 35px;
	padding-left: 50px;
}

.signup-we-can-help p {
	font-size: 23px;	
}

.signup-what-our-customers-say ul::after,
.content-wrap::after {
	content: '';
	display: block;
	clear: both;
}

.signup-we-can-help aside {
	float: left;
	width: 30%;
	padding-right: 50px;
}

.signup-we-can-help article {
	float: right;
	width: 70%;
	text-align: left;
}

#signup-header-img-2,
#signup-content-img-1,
#signup-content-img-4,
#signup-content-img-3,
#signup-content-img-2 {
	display: none;
}





/*--------------------------------------
# Job application page styles */

#job-form-details {
	padding: 35px 0;
}

.single-job #slider-container {
    background-position: center bottom;
    background-size: cover;
    min-height: 550px;
}

.single-job div.wpcf7-response-output {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px;
    text-align: center;
}

.single-job span.wpcf7-not-valid-tip {
    color: #fff;
}

#job-form-details {
    background-color: #fff;
}

.job-section {
    display: block;
    width: 100%;
    clear: both;
    padding: 15px 0;
}

.job-section:after {
    content: '';
    display: block;
    clear: both;
}

.single-job h3 {
    color: #000;
    font-weight: normal;
    padding-bottom: 30px; 
    font-size: 2em;
}

.job-section h2 {
	color: #000;
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 2em;
	text-transform: uppercase;
}

.job-section p {
    margin: 10px 0;
    padding: 0;
}

#job-form-container {
    background-image: url(img/Contact-page-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    display: block;
    width: 100%;
	padding: 60px 0;
}

#job-form-form h2 {
    color: #fff;
    font-weight: normal;
    padding-bottom: 20px;   
	font-size: 2.688em;  
}


#job-form-form p {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}

#job-form-form input {
    margin-top: 5px;
	font-size: 1em;
}

#job-form-form input[type=file] {
    color: #fff;    
}

#job-form-form button,
#job-form-form input[type="button"],
#job-form-form input[type="reset"],
#job-form-form input[type="submit"] {
    background-color: #fff;
    color: #000;
	margin-top: 15px;
}

#job-form-form button:hover,
#job-form-form input[type="button"]:hover,
#job-form-form input[type="reset"]:hover,
#job-form-form input[type="submit"]:hover {
    background-color: #f0f0f0;
}


/*--------------------------------------------------------
# Job Roles Section Styles */

.job-roles {
	padding-top: 75px;
	margin: 0 auto;
	width: 100%;
	max-width: 1060px;
}

.job-roles h2 {
    text-align: center;
    color: #fff;
    font-size: 3.1em;
	padding-bottom: 10px;
}

.job-roles ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #fff;
}

.job-roles li {
    border-bottom: 1px solid #fff;
	padding: 25px;	
}

.job-roles li:last-of-type {
	border-bottom: 0;
}

.opportunity-content::after,
.job-roles li::after {
    content: '';
    display: block;
    clear: both;    
}

.job-icon {
	float: left;
	width: 10%;
	padding-right: 12.5px;
	margin-top: 25px;
}

.job-details {
	float: right;
	width: 90%;
	padding-left: 12.5px;
}

.job-roles li h3 {
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
}

#why-work-at-wos-content .job-roles li p {
	color: #fff;
	font-size: 17px;
}

.opportunity-content {
	text-align: left;
}

.page-template-page-why-work-at-roles-wos #why-work-at-wos-content .opportunity-content a {
	display: block;
	width: 100%;
	float: right;
	max-width: 175px;
	background-color: #fff;
	color: #e0809b;
	text-align: center;
	border-radius: 10px;
	padding: 12.5px 0px;
	margin-top: 20px;
	font-size: 1em;
}


/*--------------------------------------------------------
# General Site Footer Styles */

footer {
	background-color: #fecd48;
	padding: 25px;
	color: #fff;
    font-family: 'Proxima Nova Alt Bold';	
}

footer h2 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

footer a {
	color: #fff;
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size .3s;
}

footer a:hover {
	color: #fff;
	background-size: 100% 1px;
}

footer p,
footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer li {
	float: left;
	width: 50%;
	text-transform: uppercase;	
}

footer section {
	display: inline-block;
	vertical-align: text-top;
	padding-left: 25px;
	max-width: 350px;
}

footer section:first-of-type {
	padding-left: 0;
}

footer section:last-of-type {
	float: right;
	padding-left: 0;
	padding-top: 25px;
}

#footer-logo img {
	max-width: 250px;
}
/*
#footer-menu li:last-of-type {
	width: 100%;
}
*/

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 1600px) {
	#logo img {
		max-width: 130px;
	}
}


/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 1360px) {
	.header-text {
		left: 10%;
	}
	.post-header article:last-of-type {
		padding: 40px;
	}	
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 1260px) {
	.brand-grid li {
		width: 33.3%;
	}
	#logo img {
		max-width: 100px;
	}	
	#signup-header-img-1 {
		left: 175px;
	}
	.signup-header-text {
		z-index: 0;
	}
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 1160px) {
	.post-header article {
		float: none;
		width: 100%;
	}
	.post-header article:last-of-type {
		height: auto;
	}
	.post-header p:last-of-type {
		margin-bottom: 0;
		padding-bottom:0;
	}
	#signup-header-img-1 {
		left: 20px;
		top: 55px;
	  }	
	  #why-work-at-wos-testimonial-boxes li:last-of-type,
	  #why-work-at-wos-testimonial-boxes li {
		  width: 100%;
		  text-align: left;
		  float: none;
		}	
		#why-work-at-wos-testimonial-boxes li:last-of-type .testimonial-content-wrapper {
			width: 60%;
		}
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 1060px) {
	.header-text {
		left: 5%;
	}
	.header-image {
		right: 5%;
	}
	.brand-grid li {
		width: 50%;
	}	
	.header-text {
		width: 60%;
	}
	footer section:last-of-type {
		display: none;
	}	
	.signup-content aside {
		float: none;
  		width: 100%;
		margin-top: 25px;
	}
	.signup-content article {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-top: 20px;
	}	
	.signup-content .wpcf7 input[type="submit"] {
		font-size: 1.25em;
	}
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 960px) {
	#why-work-at-wos-link-boxes .link-box-wrapper {
		height: 300px;
	}
	#why-work-at-wos-link-boxes h2 {
		font-size: 26px;
	}	
	.wo-icons-stats li, .our-channels li {
		width: 50%;
	}
	.header-text {
		left: 0%;
	}
	.header-image {
		right: 0%;
	}	
	.header-image img {
		max-width: 325px;
	}
	.box-wrapper article:nth-of-type(3n),
	.box-wrapper article:nth-of-type(2n),
	.box-wrapper article:nth-of-type(n),
	.box-wrapper article {
		margin: 0;
		float: none;
		border: none;
		width: 100%;
		padding: 0;
		display: block;
	}
	.box-wrapper article:nth-of-type(3n),
	.box-wrapper article:nth-of-type(2n) {
		margin-top: 20px;
	}	
	.leadership-list article {
		border: none;
		margin-bottom: 100px;
	}	
	.signup-what-our-customers-say li {
		width: 50%;
		margin-bottom: 40px;
	}
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 860px) {
    .simple-image-header.mobile {
        display: block;
    }  
    .simple-image-header.desktop {
        display: none;
    }         
	.about-us-three-boxes article,
	.news-posts-list article,
	.news-posts-list article:first-of-type,
	.news-posts-list article:last-of-type {
		margin-left: 0;
		margin-right: 0;
		float: none;
		border: none;
		width: 100%;
		padding: 0;
		display: block;
	}
	.about-us-three-boxes article {
		padding: 20px;
	}
	.about-us-three-boxes .image {
		margin-top: 0;
	}	
	.about-box {
		min-height: auto;
	}		
	.news-posts-list article {
		margin-bottom: 20px;
	}	
	.news-posts-list article:last-of-type {
		margin-bottom: 0;
	}	
	.header-image img {
		max-width: 350px;
	}
	.wos-intro .header-image,
	#footer-linkedin {
		display: none;
	}
	footer section {
		width: 50%;
	}
	.signup-we-can-help article,
	.signup-we-can-help aside {
		width: 50%;
	}
	#signup-header-img-1 {
		left: 20px;
		top: 95px;
		max-width: 350px;
	  }
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 700px) {
	#why-work-at-wos-link-boxes {
		padding: 60px 25px;
	  }
	#why-work-at-wos-link-boxes .link-box-wrapper {
		max-width: none;
	}
	#why-work-at-wos-link-boxes li {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 75px;
	  }	
	.staff-thumb {
		max-width: 175px;
  height: 175px;
	}
	#why-work-at-wos-testimonial-boxes {
		padding: 0 0 25px;
	  }
	main section#why-work-at-wos-testimonial-video h2 {
		line-height: 1em;
	}
	#why-work-at-wos-testimonial-boxes li:last-of-type .testimonial-content-wrapper,
	.testimonial-content-wrapper {
		width: 100%;
		display: block;
		padding-top: 0;
		padding-left: 0;
		padding: 25px 25px 0;
		height: auto;
	}
	.testimonial-image {
		display: none;
	}
	#why-work-at-wos-testimonial-boxes li:last-of-type .testimonial-quote,
	.testimonial-quote {
		display: inline-block;
		height: auto;
		width: auto;
		padding: 0;
		padding: 20px;
		border-radius: 15px;
		background: none;
		background-color: rgba(0, 0, 0, 0);
		background-image: none;
		border: 7px solid #48AC9D;
		margin-bottom: 15px;
		background-color: #fff;
		transform-style: flat;
	}
	.testimonial-content-wrapper .vertical-content {
		position: static;
		top: auto;
		transform: none;
	}	
	main section#why-work-at-wos-testimonial-boxes h3, main section#why-work-at-wos-testimonial-boxes h2 {
		max-width: none;
	}
	.row-image {
		background-position: top center;
		background-size: contain;
	}
	.leadership-bio {
		float: none;
		width: 100%;
		text-align: center;
		height: auto;
		padding: 0;
	}	
	.leadership-img {
		float: none;
		width: 100%;
		height: 400px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		margin-bottom: 20px;
	}	
	.leadership-list article {
		margin-bottom: 50px;
	}	
	main section.leadership-list h2 {
		text-align: center;
	}
	.lines {
		display: none;
	}
	.header {
		height: auto;
		transform-style: flat;
	}
	.header-text {
		position: inherit;
		top: auto;
		transform: none;
		padding: 25px;	
		width: 100%;
		left: auto;			
	}
	#logo img {
		max-width: 60px;
	}	
	main section.wos-intro h2,
	.post-header article h1,
	.header h1 {
		font-size: 2.000em;
	}
	main section.wos-intro h2.sub,
	.header h1.sub {
		font-size: 4.375em;
	}
	.header p {
		font-size: 1.125em;
	}
	.row-content,
	.row-image,
	.about-us-three-boxes article,
	.box-wrapper article:nth-of-type(3n),
	.box-wrapper article:nth-of-type(2n),
	.box-wrapper article:nth-of-type(n),
	.box-wrapper article,
	.post-header article:last-of-type,
	.post-header article,
	.contact-column.last, .column.last,
	.contact-column, .column,
	.brand-grid li,
	footer section:last-of-type,
	footer section,
	.wo-icons-stats li, .our-channels li,
	.news-posts-list article:first-of-type,
	.news-posts-list article:last-of-type {
		margin: 0;
		float: none;
		border: none;
		width: 100%;
		padding: 0;
		display: block;
	}
	footer section {
		width: 100%;
	}
	.row-content {
		height: auto;
		margin: 30px 0;
	}
	.row-image {
		height: 300px;
	}
	.row-content-wrapper p {
		max-width: none;
	}
	.about-us-three-boxes article {
		padding: 20px;
	}
	.about-us-three-boxes .image {
		margin-top: 0;
	}	
	.post-header article {
		height: 200px;
	}
	.post-header article:last-of-type {
		height: auto;
		padding: 25px;
	}
	.post-header p {
		margin-bottom: 0;
	}
	.box-wrapper article:nth-of-type(3n),
	.box-wrapper article:nth-of-type(2n),
	.news-posts-list article:last-of-type,
	.news-posts-list article {
		margin-top: 20px;
	}
	.wo-three-boxes .image img {
		max-height: 185px;
	}	
	.about-us-three-boxes h2.sub, main section.wo-three-boxes h2.sub {
		font-size: 5.156em;
	}
	.about-us-three-boxes h2, main section.wo-three-boxes h2 {
		font-size: 1.875em;
	}
	.news-posts-list {
		margin-top: 10px;
	}	
	.box-wrapper article {
		height: 350px;
	}
	.box-wrapper article:first-of-type,
	.news-posts-list article:first-of-type {
		margin-top: 0;
	}	
	.contact-details,
	.contact-column, .column {
		text-align: center;
		font-size: 1.125em;
	}
	footer section {
		padding-bottom: 20px;
	}
	.wo-icons-stats li, .our-channels li {
		margin-top: 20px;
	}	
	.header-image img,
	#footer-linkedin,
	.home .news-posts-list article:last-of-type {
		display: none;
	}	
	#html .arve {
		margin: 0 auto 0 auto !important;
	}
	.simple-text {
		padding: 25px 0;
	}
	.about-box {
		min-height: auto;
	}	
	.leadership-list .vertical-wrapper,
	.alternating-rows .vertical-wrapper {
		transform-style: flat;
	}
	.leadership-list .vertical-content,
	.alternating-rows .vertical-content {
		position: static;
		top: auto;
		transform: none;
	}	
	.simple-text h2 {
		font-size: 43.5px;
		text-align: center;
	}	
	.title-container {
		padding-top: 30px;
	}
	.signup-what-our-customers-say li {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	  }
}

/*--------------------------------------------------------
# Phone Break Point Styles */
@media screen and (max-width: 600px) {
	.job-icon {
		width: 20%;
	}
	.job-details {
		width: 80%;
	}
	.page-template-page-why-work-at-roles-wos #why-work-at-wos-content .opportunity-content a {
		max-width: none;
	}
	.signup-we-can-help aside {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.signup-we-can-help article {
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 25px;
	  }	
	  #signup-header-img-1 {
		max-width: none;
		position: static;
	  }
	  .signup-header-text {
		float: none;
		width: 100%;
		text-align: left;
		padding-left: 0;
		z-index: 0;
	  }
	  .signup-header-text h1 {
		font-size: 2.4em;
		margin-bottom: 0;
		margin-top: 15px;
	  }
}