/*

Theme Name: Spicy Brocoli Base Theme

Theme URI: http://spicybroccoli.com

Description: Spicy Broccoli template for WordPress sites. Good for you company's health!

Author: Spicy Broccoli Media

Author URI: http://spicybroccoli.com/

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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

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, font, 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 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
blockquote span {
    font-family: 'Bad Script', cursive;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}
/* apply a natural box layout model to all elements */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* =Layout

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

html, body {
    height: 100%;
}
#content {
    height: 100%;
}
section {
    height: auto;
}
.home section {
    height: 100%;
}
/*

LAYOUT: Two columns

DESCRIPTION: Two-column fixed layout with one sidebar right of content

*/

#container {
    float: left;
    margin: 0;
    width: 75%;
}
#content {
    margin: 0;
    width: 95%;
}
#primary, #secondary {
    float: right;
    overflow: hidden;
    width: 220px;
}
#secondary {
    clear: right;
}
#footer {
    clear: both;
    width: 100%;
}
/*

LAYOUT: One column, no sidebar

DESCRIPTION: One centered column with no sidebar

*/

.one-column #content {
    margin: 0 auto;
    width: 640px;
}
/*

LAYOUT: Full width, no sidebar

DESCRIPTION: Full width content with no sidebar; used for attachment pages

*/

.single-attachment #content {
    margin: 0 auto;
    width: 900px;
}
/* =Fonts

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

body, input, textarea, .page-title span, .pingback a.url {
    font-family: "BenchNine", Sans-serif;
}
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {
    font-family: "BenchNine", Sans-serif;
}
input[type="submit"] {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
/* =Structure

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

/* The main theme structure */

#access .menu-header, div.menu, #colophon, #branding, #main {
    margin: 0 auto;
    width: 100%;
}
#wrapper {
    background: #fff;
    margin-top: 20px;
    padding: 0 20px;
    margin: 0 auto;
    width: 940px;
}
/* Structure the footer area */

#footer-widget-area {
    overflow: hidden;
}
#footer-widget-area .widget-area {
    float: left;
    margin-right: 20px;
    width: 220px;
}
#footer-widget-area #fourth {
    margin-right: 0;
}
#site-info {
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 700px;
}
#site-generator {
    float: right;
    width: 220px;
}
/* =Global Elements

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

/* Main global 'theme' and typographic styles */

body {
    background: #f1f1f1;
}
body, input, textarea {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
hr {
    background-color: #e7e7e7;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 18px;
}
/* Text elements */

p {
    margin-bottom: 18px;
}
ul {
    list-style: square;
    margin: 0 0 18px 1.5em;
}
ol {
    list-style: decimal;
    margin: 0 0 18px 1.5em;
}
ol ol {
    list-style: upper-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
ol ol ol ol {
    list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}
dl {
    margin: 0 0 24px 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 18px;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
big {
    font-size: 131.25%;
}
ins {
    background: #ffc;
    text-decoration: none;
}
blockquote {
    font-style: normal;
    padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i {
    font-style: normal;
}
pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: auto;
    padding: 1.5em;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: smaller;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea {
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 2px;
}
a:link {
    color: #333;
}
a:visited {
    color: #333;
}
a:active, a:hover {
    color: #333;
}
/* Text meant only for screen readers */

.screen-reader-text {
    position: absolute;
    left: -9000px;
}
/* =Header

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

#header {
    padding: 30px 0 0 0;
}
#site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 18px 0;
    width: 700px;
}
#site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#site-description {
    clear: right;
    float: right;
    font-style: italic;
    margin: 15px 0 18px 0;
    width: 220px;
}
/* This is the custom header image */

#branding img {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    float: left;
}
/* =Menu

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

#top-menu {
    display: none;
}
#access {
    background: #000;
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
}
#access .menu-header, div.menu {
    font-size: 13px;
    margin-left: 12px;
    width: 928px;
}
#access .menu-header ul, div.menu ul {
    list-style: none;
    margin: 0;
}
#access .menu-header li, div.menu li {
    float: left;
    position: relative;
}
#access a {
    color: #aaa;
    display: block;
    line-height: 38px;
    padding: 0 10px;
    text-decoration: none;
}
#access ul ul {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}
#access ul ul li {
    min-width: 180px;
}
#access ul ul ul {
    left: 100%;
    top: 0;
}
#access ul ul a {
    background: #333;
    line-height: 1em;
    padding: 10px;
    width: 160px;
    height: auto;
}
#access li:hover>a, #access ul ul :hover>a {
    background: #333;
    color: #fff;
}
#access ul li:hover>ul {
    display: block;
}
#access ul li.current_page_item>a, #access ul li.current_page_ancestor>a, #access ul li.current-menu-ancestor>a, #access ul li.current-menu-item>a, #access ul li.current-menu-parent>a {
    color: #fff;
}
* html #access ul li.current_page_item a, * html #access ul li.current_page_ancestor a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {
    color: #fff;
}
/* =Content

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

/* CAMPAIGN MONITOR */

.wdpu-container div .wdpu-text {
    padding: 0!important;
    background-image: url("images/pop-bg-3.jpg")!important;
}
.wdpu-content {
    padding-left: 35px;
    padding-top: 180px;
    padding-right: 35px;
}
.wdpu-msg {
    list-style: none;
}
.wdpu-msg label, .widgettitle {
    display: none;
}
#mc_embed_signup {
    background: transparent;
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
    width: 250px;
}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.

       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

.wdpu-msg form {
    padding: 0;
}
.wdpu-msg .mc-field-group input, .wdpu-msg button {
    display: block;
    font-family: lato;
    font-size: 14px;
    padding: 8px 0;
    text-indent: 2%;
    width: 100%;
}
.wdpu-msg .button {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 3px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0px;
    font-family: "BenchNine", ​sans-serif;
    height: 35px;
    line-height: 35px;
    padding: 0;
    border: 0;
    cursor: pointer;
}
.wdpu-msg input {
    width: 100%;
}
.wdpu-msg .mc-field-group {
    width: 100%;
    min-height: 43px;
    padding-bottom: 0
}
.wdpu-msg div.mce_inline_error {
    background-color: #6b0505;
    color: #fff!important;
    font-size: 9px;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 2px 10px;
    z-index: 1;
}
.wdpu-msg {
    background: transparent!important;
    box-shadow: none!important;
}
.wdpu-msg div.response {
    color: #fff;
    float: left;
    font-family: lato;
    font-weight: bold;
    margin: 0!important;
    padding: 0!important;
    top: 0;
    width: 100%!important;
    z-index: 1;
}
.wdpu-msg div#mce-responses {
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}
.wdpu-msg #mce-success-response {
    color: #fff!important;
    font-size: 11px;
}
.wdpu-loading.hidden-after:after {
    display: none;
}
/* END CAMPAIGN MONITOR */

#main {
    clear: both;
    overflow: hidden;
    padding: 40px 0 0 0;
}
#content, #content input, #content textarea {
    color: #333;
    font-size: 16px;
    line-height: 24px;
}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {
    margin-bottom: 0;
}
#content pre, #content kbd, #content tt, #content var {
    font-size: 15px;
    line-height: 21px;
}
#content code {
    font-size: 13px;
}
#content dt, #content th {
    color: #000;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #000;
    line-height: 1.5em;
    margin: 0 0 16px 0;
    letter-spacing: 1px;
}
#content table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}
#content tr th, #content thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
#content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}
#content tr.odd td {
    background: #f2f7fc;
}
.hentry {
    margin: 0 0 48px 0;
}
.home .sticky {
    background: #f2f7fc;
    border-top: 4px solid #000;
    margin-left: -20px;
    margin-right: -20px;
    padding: 18px 20px;
}
.single .hentry {
    margin: 0 0 36px 0;
}
.page-title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 36px 0;
}
.page-title span {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
}
.page-title a:link, .page-title a:visited {
    color: #333;
    text-decoration: none;
}
.page-title a:active, .page-title a:hover {
    color: #333;
}
#content .entry-title {
    color: #000;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0;
}
.entry-title a:link, .entry-title a:visited {
    color: #000;
    text-decoration: none;
}
.entry-title a:active, .entry-title a:hover {
    color: #333;
}
.entry-meta {
    color: #888;
    font-size: 12px;
}
.entry-meta abbr, .entry-utility abbr {
    border: none;
}
.entry-meta abbr:hover, .entry-utility abbr:hover {
    border-bottom: 1px dotted #666;
}
.entry-content, .entry-summary {
    clear: both;
    padding: 12px 0 0 0;
}
#content p img {
    max-width: 100%;
}
#content .entry-summary p:last-child {
    margin-bottom: 12px;
}
#content .entry-content ul li {
    text-align: center;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    list-style: none;
}
.entry-content fieldset {
    border: 1px solid #e7e7e7;
    margin: 0 0 24px 0;
    padding: 24px;
}
.entry-content fieldset legend {
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 0 24px;
}
.entry-content input {
    margin: 0 0 24px 0;
}
.entry-content input.file, .entry-content input.button {
    margin-right: 24px;
}
.entry-content label {
    color: #888;
    font-size: 12px;
}
.entry-content select {
    margin: 0 0 24px 0;
}
.entry-content sup, .entry-content sub {
    font-size: 10px;
}
.entry-content blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 24px;
    text-align: right;
    width: 33%;
}
.entry-content blockquote.right {
    float: right;
    margin-left: 24px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}
.page-link {
    clear: both;
    color: #000;
    font-weight: bold;
    line-height: 48px;
    word-spacing: 0.5em;
}
.page-link a:link, .page-link a:visited {
    background: #f1f1f1;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
}
.home .sticky .page-link a {
    background: #d9e8f7;
}
.page-link a:active, .page-link a:hover {
    color: #333;
}
body.page .edit-link {
    clear: both;
    display: block;
}
#entry-author-info {
    background: #f2f7fc;
    border-top: 4px solid #000;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    margin: 24px 0;
    overflow: hidden;
    padding: 18px 20px;
}
#entry-author-info #author-avatar {
    background: #fff;
    border: 1px solid #e7e7e7;
    float: left;
    height: 60px;
    margin: 0 -104px 0 0;
    padding: 11px;
}
#entry-author-info #author-description {
    float: left;
    margin: 0 0 0 104px;
}
#entry-author-info h2 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
}
.entry-utility {
    clear: both;
    color: #888;
    font-size: 12px;
    line-height: 18px;
}
.entry-meta a, .entry-utility a {
    color: #888;
}
.entry-meta a:hover, .entry-utility a:hover {
    color: #333;
}
#content .video-player {
    padding: 0;
}
/* =Asides

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

.home #content .format-aside p, .home #content .category-asides p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}
.home .hentry.format-aside, .home .hentry.category-asides {
    padding: 0;
}
.home #content .format-aside .entry-content, .home #content .category-asides .entry-content {
    padding-top: 0;
}
/* =Gallery listing

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

.format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img {
    border: 10px solid #f1f1f1;
    margin-bottom: 0;
}
.format-gallery .gallery-thumb, .category-gallery .gallery-thumb {
    float: left;
    margin-right: 20px;
    margin-top: -4px;
}
.home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility {
    padding-top: 4px;
}
/* =Attachment pages

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

.attachment .entry-content .entry-caption {
    font-size: 140%;
    margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
    content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
    content: '\00a0\2192';
}
/* =Images

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

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-container img {
    max-width: 100%;
    /* When images are too wide for containing element, force them to fit. */
    height: auto;
    /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 12px;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 632px !important;
    /* prevent too-wide images from breaking layout */
    padding: 4px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
    max-width: 100%;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}
.gallery {
    margin: 0 auto 18px;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}
.gallery dl {
    margin: 0;
}
.gallery img {
    border: 10px solid #f1f1f1;
}
.gallery br+br {
    display: none;
}
#content .attachment img {
    /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}
/* =Navigation

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

.navigation {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}
.navigation a:link, .navigation a:visited {
    color: #888;
    text-decoration: none;
}
.navigation a:active, .navigation a:hover {
    color: #333;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#nav-above {
    margin: 0 0 18px 0;
}
#nav-above {
    display: none;
}
.paged #nav-above, .single #nav-above {
    display: block;
}
#nav-below {
    margin: -18px 0 0 0;
}
/* =Comments

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

#comments {
    clear: both;
}
#comments .navigation {
    padding: 0 0 18px 0;
}
h3#comments-title, h3#reply-title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}
h3#comments-title {
    padding: 24px 0;
}
.commentlist {
    list-style: none;
    margin: 0;
}
.commentlist li.comment {
    border-bottom: 1px solid #e7e7e7;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding: 0 0 0 56px;
    position: relative;
}
.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#comments .comment-body ul, #comments .comment-body ol {
    margin-bottom: 18px;
}
#comments .comment-body p:last-child {
    margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}
.commentlist ol {
    list-style: decimal;
}
.commentlist .avatar {
    position: absolute;
    top: 4px;
    left: 0;
}
.comment-author {}
.comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: bold;
}
.comment-author .says {
    font-style: italic;
}
.comment-meta {
    font-size: 12px;
    margin: 0 0 18px 0;
}
.comment-meta a:link, .comment-meta a:visited {
    color: #888;
    text-decoration: none;
}
.comment-meta a:active, .comment-meta a:hover {
    color: #333;
}
.commentlist .even {}
.commentlist .bypostauthor {}
.reply {
    font-size: 12px;
    padding: 0 0 24px 0;
}
.reply a, a.comment-edit-link {
    color: #888;
}
.reply a:hover, a.comment-edit-link:hover {
    color: #333;
}
.commentlist .children {
    list-style: none;
    margin: 0;
}
.commentlist .children li {
    border: none;
    margin: 0;
}
.nopassword, .nocomments {
    display: none;
}
#comments .pingback {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
    margin-top: -6px;
}
#comments .pingback p {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
#comments .pingback .url {
    font-size: 13px;
    font-style: italic;
}
/* Comments form */

input[type="submit"] {
    color: #333;
}
#respond {
    border-top: 1px solid #e7e7e7;
    margin: 24px 0;
    overflow: hidden;
    position: relative;
}
#respond p {
    margin: 0;
}
#respond .comment-notes {
    margin-bottom: 1em;
}
.form-allowed-tags {
    line-height: 1em;
}
.children #respond {
    margin: 0 48px 0 0;
}
h3#reply-title {
    margin: 18px 0;
}
#comments-list #respond {
    margin: 0 0 18px 0;
}
#comments-list ul #respond {
    margin: 0;
}
#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}
#respond .required {
    color: #333;
    font-weight: bold;
}
#respond label {
    color: #888;
    font-size: 12px;
}
#respond input {
    margin: 0 0 9px;
    width: 98%;
}
#respond textarea {
    width: 98%;
}
#respond .form-allowed-tags {
    color: #888;
    font-size: 12px;
    line-height: 18px;
}
#respond .form-allowed-tags code {
    font-size: 11px;
}
#respond .form-submit {
    margin: 12px 0;
}
#respond .form-submit input {
    font-size: 14px;
    width: auto;
}
/* =Widget Areas

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

.widget-area ul {
    list-style: none;
    margin-left: 0;
}
.widget-area ul ul {
    list-style: square;
    margin-left: 1.3em;
}
.widget-area select {
    max-width: 100%;
}
.widget_search #s {
    /* This keeps the search inputs in line */
    width: 60%;
}
.widget_search label {
    display: none;
}
.widget-container {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin: 0 0 18px 0;
}
.widget-container .wp-caption img {
    margin: auto;
}
.widget-title {
    color: #222;
    font-weight: bold;
}
.widget-area a:link, .widget-area a:visited {
    text-decoration: none;
}
.widget-area a:active, .widget-area a:hover {
    text-decoration: underline;
}
.widget-area .entry-meta {
    font-size: 11px;
}
#wp_tag_cloud div {
    line-height: 1.6em;
}
#wp-calendar {
    width: 100%;
}
#wp-calendar caption {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: left;
}
#wp-calendar thead {
    font-size: 11px;
}
#wp-calendar thead th {}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 3px 0 2px;
    text-align: center;
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    text-align: right;
}
.widget_rss a.rsswidget {
    color: #000;
}
.widget_rss a.rsswidget:hover {
    color: #333;
}
.widget_rss .widget-title img {
    width: 11px;
    height: 11px;
}
/* Main sidebars */

#main .widget-area ul {
    margin-left: 0;
    padding: 0 20px 0 0;
}
#main .widget-area ul ul {
    border: none;
    margin-left: 1.3em;
    padding: 0;
}
#primary {}
#secondary {}
/* Footer widget areas */

#footer-widget-area {}
/* =Footer

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

#footer {
    margin-bottom: 20px;
}
#colophon {
    border-top: 4px solid #000;
    margin-top: -4px;
    overflow: hidden;
    padding: 18px 0;
}
#site-info {
    font-weight: bold;
}
#site-info a {
    color: #000;
    text-decoration: none;
}
#site-generator {
    font-style: italic;
    position: relative;
}
#site-generator a {
    background: url(images/wordpress.png) center left no-repeat;
    color: #666;
    display: inline-block;
    line-height: 16px;
    padding-left: 20px;
    text-decoration: none;
}
#site-generator a:hover {
    text-decoration: underline;
}
img#wpstats {
    display: block;
    margin: 0 auto 10px;
}
/* =Mobile Safari ( iPad, iPhone and iPod Touch )

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

pre {
    -webkit-text-size-adjust: 140%;
}
code {
    -webkit-text-size-adjust: 160%;
}
#access, .entry-meta, .entry-utility, .navigation, .widget-area {
    -webkit-text-size-adjust: 120%;
}
#site-description {
    -webkit-text-size-adjust: none;
}
/* =Print Style

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

@media print {
    body {
        background: none !important;
    }
    #wrapper {
        clear: both !important;
        display: block !important;
        float: none !important;
        position: relative !important;
    }
    #header {
        border-bottom: 2pt solid #000;
        padding-bottom: 18pt;
    }
    #colophon {
        border-top: 2pt solid #000;
    }
    #site-title, #site-description {
        float: none;
        line-height: 1.4em;
        margin: 0;
        padding: 0;
    }
    #site-title {
        font-size: 13pt;
    }
    .entry-content {
        font-size: 14pt;
        line-height: 1.6em;
    }
    .entry-title {
        font-size: 21pt;
    }
    #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area {
        display: none !important;
    }
    #container, #header, #footer {
        margin: 0;
        width: 100%;
    }
    #content, .one-column #content {
        margin: 24pt 0 0;
        width: 100%;
    }
    .wp-caption p {
        font-size: 11pt;
    }
    #site-info, #site-generator {
        float: none;
        width: auto;
    }
    #colophon {
        width: auto;
    }
    img#wpstats {
        display: none;
    }
    #site-generator a {
        margin: 0;
        padding: 0;
    }
    #entry-author-info {
        border: 1px solid #e7e7e7;
    }
    #main {
        display: inline;
    }
    .home .sticky {
        border: none;
    }
}
.menu-header {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0;
    position: relative;
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.6);
}
.menu-header ul.menu {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}
.menu-header ul li {
    float: left;
    margin: 0 20px;
    font-style: 12px;
    list-style: none;
}
.menu-header ul li a {
    color: #464646;
    font-family: 'Lato';
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
}
.menu-header ul li a:hover, .menu-header ul li.current_page_item a {
    color: #fff;
}
#logo {
    position: relative;
    width: 960px;
    margin: 80px auto;
}
#logo img {
    margin-left: 50px;
}
#section-hero {
    background-image: url('images/bg.jpg');
    background-size: cover;
    background-position: 0px 0%;
    background-attachment: fixed;
    background-color: #ccc;
    overflow: hidden;
}
#section-hero.backTransparent {
    background-image: none !important;
}
.post-type-archive-event #section-hero {
    /*background-image: url('http://preview.spicybroccolitesting.com.au/manlyskiff/wp-content/uploads/2014/07/IMG_1796-295x197.jpg');*/
}
/*.page-id-48.parent-pageid-26 #section-hero {
    background-image: url("https://manlyskiff.com.au/wp-content/uploads/2014/07/mf_20140825_185.jpg");
}*/
/*.page-id-72.parent-pageid-26 #section-hero {
    background-image: url("https://manlyskiff.com.au/wp-content/uploads/2014/07/wedding-hero2.jpg");
}*/
/*.page-id-84.parent-pageid-26 #section-hero {
    background-image: url("https://manlyskiff.com.au/wp-content/uploads/2014/07/sailing-hero9.jpg");
}*/
/*.page-id-75.parent-pageid-26 #section-hero {
    background-image: url("https://manlyskiff.com.au/wp-content/uploads/2014/08/contact-hero.jpg");
}*/
/*.parent-pageid-26 #section-hero {
    background-image: url("https://manlyskiff.com.au/wp-content/uploads/2014/07/events-hero.jpg")
}*/
.page #section-hero {
    height: 500px;
}
/* Gallery Heros */

#section-hero {
    /*background-image: url('https://manlyskiff.com.au/wp-content/themes/skiff/images/bg.jpg');*/
}
.page.home #section-hero {
    height: 100%;
}
#footer {
    background: url('images/footer.jpg') repeat;
    height: 270px;
    width: 100%;
    background-attachment: fixed;
    /* position: absolute; */
    position: relative;
    bottom: 0;
    margin: 0;
    color: #000;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
.page-title {
    margin: 0px auto;
    display: block;
    text-align: center;
    position: relative;
    width: 960px;
    top: -100px;
}
.page-title h1 {
    margin: 0px auto !important;
    text-align: center;
    display: inline-block;
    width: 430px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.6);
    font-family: "BenchNine", Sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h2.entry-title {
    text-align: center;
    text-transform: uppercase;
}
.content-box-container {
    width: 100%;
}
.content-box {
    width: 30.8%;
    float: left;
    margin-right: 3.7%;
    margin-bottom: 5%;
    text-align: center;
}
.content-box img {
    width: 100%;
    height: auto;
}
.content-box:nth-child(3n) {
    margin-right: 0;
}
.content-box:nth-child(3n+1) {
    clear: left;
}
.footer-container {
    width: 960px;
    margin: 0 auto;
    padding: 35px 0;
    font-family: "Lato", Sans-serif;
    font-size: 13px;
}
#content h3.footer-title, .mc_notification_success, .mc_notification_alert {
    text-transform: uppercase;
    color: #fff;
    font-style: 22px;
    font-family: 'BenchNine', Sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}
.mc_notification_alert {
    margin-top: 3px;
    text-align: center;
    text-transform: none;
}
.mc_notification_success {
    margin-top: 50px;
    text-align: center;
}
.sitemap ul {
    margin: 0;
    padding: 0;
}
.sitemap ul li {
    line-height: 20px;
    float: left;
    display: inline;
    width: 33.33%;
}
.sitemap ul li a {
    color: #fff;
    text-decoration: none;
    font-style: 14px
}
.row {
    width: 100%;
    color: #fff;
}
.sitemap {
    width: 320px;
    float: left;
}
.contact {
    width: 320px;
    float: left;
    text-align: center;
}
#footer p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.credits {
    float: right;
}
.copyright {
    float: left;
}
.opening-hours {
    width: 320px;
    float: left;
    text-align: right;
}
#content .entry-content h2 {
    text-align: center;
    text-transform: uppercase;
}
#content .entry-content p {
    font-family: 'Lato', Sans-serif;
}
a.download-link {
    background: none repeat scroll 0% 0% #333;
    padding: 3px 30px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    width: 230px;
    display: block;
    margin: 0 auto;
    letter-spacing: 1px;
}
.page-id-24 .content-box:last-child a:nth-child(3) {}
.page-template-page-gallery-php a.download-link, .home a.download-link, .gallery-child a.download-link {
    padding: 5px 35px;
    font-size: 15px;
    width: 100%;
    max-width: 295px;
}
ul.sm {
    bottom: 0;
    width: 295px;
    margin: 15px auto 0;
    right: 0;
    left: 0;
    height: 40px;
}
#content ul.sm li {
    list-style: none;
    float: left;
}
ul.sm li a {
    background: url('images/sm.png') repeat scroll 0% 0% transparent;
    height: 36px;
    width: 35px;
    text-indent: -9999px;
    float: left;
    margin-right: 30px;
}
ul.sm li.pinterest a {
    background-position: 176px 0;
}
ul.sm li.instagram a {
    background-position: 106px 0;
}
ul.sm li.youtube a {
    background-position: 35px 0;
}
ul.sm li.enews a {
    background-image: url('images/sm2.png');
    background-position: 37px 0;
}
ul.sm li:last-child a {
    margin-right: 0;
}
.top-link {
    position: absolute;
    top: 0px;
    width: 30px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);
    margin: 0px auto;
    left: 0px;
    right: 0px;
    border-radius: 0px 0px 30px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    height: 16px;
    line-height: 12px;
    cursor: pointer;
    font-weight: 700;
    color: #000;
    font-family: 'BenchNine', sans-serif;
    letter-spacing: 1px;
}
.top-border {
    width: 100%;
    position: absolute;
    height: 25px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    top: 34px;
}
.gallery img {
    border: 1px solid #ccc;
}
.gallery .gallery-item {
    padding: 0;
    margin: 0;
}
.top-logo {
    filter: invert(100%);
    -moz-filter: invert(100%);
    -webkit-filter: invert(100%);
}
/**

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    contenteditable attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that are clearfixed.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

.cf:before, .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.cf:after {
    clear: both;
}
/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.cf {
    *zoom: 1;
}
/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 99999999;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    z-index: 99999999;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999999;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #cccccc;
}
.mfp-preloader a:hover {
    color: white;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}
/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**

* Remove all paddings around the image on small screen

*/
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
/* content at start */

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.top-link.to-bottom {
    top: inherit;
    bottom: 0px;
    border-radius: 25px 25px 0px 0px;
    height: 25px;
    font-size: 11px;
    width: 50px;
}
.top-link.to-bottom span.label {
    position: relative;
    top: 5px;
}
.top-link.to-bottom span.arrow {
    display: block;
    top: -4px;
    position: relative;
    transform: rotate(180deg);
}
.post-content {
    background: url('images/panels.jpg') repeat;
}
section {
    width: 100%;
    position: relative;
    z-index: 9999;
    background: none repeat scroll 0% 0% #FFF;
}
#content {
    width: 100%;
}
.inner-content {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
}
.entry-content {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
.gallery-child .inner-content, .gallery-child .inner-content .entry-content {
    width: 1200px;
}
.home .content-box a img, .page-template-page-gallery-php .content-box a img {
    margin-bottom: 5px;
    transition: all 0.5s ease;
}
.home .content-box a:hover img, .page-template-page-gallery-php .content-box a img:hover {
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.home .content-box {
    margin-bottom: 70px;
}
body.home section#section-home.post-content div.inner-content.cf {
    padding-top: 80px;
}
.content-box.links {
    margin-top: 48px;
}
.content-box.links a.download-link {
    margin-bottom: 6px;
}
.page-template-page-two-image-two-link-php .content-box-container {
    margin-top: 45px;
}
.page-template-page-links-php .content-box-container {
    margin-top: 50px;
}
.page-template-default .entry-content p, .page-template-page-links-php .entry-content p, .page-template-page-two-image-two-link-php .entry-content p {
    width: 720px;
    text-align: center;
    margin: auto;
}
.inner-content .entry-content p {
    text-align: center;
}
.page-template-page-gallery-php a.download-link {
    width: 100%;
}
.page-template-default ul.sm {
    margin-top: 15px;
}
.bg {
    position: fixed;
    z-index: -1;
    background: none;
    height: 120%;
    width: 100%;
    top: 0;
}
.home .post-content {
    min-height: 763px;
}
.slide {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}
.slide>div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    transition: all 0.5s ease;
    opacity: 0;
}
.slide>div.show {
    opacity: 1;
}
/*



.bg {

    position: absolute; z-index: -1; left: 0px; top: 0px; width: 100%;

}



*/

#section-make-an-enquiry input[type="text"], #section-make-an-enquiry input[type="email"], #section-make-an-enquiry select, #section-make-an-enquiry textarea, #section-contact-us input[type="text"], #section-contact-us input[type="email"], #section-contact-us select, #section-contact-us textarea {
    width: 600px;
    font-family: 'Lato';
    padding: 5px 10px;
    max-height: 150px;
    margin-bottom: 20px;
}
#section-make-an-enquiry select, #section-contact-us select {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    font-family: 'Lato';
    color: #999;
    font-size: 15px;
}
#section-make-an-enquiry input[type="submit"], #section-contact-us input[type="submit"] {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 3px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 230px;
    font-family: "BenchNine", Sans-serif;
    border: 0 none;
    cursor: pointer;
}
.page-links {
    text-align: center;
}
.page-links a {
    color: #333;
}
.category-news #section-hero, .category-latest-results #section-hero {
    background-image: url("images/sailing-hero8.jpg");
}
.blog-item h2 a {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 3px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 350px;
}
/*WOOCOMMERCE*/

/**/

.woocommerce form.checkout {
    width: 70%;
    margin: 0 auto;
}
.woocommerce form.checkout .col2-set .col-1, .woocommerce form.checkout .col2-set .col-2 {
    width: 100% !important;
    float: none;
}
.woocommerce form.checkout p.form-row-wide, .woocommerce form.checkout p.notes, .woocommerce .payment_box p {
    width: 100% !important;
}
#billing_country_field {
    display: none;
}
.member-choose-wrap {
    width: 50%;
    float: left;
}
.member-section {
    padding-bottom: 100px;
}
.member-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.member-description {
    margin-bottom: 35px;
    text-align: center;
    font-family: "Lato", sans-serif;
}
span.plan_choice {
    /* margin: 0 auto; */
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}
span.plan_choice select {
    height: 40px;
    font-size: 20px;
    padding: 0 15px;
}
div#member_st_01_2 input {
    height: 40px;
    font-size: 20px;
    width: 300px;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}
input#submit_securepayframe_payment_form, #securepayframe_payment_form {
    display: none;
}
#section-checkout ul.order_details {
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-bottom: 60px;
}
a.back-step {
    margin-top: 10px;
    background-color: #ccc;
    color: #333;
    width: 166px;
    padding: 0px;
}
.woocommerce-page.page #section-hero {
    height: 285px;
    background: url(https://manlyskiff.com.au/wp-content/uploads/2014/09/new-members1.jpg);
    background-position: 0 -280px!important;
}
.woocommerce-page.page .page-title {
    top: -179px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    font-family: lato;
    font-size: 16px;
    text-align: left;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    font-family: lato;
    padding: 2px 8px;
}
.woocommerce-billing-fields p {
    margin-bottom: 0!important;
}
ul.order_details {
    display: table;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}
input#billing_phone {
    max-height: 30px;
}
a.download-link.socials {
    background: #333 none repeat scroll 0 0;
    float: left;
    font-family: benchnine;
    line-height: 30px;
    text-indent: 0;
    width: 250px;
}
ul.sm {
    width: 365px;
}
ul.sm li.enews-subscribe a {
    background-image: url("images/skiff-subscribe.png");
    background-position: 36px 0;
    width: 36px;
}
body.page-id-4629 #section-hero {
    height: 100% !important;
}
div#hero-slider, div#hero-slider div {
    height: 100%;
    width: 100%;
}
/* CAROUSEL CONFIG */

.carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: 1.2s ease-in-out left;
    -o-transition: 1.2s ease-in-out left;
    transition: 1.2s ease-in-out left;
    background-position: center center;
    background-size: cover;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 1.2s ease-in-out;
        -o-transition: -o-transform 1.2s ease-in-out;
        transition: transform 1.2s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-inner>.item.next, .carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .carousel-inner>.item.prev, .carousel-inner>.item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}
.carousel-inner>.active {
    left: 0;
}
.carousel-inner>.next, .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.carousel-inner>.next {
    left: 100%;
}
.carousel-inner>.prev {
    left: -100%;
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
    left: 0;
}
.carousel-inner>.active.left {
    left: -100%;
}
.carousel-inner>.active.right {
    left: 100%;
}
.carousel-indicators {
    position: absolute;
    left: 50% !important;
    z-index: 15;
    width: 250px;
    padding-left: 0;
    margin-left: -125px;
    text-align: center;
    list-style: none;
    background-size: cover;
    height: 46px;
    padding-top: 15px;
    bottom: 17%;
}
.carousel-indicators li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #f6f6f6;
    border-radius: 10px;
    margin: 0 3px;
}
.carousel-indicators .active {
    background-color: #fff;
    border-color: #fff;
}
/*

inspired from http://codepen.io/Rowno/pen/Afykb

*/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
#hero-slider nav {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    z-index: 14;
    visibility: visible !important;
    width: 100%;
    padding: 0 25px;
}
.nav-circleslide .icon-wrap {
    position: relative;
    z-index: 100;
    display: block;
    padding: 19px;
}
#hero-slider nav a {
    position: relative;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
}
#hero-slider nav a:after {
    display: block;
    width: 25px;
    height: 31px;
    content: '';
    background-image: url(images/icon_arrow.png);
    background-position: center center;
    top: 50%;
    left: 50%;
    margin-top: -15.5px;
    margin-left: -12.5px;
    position: absolute;
}
#hero-slider nav a.right:after {
    transform: rotate(180deg);
    margin-left: -11px;
}
#hero-slider nav a.left {
    float: left;
}
#hero-slider nav a.right {
    float: right;
}
#hero-slider nav a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #566473;
    border-radius: 50%;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.1s 0s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.1s 0s;
    background-size: cover;
}
#hero-slider nav a:hover span {
    opacity: 1;
    background-color: transparent;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.1s 0.2s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.1s 0.2s;
}