/*
Theme Name: belltowering
Theme URI: http://underscores.me/
Author: Lateral Aspect
Author URI: http://www.lateralaspect.com.au/
Description: Custom Theme for The Perth Belltower
Version: 2
Text Domain: belltower
Tags:

belltower is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/

Based on HTML5Reset: http://html5reset.org/

yellow              #FFF200
teal                #309A98
spring green        #00D18E
form field grey     #E5E5E5
border grey         #D9D9D9
editor/error red    #DB3A00

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries


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

/*import blog specific styles*/
@import url('blog-styles.css');

/* We like off-black for text. */
body {
    color: #333;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
    background: #fff200;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #fff200;
    color: #000;
    text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
    -webkit-tap-highlight-color: #FFF200;
}

ins {
    background-color: #fff200;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #fff200;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder {
    color: #a9a9a9;
}

textarea:-moz-placeholder {
    color: #a9a9a9;
}

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {
    padding: 16px;
    background: #eee;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background-color: #fff;
/* background color for testing purposes */
    margin: 0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block;
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],template {
    display: none;
}

a {
    background-color: transparent;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b,strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,select {
    text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
    background-color:transparent;
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

button,input,select,textarea {
/* color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;*/
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
}

h5 {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Raleway',sans-serif;
}


/*--------------------------------------------------------------
# POP UP STYLING
--------------------------------------------------------------*/
body .wpmui-popup .popup .wdpu-msg-inner,
body .wpmui-popup .popup .wdpu-msg-inner .wdpu-text
{
    background-color: white !important;
    opacity: 1;
}

 body .wdpu-inner .wdpu-head .wdpu-title {
        font-family: 'Amatic SC',sans-serif;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 60px;
    color: black;
     margin: 0;
     text-align:center;
}
body .wdpu-inner .wdpu-head .wdpu-subtitle {
    text-transform: uppercase;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    background-color: #FFF200;
    color: black;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    margin-top:12px;
}

body .wdpu-inner .wdpu-head {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

body .wdpu-text .wdpu-buttons {
    position:relative;
    margin: 0;
    padding:20px 0 0 0;
    float: right;
}

body .wdpu-text .wdpu-buttons .wdpu-cta {
    background-color: #0ece93;
    color: white;
    text-transform:uppercase;
    font-weight: 700;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

body .wdpu-text .wdpu-buttons .wdpu-cta:hover {
    background-color: black;
    color: #FFF200;
     transition: background-color .5s ease-out,color .5s ease-out;
}
/*
body .wpmui-popup .popup .wdpu-image img {
    max-width: 100%;
}*/

body .wpmui-popup .popup .wdpu-close, #fancybox-close {

         background-image: url(_/img/close-popup.svg);
background-repeat: no-repeat;
background-size: 22px 22px;
background-color: #0ECE93;
border-radius: 50%;
opacity: 1;
background-position: center center;
padding: 3px;
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
}

body .wpmui-popup .popup .wdpu-close:hover, #fancybox-close:hover {
        transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    background-color: black;
}


/*--------------------------------------------------------------
# PHOTOCOMP PAGE STYLING
--------------------------------------------------------------*/
/*PHOTOCOMP PLUGIN*/
.modern-p-form input {
    padding: 0 0 0 50px !important;
}

#gform_10 {
	width: auto !important;
}

#gform_10 .gform_description {
    width: auto !important;
    margin-top: 20px !important;
	font-size: 16px !important;
}

#gform_10 .gfield_label {
	display: inline-block !important;
	font-size: 16px !important;
}

/*OLDER STYLES*/

body.page.page-template-photocomp,
body.page.page-template-photocomp-voting,
body.page.page-template-photocomp-voting-public,
body.page.page-template-photocomp-restricted-access
{
    background-image: none;
}

body.page.page-template-photocomp section#container,
body.page.page-template-photocomp-voting section#container,
body.page.page-template-photocomp-voting-public section#container,
body.page.page-template-photocomp-restricted-access section#container

{
margin: 0px auto 0 !important;
}

body.page.page-template-photocomp .bg,
body.page.page-template-photocomp-voting .bg,
body.page.page-template-photocomp-voting-public .bg,
body.page.page-template-photocomp-restricted-access .bg

{
     background-image: url(_/img/phototrim.png), url(_/img/photocomp-bg.jpg);
    background-repeat: no-repeat;
 background-size: cover,cover;
    background-position: bottom;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 350px;
    max-width: 100%;
    clear: both;
}

body.page.page-template-photocomp .upper-trim,
body.page.page-template-photocomp-voting .upper-trim,
body.page.page-template-photocomp-voting-public .upper-trim,
body.page.page-template-photocomp-restricted-access .upper-trim {
   /*display: none;*/
   display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    line-height: 0;
}
 body.page.page-template-photocomp-voting-public .entry-content .sponsors div {
    width: 48%;}

body.page.page-template-photocomp .entry-header .title {
    background-color: transparent;
    width: auto;
    height: auto;
    float: none;
    padding: 0 0 0 0;
}

body.page.page-template-photocomp-voting .voting-header .title,
body.page.page-template-photocomp-voting-public .voting-header .title,
body.page.page-template-photocomp-restricted-access .voting-header .title{
    background-color: transparent;
    width: 100%;
    height: auto;
    padding: 28px 25px 0 28px;
}


body.page.page-template-photocomp-voting .voting-header .title h1
{

text-align: center;
color: #000;
font-size: 70px;
line-height: 70px;
font-weight: 400;
}

body.page.page-template-photocomp-voting-public .voting-header .title h1,
body.page.page-template-photocomp-restricted-access .voting-header .title h1
{

text-align: center;
color: #000;
font-size: 86px;
line-height: 86px;
font-weight: 400;
}

body.page.page-template-photocomp-voting .voting-header .title h2
{
text-transform: uppercase;
font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
color: #000;
font-size: 16px;
font-weight: 700;
text-align: center;
margin: 10px auto 20px auto;
line-height: 16px;
display: block;
}


body.page.page-template-photocomp-voting-public .voting-header .title h2,
body.page.page-template-photocomp-restricted-access .voting-header .title h2 {
text-transform: uppercase;
font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
color: #000;
font-size: 13px;
font-weight: 700;
text-align: center;
margin: 10px auto 20px auto;
line-height: 16px;
display: block;
}


body.page.page-template-photocomp-voting .voting-header .title:nth-of-type(2),
body.page.page-template-photocomp-voting-public .voting-header .title:nth-of-type(2){
    background-color: #fff200;
padding: 18px 25px 0 10px;
}

body.page.page-template-photocomp-voting-public .voting-header .title:nth-of-type(2){
    background-color: #00D18E;
padding: 18px 0 0 10px;
}

body.page.page-template-photocomp-restricted-access .voting-header .title h3.entry-title {
  color: black;
display: block;
font-size: 35px;
border: 2px solid #CCCCCC;
margin: 6px 0 0 0;
    text-align:center;
}


body.page.page-template-photocomp-restricted-access .voting-header .title:nth-of-type(2) {
    padding: 0;
}

body.page.page-template-photocomp-restricted-access .gform_wrapper span.gform_description {
    margin: 0;
}

body.page.page-template-photocomp-restricted-access .gform_wrapper .gform_heading h3.gform_title {
    margin: 35px auto 5px !important;
}


body.page.page-template-photocomp-restricted-access  .gform_wrapper ul li.gfield:first-of-type {
    margin-top: 0;
}

body.page.page-template-photocomp-voting-public .voting-header .title:nth-of-type(3){
color: #00D18E;
padding: 6px 0 6px 0;
}

body.page.page-template-photocomp-voting-public .voting-header h3{
    color: white;
}

body.page.page-template-photocomp-voting-public .gform_wrapper .gform_heading h3.gform_title {
  margin: 40px 0 16px 0 !important;
}

body.page.page-template-photocomp-voting-public .gform_wrapper .newsletter {
    border: solid 2px #FFF200;
padding: 14px 20px 10px 20px;
background-color: rgba(255, 242, 0,0.33);
    margin: 50px 0 0 0;
}

body.page.page-template-photocomp-voting-public .gform_wrapper .terms {
    margin:0;
}

body.page.page-template-photocomp-voting-public .gform_wrapper .terms label {
    display:none;
}

body.page.page-template-photocomp-voting-public .gform_wrapper .terms .gfield_checkbox {
    margin-top: 30px;
}

body.page.page-template-photocomp-voting-public .gform_wrapper .terms .gfield_checkbox label {
 display: inline-block;
}




body.page.page-template-photocomp-voting-public .voting-header h4 {
color: #00D18E;
text-align: center;
font-weight: 700;
font-size: 30px;
font-family: 'Amatic SC',sans-serif;
}


body.page.page-template-photocomp-voting-public .voting-header h4 span {
  color: black;
display: block;
font-size: 35px;
border: 2px solid #CCCCCC;
margin-top: 6px;
}

/*body.page.page-template-photocomp-voting-public .voting-header h4 span:before {
content: '\2022';
margin-right: 5px;
margin-left: 2px;
color: #C1C1C1;
font-weight: 300;

}*/

body.page.page-template-photocomp-voting .voting-header .entry-title,
body.page.page-template-photocomp-voting-public .voting-header .entry-title{
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
  /* font-family: 'Amatic SC',sans-serif;*/
text-transform: uppercase;
/*font-size: 40px;
line-height: 40px;*/
   font-size: 19px;
    line-height:20px;
padding: 0;
margin: 0 0 20px 0;
text-align: center;

}

body.page.page-template-photocomp-voting .entry-footer{
border-top: solid 2px #00d18e;
padding-top: 80px;
margin-top: 45px;
}


body.page.page-template-photocomp-voting-public .entry-footer{
border-top: solid 2px #00d18e;
padding-top: 60px;
margin-top: 45px;
}

body.page.page-template-photocomp-voting .pinned-post,
body.page.page-template-photocomp-voting-public .pinned-post{

margin: 30px 0 0 0 !important;
}

.voting-links {
    text-align:center;
 margin: 50px auto 0px auto;
    position:relative;
}

.voting-links h3 {
    margin-bottom: 20px;
}

.voting-links a {
    background-color:#00D18E;
    color:#ffffff !important;
    font-weight:300;
    padding:12px 20px;
    margin:0 5px;
}

.voting-links a:hover {
    background-color: #009F93;
    font-weight:normal;
}

.voting-links a {
  margin-bottom:10px;
display: block;
}
.voting-links a:last-of-type {
  margin-bottom:0;
}

.voting .entry-caption {
padding: 0;
display: table;
color: #ffffff;
line-height: 28px;
font-weight: 300;
font-size: 16px;
overflow: hidden;
position: absolute;
z-index: 90;
min-width: 100%;
bottom: 0;
}

.voting .entry-caption .entry-number {
font-size: 30px;

font-family: 'Amatic SC',sans-serif;
font-weight: 700;
background-color: #fff200;
color: #000000;
padding: 10px;
display: table-cell;
width: 20%;
line-height: 30px;
    vertical-align: middle;
}

.voting .entry-caption .entry-name {
display: table-cell;
padding: 10px 10px 10px 20px;
text-align: left;
line-height: 30px;
    vertical-align: middle;
    background-color: #000000;
}

body.page.page-template-photocomp-voting .pinned-post p,
body.page.page-template-photocomp-voting-public .pinned-post p{
    margin:0;
}

body.page.page-template-photocomp .entry-header .title h1 {
    text-align:center;
    color: #000;
    font-size: 90px;
line-height: 90px;
    font-weight:400;
}

body.page.page-template-photocomp .entry-header .title h2 {
      text-transform: uppercase;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    background-color: #009F93;
    color: white;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    margin:30px auto 20px auto;
    line-height:16px;
    display:block;
}


body.page.page-template-photocomp .entry-header .title h3.entry-title {

    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    color: #000;
    font-size: 25px;
    text-align:center;
}
body.page.page-template-photocomp .entry-header .spring-cta {
    position:relative;
    bottom: auto;
    right: auto;
   margin: 12px auto 0 auto;
display: block;
padding: 8px;
line-height: 16px;
    background-color: #FFF200;
    color: black;
}

body.page.page-template-photocomp .entry-header .spring-cta:hover {
    color: #FFF200;
}

.entry-footer .sponsors div {
    float: left;
width: 23.8%;
margin-left: 1.6%;
display: block;
}


.entry-content .sponsors {
    margin: 20px 0;
overflow: hidden;
}

.entry-content .sponsors div,
body.page.page-template-photocomp-voting-public .entry-footer .sponsors div {
    float: left;

    width: 32%;
margin-left: 1.6%;
display: block;
}

.entry-content .sponsors div div,
body.page.page-template-photocomp-voting-public .entry-footer .sponsors div div {
  width: 100% !important;
background-position: center;
}

.entry-footer .sponsors div:last-child,
.entry-content .sponsors div:first-child,
body.page.page-template-photocomp-voting-public .entry-footer .sponsors div:first-child {
    margin-left:0;
}


body.page.page-template-photocomp-voting-public .gform_wrapper span.gform_description {
    font-weight:300;
    margin-bottom: 0;
}

body.page.page-template-photocomp .entry-footer,
body.page.page-template-photocomp-voting .entry-footer,
body.page.page-template-photocomp-voting-public .entry-footer,
body.page.page-template-photocomp-voting-public .entry-content{
overflow: hidden;
}

.entry-footer .sponsors div #camera-electronic, .entry-content .sponsors div #camera-electronic {
    display:block;
    width: 200px;
    height:68px;
      max-width:100%;
    background-image:url(_/img/camera-electronic.jpg);
    vertical-align:middle;
    background-repeat:no-repeat;
    text-align:center;
    background-size: contain;
}

.entry-footer .sponsors div #canon {
    display:block;
    width: 200px;
    height:42px;
    background-image:url(_/img/canon.jpg);
    vertical-align:middle;
    background-repeat:no-repeat;
    max-width:100%;
    text-align:center;
    background-size: contain;
}

.entry-footer .sponsors div#shoot {
    display:block;
    width: 200px;
    height:66px;
    background-image:url(_/img/shoot.jpg);
    vertical-align:middle;
    background-repeat:no-repeat;
    max-width:100%;
    text-align:center;
    background-size: contain;
}

.entry-footer .sponsors div#adams, .entry-content .sponsors div#adams {
    display:block;
    width: 200px;
    height:45px;
    background-image:url(_/img/adams.jpg);
    vertical-align:middle;
    background-repeat:no-repeat;
    max-width:100%;
    text-align:center;
    background-size: contain;
}

.entry-content .sponsors div#abbey-beach {
     display:block;
    width: 200px;
    height:119px;
    background-image:url(_/img/abbey-beach.png);
    vertical-align:middle;
    background-repeat:no-repeat;
    max-width:100%;
    text-align:center;
    background-size: contain;
}




/* ------------------ FAQ PAGE ---------------- */
body.page.page-id-51 h5 {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Raleway',sans-serif;
    color: #00D18E;
    width: 100%;
    padding: 9px 26px 0;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

body.page.page-id-51 ul {
    margin-bottom: 35px;
}

body.page.page-id-51 ul:last-child {
    margin-bottom: 0;
}

body.page.page-id-51 li {
    font-weight: 300;
}

.entry-title {
    font-family: 'Amatic SC',sans-serif;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 60px;
    padding: 0;
    margin: 20px 0;
}

p {
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 37px;
}

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;
    font-size: 15px;
    font-size: .9375rem;
    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;
    font-size: 15px;
    font-size: .9375rem;
}

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

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

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,:before,:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: "" "";
}

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

img {
    height: auto;
/* Make sure images are scaled correctly. */
    max-width: 100%;
/* Adhere to container width. */
}

table {
    margin: 40px 0;
    width: 100%;
    max-width: 100%;
    font-size: 32px;
}

th {
    padding: 9px 26px;
    color: #00d18e;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    background-color: #000;
}

tr {
    color: #000;
    font-weight: 400;
    font-family: 'Raleway',sans-serif;
    background-color: #fff;
}

tr:nth-child(even) {
    background-color: #fff200;
}

td {
    padding: 9px 26px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input,select,textarea {
    border: none !important;
    border-radius: 0 !important;
    background-color: #E5E5E5 !important;
    padding: 19px 20px !important;
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 18px !important;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    display: block;
}

input[type="reset"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05);
    color: rgba(0,0,0,.8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

input[type="reset"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02);
}

input[type="reset"]:focus,button:active,input[type="reset"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15);
}

input[type="url"],input[type="password"],input[type="search"],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: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

select {
    border: 1px solid #ccc;
}

input[type="url"]:focus,input[type="password"]:focus,input[type="search"]: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;
}

input[type="url"],input[type="password"],input[type="search"],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"] {
    padding: 3px;
}

input[type="checkbox"] {
    width: auto;
    display: inline;
    margin-left: 8px;
    margin-right: 8px;
}

#payment input[type="checkbox"] {
    margin-top: 14px;
    margin-right: 8px;
    margin-left: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #00D18E;
/* green */
    text-decoration: none;
    transition: font-weight .5s ease-out;
}

a:visited {
    color: #309A98;
/* teal */
    text-decoration: none;
}

a:hover,a:focus,a:active {
    color: #000;
    text-decoration: none;
    font-weight: 700;
}

a:focus {
    outline: thin dotted;
}

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

.current-menu-item a {
    color: #309A98 !important;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

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

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

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

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a,.main-navigation li.focus > a {
}

.main-navigation ul ul:hover > a,.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,.main-navigation ul ul a.focus {
}

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

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

.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a,.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

#footer .contact-us {
    font-size: 14px;
    line-height: 22px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .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;
/* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
    clear: both;
}

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

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

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

.hentry {
    margin: 0 0 1.5em;
}

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

.single .byline,.group-blog .byline {
    display: inline;
}

/*
.page-content,.entry-content,.entry-summary {
    margin: 0 0 1.5em 0;
}*/
.entry-content {
    clear: both;
}

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

    /*### Packages Page*/
    .package {
        clear: both;
        position: relative;
        margin-bottom: 20px;
        padding-top: 20px;
        border-top: 1px solid #ddd;
        overflow: hidden;
    }

    .package p {
        margin: 0 !important;
        line-height: 30px;
    }

    .package img {
        float: left;
        margin-right: 1.5em;
        padding: 5px;
        border: 1px solid #ddd;
    }

    .package .package-info {
        float: right;
        width: 55%;
    }

    .package h3 {
        font-size: 24px;
    }

    .package .button {
        position: absolute;
        bottom: 0;
        width: 180px;
        padding: 8px 30px;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        background-color: #00d18e;
        text-decoration: none;
        text-transform: uppercase;
    }

    @media screen and (max-width: 930px) {
        .package img {
            float: none;
            margin-right: 0;
        }

        .package .package-info {
            float: none;
            width: 100%;
            padding-bottom: 64px;
        }
    }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,.archive .format-aside .entry-title {
    display: none;
}

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

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,iframe,object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## 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: .8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

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

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* Styles
-------------------------------------------------------------------------------*/
*,html,body {
    margin: 0;
    padding: 0;
}

body {
    font-family: Gotham,sans-serif;
}

p {
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

#wrapper {
    padding: 0;
    margin: 0;
}

.container {
/* #container is used to make columns */
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

#container {
/*#container is used to make colums with space above them , not used on pages with big header images, this is used by functions file for stripping woocommerce */
}

.woocommerce div#container {
/*#container is used to make colums with space above them , not used on pages with big header images */
    margin: 0 auto;
}

.site-branding,.site-title,.site-description,#site-title {
    height: 0;
    text-indent: -9999px;
    position: absolute;
}

#header {
    position: fixed;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    display: block;
    z-index: 10;
    text-transform: uppercase;
    z-index: 1000;
/* raise above fullPage bg */
    background-color: #fff;
/* responsive menu: */
/* overflow: hidden;*/
    max-height: 40px;
    min-height: 66px;
    line-height: 18px;
    padding: 22px 0;
    max-width: 100%;
    /* need to stack background white under the menu to hide itsbox shadow */
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}



.logo-trim.back {
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    display: block;
    width: 160px;
    height: 215px;
    top: 24px;
    position: fixed;
    z-index: 5;
}

.logged-in .logo-trim.back {
    top: 54px;
}

#site-title {
    text-indent: -9999px;
    height: 0;
    width: 0;
}

#logo-cta {
    float: left;
    width: 162px;
    position: fixed;
    z-index: 1000;
}

.discount-code-mobile {
    display: none;
}

#logo-cta .discount-code {
    padding: 20px 10px 10px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    background-color: #00d18e;
    border-radius: 0 0 5px 5px;
}

.logo-trim {
    background-color: #fff;
    padding: 10px 10px 30px;
    display: block;
width: 162px !important;
}



.ticket-cta {
    width: 142px;
/* switch back to 142 once this is combined with other styling */
    background-color: #fff200;
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.ticket-cta:hover {
    background-color: #000;
    color: #fff200 !important;
}

#logo-cta .ticket-cta {
    margin: -23px 10px 0;
    position: fixed;
}

.responsive-header .container {
    position: fixed;
    z-index: 10000;
    width: 96%;
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

#global-navigation ul li ul {
    display: none;
    background: #fff;
    position: absolute;
    top: 100%;
    box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.1);
    width: 200px !important;
}

#global-navigation li:hover ul {
    display: block !important;
    width: 160px;
}

#global-links ul li > a:after:hover ul {
/* not working */
    border-bottom: none;
}

#global-navigation ul ul li {
    display: block;
    width: 198px;
    font-size: 14px;
}

#global-navigation ul ul li a {
    padding: 8px 0 8px 20px;
    font-weight: 300;
    display: block;
    width: 100%;
    text-align: left;
    display: block;
}

#global-navigation ul ul li:nth-child(odd) a {
/* background-color: yellow;*/
    color: #6D6D6D;
    width: 100%;
}

#global-navigation ul ul li:nth-child(even) a {
    background-color: #EFEFEF;
    color: #000;
    width: 100%;
}

#global-navigation ul li ul:hover {
    display: block;
}

#global-navigation ul,#utility-links {
    margin: 0;
    padding: 0;
}

#global-navigation li,#utility-links li {
    float: left;
    list-style-type: none;
}

#global-navigation {
    float: left;
}

#utility-links {
    float: right;
    margin-right: 20px;
}

#global-navigation,#utility-links {
    font-size: 16px;
    position: relative;
    text-align: center;
}

#global-links a:link,#global-links a:visited {
    text-decoration: none;
    color: #000;
}

#global-links a:hover {
    text-decoration: none;
    color: #000;
}

#global-links a:active {
    text-decoration: none;
    color: #000;
}

#global-links #current a:link,#global-links #current a:visited {
    color: #2e9a9a;
}

#global-links #current a:hover {
    color: #2e9a9a;
}

#global-links #current a:active {
    color: #2e9a9a;
}

#global-links li {
    padding-top: 1px;
/* puttin inline with the larger font of the utility links */
}

#global-links li,#utility-links li {
    margin-right: 18px;
}

#global-links li:last-child,#utility-links li:last-child {
    margin-right: 0;
}

#global-links li:first-child {
    margin-left: 200px;
}

#utility-links li {
    color: #2e9a9a;
    font-weight: 700;
}

#utility-links li:first-child {
    margin-left: 28px;
}

#utility-links li:after {
    margin-left: 14px;
    content: "|";
    color: #a2d1d1;
}

#utility-links li:last-child:after {
    content: none;
}

.open-nav .mobile-toggle {
}

.mobile-toggle {
    display: none;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 45px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    text-transform: uppercase;
}

.mobile-toggle::after {
    content: "";
    display: block;
    border-bottom: solid 2px transparent;
    left: 0;
    position: relative;
    transition: width .5s ease-out 0s,left .5s ease-out 0s,border-bottom .5s ease-out 0;
    width: 0;
    padding-top: 6px;
}

.mobile-toggle:hover::after {
    width: 100%;
    border-bottom: solid 2px #000;
    left: 0;
}

.close-menu {
    display: none;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 10px;
    display: none;
}

.close-menu .svg-close {
    z-index: 1;
    fill: #000;
    height: 40px;
    width: 40px;
    cursor: pointer;
    clear: both;
/*  margin-top: 10px;*/
}

.close-menu .svg-close:hover {
    fill: #00d18e;
/* bright green */
    transition: all 1s;
}

.promo-links {
    text-transform: uppercase;
    width: 50%;
    margin: 200px auto 0;
}

.promo-links .first {
    float: left;
}

.promo-links .second {
    float: right;
}

.spacer {
    height: 205px;
    display: block;
}

.promo-links .third {
    clear: both;
    margin: 150px auto 0;
/* top margin not working */
    text-align: center;
    display: block;
    position: relative;
}

.promo-links a:link,.promo-links a:visited,.promo-links a:hover,.promo-links a:active {
    text-decoration: none;
}

.promo-link-name {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px;
    font-size: 47px;
    font-family: 'Amatic SC',sans-serif;
    line-height: 1em;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.promo-link-name:hover {
    background-color: #fff;
    color: #000;
}

.promo-link-cta {
    text-decoration: none;
    display: block;
    padding: 10px;
}

.promo-link-cta.find-more {
    background-color: #00d18e;
    color: #fff;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.promo-link-cta.find-more:hover {
    background-color: #000;
    color: #00d18e;
}

.promo-link-cta.buy-ticket {
    background-color: #fff200;
    color: #000;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.promo-link-cta.buy-ticket:hover {
    background-color: #000;
    color: #fff200;
}

.slider-shape .ticket-cta {
    margin: 60px 10px 0 0;
    position: relative;
    float: right;
}

.promo-links a {
    display: block;
    width: 250px;
    text-align: center;
}

/*--------------------------------------TESTIMONIALS SLIDER-------------------------------*/
/*.advps-excerpt-block-one {
    padding: 0;
}*/
.testimonials {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 50;
    margin: -200px auto 0;
    width: 100%;
}

.testimonials .trim svg {
    width: 100% !important;
    /*bottom: -5px !important;*/  /* ie fix */
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0;
    position: relative;
}

.testimonials .content {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 0;
    background-color: #fff;
}

.testimonials h3 {
    font-family: 'Amatic SC',sans-serif;
    font-size: 43px !important;
    line-height: 43px !important;
    color: #2e9a9a !important;
    margin: 0 auto 10px;
    font-weight: 300;
}

.testimonials p {
    font-size: 15px !important;
    line-height: 26px !important;
    font-size: 16px !important;
    color: #7f7f7f;
    text-transform: none;
    font-weight: 400;
    margin: 0 auto;
}

.advps-slide {
    display: block;
    position: relative;
    min-height: 150px;
    margin: 0 auto;
    width: 96%;
    max-width: 1030px !important;
}

.home .testimonials {
}

.mobile-trim {
    display: none;
}

/*
.testimonials .content .slide {
    max-width: 1030px;
}

.testimonials .fp-slide {
    float: none;
}




.testimonials .slide.fp-slide {width: 80% !important; max-width: 1030px;}

#advps_container1 .bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    display: block;
    overflow: hidden;
}

#advpsslideshow_1,
#advps_container1,
.advps-slide div.advps-excerpt-one
{
    width: 80% !important;
    position: relative;
}

#advps_container1 .advs-title, #advps_container1 p {
    max-width: 1030px;
    width: 80% !important;
}*/
/*---------------- styling REZDY ---------------- */
body.iframe-body .container {
/* rezdy iframe for BUY TICKETS */
    max-width: 98% !important;
    width: 900px !important;
}

body.iframe-body .container .container-pad {
    width: 900px !important;
}

body.iframe-body .container .fl {
    float: right !important;
}

body.iframe-body .container .main-content,body.iframe-body .container .breadcrumbs,body.iframe-body .container .footnote,body.iframe-body .container .container-pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.iframe-body .container .side-column {
    margin: 0 0 40px !important;
}

body.iframe-body .container p.credit {
    display: none !important;
}

body.iframe-body .container .side-column.socialmedia {
/* hiding these social media icons because they're redundant */
    display: none !important;
}

body.iframe-body .container .side-column.map {
    margin: 0 !important;
}

body.iframe-body .container .unstyled a:link { color: #009F93;}

.book-now-container a,
.gift-voucher-container a {
    margin: 0 auto;
}

/*--------------------------------------SHOP PAGES---------------------------------------*/
body.archive.woocommerce,body.page.woocommerce-page,body.page-id-474,body.single.woocommerce {
    background-image: url("_/img/shop.jpg");
}

body.archive.woocommerce .title-image,body.page.woocommerce-page .title-image,body.page-id-474  .title-image,
body.single.woocommerce .title-image,body.woocommerce-page .title-image
{
    background-image: url("_/img/title-lovelocks.jpg");
    background-size: cover;
}

table.shop-attributes th, table.shop-attributes td
{font-size: 16px;}

/*--------------------------------------WOOCOMMERCE CART WIDGET---------------------------------------*/
.cart-widget {
    float: right;
    position: relative;
    z-index: 1000;
}

.cart-widget svg {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 4px;
    vertical-align: middle;
    fill: #000;
    background-color: transparent;
    transition: fill .5s ease-out;
}

.cart-widget svg:hover {
    fill: #00D18E;
}

.cart-widget nav {
    display: inline-block;
}

.cart-widget nav a {
    width: 100px;
    color: #000;
    font-size: 15px;
    transition: color .5s ease-out;
    margin-left: 3px;
}

.cart-widget nav a:hover {
    color: #00D18E;
}

.cart-widget .quantity {
    background-color: #00D18E;
/*padding: 5px;*/
    height: 24px;
    width: 24px;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
    line-height: 24px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.cart-widget .quantity:hover {
    background-color: #000;
    color: #FFF200;
}

/*--------------------------------------WOOCOMMERCE CART page---------------------------------------*/



.woocommerce table.cart .coupon label {
    clear: both;
    float: left;
    width: 48%;
    margin-top: 13px;
}

.woocommerce table.cart .coupon input[type="text"] {
    width: 48%;
    margin-left: 4%;
    margin-top: 13px;
    float: left;
/* clear: left;*/
    text-decoration: none;
    background-color: #fff !important;
    padding: 20px 26px !important;
    border-radius: 0;
    border: none;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.woocommerce table.cart .actions .coupon input[type="submit"] {
    margin-top: 10px;
/* margin-left: 4%;*/
    width: 48%;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000 !important;
    color: #FFF200 !important;
    padding: 20px 26px !important;
    border-radius: 0;
    border: none;
    transition: background-color .5s ease-out,color .5s ease-out;
}

tr.cart_item:first-child {
    border-top: none;
}

tr.cart_item {
    border-top: solid 2px #D9D9D9;
}

tr.cart_item:nth-child(2n) {
    background-color: transparent;
}

.shop_table:first-child tr:last-child {
    background-color: #FFF200 !important;
    border-top: none;
}

table.shop_table, table.shop_table_responsive, table.cart {
    max-width: 100% !important;
}

tr.cart_item dt {
    font-size: 18px;
}

.shop_table tr:nth-child(2n) {
    background-color: transparent;
}

/*
tr:nth-child(2n) .quantity input {
    background-color: white !important;
}
*/
.woocommerce table.cart .actions {
    padding-bottom: 20px;
    overflow: hidden;
}

.woocommerce table.cart .actions .coupon input[type="submit"]:hover {
    background-color: #00d18e !important;
    color: #fff !important;
}




.woocommerce table.cart .actions input[type="submit"], .woocommerce table.cart .actions .coupon input[type="submit"] {
    padding-bottom: 19px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 19px !important;
}

.woocommerce table.cart .actions input[type="submit"] {
    width: 48%;
    float: right;
    margin-top: 10px;
    background-color: #000 !important;
    color: #00d18e !important;
    text-transform: uppercase;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.woocommerce table.cart .actions input[type="submit"]:hover {
    color: #000 !important;
    background-color: #00d18e !important;
}


@media only screen and (max-width: 1000px) {
    .woocommerce table.cart .coupon label,
    .woocommerce table.cart .coupon input[type="text"],
    .woocommerce table.cart .actions .coupon input[type="submit"],
     .woocommerce table.cart .actions input[type="submit"]
    {
     float: none;
        width: 100%;
        margin-left: 0;
    }

    .product .entry-summary div[itemprop="description"]{
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        clear:both;
    }
    .product .price {line-height: 60px;}

    h1.product_title.entry-title,.product .entry-summary div[itemprop="offers"] {
        width: auto;
    }

    h1.product_title.entry-title {
        margin-top:20px;
        margin-left: 0;
    }

    p.stock {margin-left: 0 !important;}


    .product .images
    {width: 100% !important;
        float: none !important;
    }



}

/*--------------------------------------SHOP STYLES---------------------------------------*/
.wccf_field_container {
    clear: both;
    padding-top: 5px;
}

.wccf_field_container input,.cart .quantity input,.wccf_field_container select {
    border: none !important;
    border-radius: 0 !important;
    background-color: #E5E5E5 !important;
    padding: 19px 20px !important;
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 18px !important;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

.wccf_field_container_product_checkbox {
    padding-bottom: 30px;
}

.wccf_field_container_product_checkbox input[type="checkbox"] {
    float: right;
    width: auto;
    margin: 0;
}

.wccf_field_container_product_checkbox input[type="checkbox"]:after {
    clear: both;
    display: block;
    content: '';
}

.wccf_field_container_product_checkbox label {
    float: left;
}

.wccf_field_container label {
    font-weight: 400;
    font-family: 'Raleway',sans-serif;
    font-size: 18px;
    float: left;
}

.wccf_field_container label:after {
    clear: both;
    content: "";
    display: block;
    height: 5px;
}

.wccf_product_notes small {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 26px;
}

.wccf_grand_total dd {
    color: #000;
    margin: 0;
    padding: 0;
}

.cart .quantity {
    text-align: right;
}

.cart .quantity input {
    float: left;
    width: 48%;
    font-family: 'Raleway',sans-serif;
    font-weight: 500;
}

button.single_add_to_cart_button {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    background-color: #FFF200;
    font-size: 26px;
    padding: 10px 26px;
    font-family: 'Amatic SC',sans-serif;
    border-radius: 0;
    border: none;
    float: left;
    width: 48%;
    margin-left: 4%;
    transition: background-color .5s ease-out,color .5s ease-out;
}

button.single_add_to_cart_button:hover {
    background-color: #000;
    color: #FFF200;
}

h1.product_title.entry-title,.product .entry-summary div[itemprop="offers"],.product .entry-summary div[itemprop="description"] {
    float: left;
    width: 46%;
    margin-left: 4%;
    position: relative;
}

h1.product_title.entry-title {
    clear: none;
    margin-top: 0;
}

.product_meta {
    clear: both;
}

.product .price,p.stock {
    float: left;
}

p.stock {
    margin-left: 4%;
    color: #888;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}

.woocommerce-breadcrumb {
    font-size: 10px;
    text-transform: uppercase;
}

.woocommerce-breadcrumb:before {
    content: "";
    display: block;
    margin-top: 20px;
    clear: both;
}

.woocommerce-breadcrumb a {
    color: #00d18e;
}

.woocommerce-breadcrumb a:last-child {
    color: #000;
}

.woocommerce-breadcrumb a:after {
    color: red;
}

.woocommerce-message {
    background-color: #FFF200;
    padding: 12px 16px;
    margin: 10px 0 20px;
}

.woocommerce-message a.button {
    color: #DB3A00;
}

.woocommerce.woocommerce .page-title {
    font-family: 'Amatic SC',sans-serif;
    font-size: 60px;
    line-height: 60px;
    padding: 0;
    margin: 20px 0;
}

.woocommerce.widget_shopping_cart p.buttons a:hover {
    background: #FFF200;
    color: #000;
}

.woocommerce-result-count {
    float: left;
}

.woocommerce-ordering {
/* widget to filter product order */
    float: right;
    margin: 0;
    padding: 0;
}

.products .product a {
    overflow: hidden;
}

.products .product a img {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
}

.products .product a img:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.product .images {
    width: 50%;
    float: left;
}

.product .thumbnails {
    overflow: hidden;
}

.product .thumbnails a {
    width: 32%;
    margin: 6px 0 6px 2%;
    float: left;
}

.product .thumbnails a img {
    display: block;
    width: 100%;
}

.product .thumbnails a:nth-child(3n+1) {
    margin-left: 0;
}

.products {
    margin: 0;
    padding: 0;
    clear: both;
}

.products li {
    list-style-type: none;
}

.products .product a {
    text-decoration: none !important;
}

.products .product h3 {
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-family: 'Raleway',sans-serif;
    margin: 10px 0 0;
}

.products .product .add_to_cart_button {
    background-color: #000;
    color: #FFF200;
    padding: 8px 16px;
    font-size: 26px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Amatic SC',sans-serif;
    clear: both;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
/* matching width of products */
    transition: background-color .5s ease-out,color .5s ease-out;
}

.products .product .add_to_cart_button:hover {
    background-color: #FFF200;
    color: #000;
}

/* grid system on products page */
.products .product {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    width: 23.8%;
    max-width: 100%;
    overflow: hidden;
}

.products .product.first {
    margin-left: 0;
}

.products .product img {
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
}

.products .product .amount {
    color: #000;
    float: right;
}

li.description_tab {
/* link to description */
    list-style-type: none;
}

li.description_tab a {
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000;
    color: #FFF200;
    font-size: 26px;
    padding: 10px 26px;
    font-family: 'Amatic SC',sans-serif;
}

li.description_tab {
    display: none;
}

/*--------------------------------------Checkout Page ---------------------------------------*/
tr.cart-subtotal,tr.shipping {
    border-bottom: solid 2px #D9D9D9;
}

tr.cart-subtotal th,tr.shipping th,tr.order-total th {
    color: #00D18E;
    background-color: transparent;
    padding: 9px 0;
    font-family: "Raleway",sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    text-transform: none;
}

tr.cart-subtotal td,tr.shipping td,tr.order-total td {
    float: right;
}

.shipping-calculator-button {
    float: right;
}

tr.shipping td,  tr.cart-subtotal td, .cart tr.order-total td, tr.shipping td {
     padding: 9px 0 9px 26px;
}

.woocommerce-cart .shipping p {
    margin-bottom: 0;
}

.checkout .order-total th {
    padding-left: 26px;
}

ul#shipping_method {
    margin-bottom: 0;
}

ul#shipping_method li {
    list-style-type:none;
    clear: both;
}

ul#shipping_method li input[type="radio"] {
    width: auto;
    margin: 20px 16px 16px 0;
    float: left;
}

#payment ul {
    padding: 0;
    margin: 0;
}

#payment li {
    list-style-type: none;
}

#payment label img {
    float: right;
    padding-left: 20px;
}

form.checkout_coupon {
    margin-bottom: 20px;
}

.checkout_coupon p {
    margin: 0 !important;
}

.checkout_coupon input[type="text"] {
    width: 48%;
    float: left;
}

.checkout_coupon input[type="submit"] {
    margin-left: 4%;
    width: 48%;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #000 !important;
    background-color: #FFF200 !important;
    font-size: 26px !important;
    padding: 12px 26px !important;
    border-radius: 0;
    border: none;
    font-family: 'Amatic SC',sans-serif;
    transition: background-color .5s ease-out,color .5s ease-out;
}

.checkout_coupon input[type="submit"]:hover {
    background-color: #000 !important;
    color: #FFF200;
}

.payment_method_stripe img {
    width: 90px;
}

/*--------------------------------------Checkout Page ---------------------------------------*/

p.woocommerce-thankyou-order-received {
    font-family: 'Amatic SC',sans-serif;
font-size: 36px;
text-align: center;
    font-weight: 300;
    line-height: 36px;
    background-color: black;
color: white !important;
margin-bottom: 0 !important;
padding: 20px;
}

ul.woocommerce-thankyou-order-details {
    list-style-type: none;
margin-left: 0;
color: grey;
font-weight: 300;
background-color: #fff200;
padding: 20px;
    text-align:center;
}

ul.woocommerce-thankyou-order-details strong {
    color: black;
    font-weight: 400;
}

.woocommerce-order-received td.product-name{
    background-color: #FFF200;
}

.woocommerce-order-received td.product-name a {
    color: black;
}

.woocommerce-order-received .col2-set.addresses .col-1, .woocommerce-order-received .col2-set.addresses .col-2 {
    float:left;
    width: 49%
}

.woocommerce-order-received .col2-set.addresses .col-1 address, .woocommerce-order-received .col2-set.addresses .col-2 address {
    font-style:normal;
}

.woocommerce-order-received .col2-set.addresses .col-2 {
    margin-left: 2%;
}
/* ----------------------------- SHARED PAGE TITLE STYLING -------------------*/
.meta-header:after,.entry-header:after,.category-header:after,.entry-header:after,.category-13 .featured-image:after, .category-the-bell-tower-news .featured-image:after {
    content: "";
    clear: both;
    margin-bottom: 50px;
    display: block;
}

.entry-header.voting-header:after {
    margin-bottom: 20px;
}

body.single.the-bell-tower-news .entry-header h1.entry-title {
    text-align:left;
}

/* removing spacing on excerpted content, etc., */
.mini-content .entry-header:after,.mini-content.text .entry-header:after,.search-results .entry-header:after,.excerpt .entry-header:after,/* and on tower news inidividual pages */
.category-13 .entry-header:after,
.category-the-bell-tower-news .entry-header:after

{
    margin-bottom: 0;
    clear: none;
    display: inline;
    content: "";
}

body.page .title-image,body.category .title-image,body.archive .title-image,body.single .title-image,body .meta-header .title-image {
    background-image: url(_/img/featured-image.png);
    background-size: cover;
}

body.page .entry-header .title,body.category .category-header .title,body.archive .category-header .title,body.archive .entry-header .title,body .meta-header .title,body.woocommerce-page .entry-header .title,body.woocommerce-page.single .entry-header .title {
    background-color: #000;
    display: block;
    height: 272px;
    width: 362px;
    padding: 53px 25px 0 28px;
    float: left;
    position: relative;
    margin: 0;
}

body.page .entry-header .title-image,body.category .category-header .title-image,body.archive .category-header .title-image,body.archive .entry-header .title-image,body .meta-header .title-image,body.woocommerce-page .entry-header .title-image {
    margin: 0;
    height: 272px;
    width: 538px;
    background-color: #A4A4A4;
    display: block;
    float: left;
    position: relative;
}

body.single h1.product-title {
/*   background-color: #000;
    display: block;
    height: 272px;
    width: 362px;
    padding: 53px 25px 0 28px;
    float: left;
    position: relative;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-family: 'Amatic SC',sans-serif;
    text-align: right;*/
}

body.page .entry-header .title h1,body.category .category-header .title h1,body.archive .category-header .title h1,body.archive .entry-header .title h1,body .meta-header .title h1, body.woocommerce-page .entry-header .title h1{
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-family: 'Amatic SC',sans-serif;
    text-align: right;
    margin: 0;
    padding: 0;
}

body.single .entry-header .entry-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-family: 'Amatic SC',sans-serif;
    text-align: right;
    margin: 0;
    padding: 0;
}

/* ----------------------------- contact us page -------------------*/
.page-id-91 .entry-content {
    width: 48%;
    display: block;
    float: left;
}

.page-id-91 .location {
    margin-left: 4%;
    width: 48%;
    float: left;
    display: block;
}

.page-id-91 #map {
    display: block;
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

/*--------------------------------------search page---------------------------------------*/
body.search .meta-header .page-title span {
/* search query listing */
    color: #FFF200;
}

body.search article .entry-title {
    font-size: 22px;
    font-family: 'Raleway',sans-serif;
    margin: 0;
    line-height: 24px;
}

body.search article .entry-title a:link,body.search article .entry-title a:visited {
    color: #1fd79c;
}

body.search article .entry-title a:hover {
    color: #000;
}

body.search article .entry-title a:active {
    color: #1fd79c;
}

body.search article {
    clear: both;
    overflow: hidden;
    border-bottom: solid 1px #e2e2e3;
    width: 100%;
    display: block;
}

body.search article:last-child {
    border-bottom: none !important;
}

body.search .entry-summary {
    margin: 0;
}

body.search .readmore {
    text-transform: lowercase;
    text-decoration: underline;
}

/*--------------------------------------General page content---------------------------------------*/
body.page,body.archive,body.category,body.single,body.error404,body.search {
    background-image: url(_/img/schoolvisits.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1650px 811px;
/*     background-size: cover; */
}

body.page.page-id-24 {
    background-image: url(_/img/aboutus.png);
}

body.page.page-id-24 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-297 {
/* ringing times local  47*/
    background-image: url(_/img/buyticket.png);
}

body.page.page-id-3706 .title-image {
    background-image: url(_/img/school-holiday-specials.jpg);
}

body.page.page-id-297 .title-image {
    background-image: url(_/img/belltimes.png);
}

body.page.page-id-170 {
    background-image: url(_/img/groupbookings.png);
}

body.page.page-id-170 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-71 {
    background-image: url(_/img/groupfunctions.png);
}

body.page.page-id-71 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-26 {
    background-image: url(_/img/history.png);
}

body.page.page-id-26 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-234 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-73 {
    background-image: url(_/img/privatefunctions.jpg);
}

body.page.page-id-73 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-107/*,body.single.postid-8*/ {
    background-image: url(_/img/schoolvisits.jpg);
}

body.page.page-id-107 .title-image/*,body.single.postid-8 .title-image*/ {
    background-image: url(_/img/featured-image.png);
}

body.page.page-id-69 {
    background-image: url(_/img/weddings.png);
}

body.category {
/* tower news */
    background-image: url(_/img/towernews.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1650px 811px;
}

body.category.category-13 {
/* tower news */
    background-image: url(_/img/towernews.png);
}

body.category.category-13 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.category-8 {
/* ambassadors */
    background-image: url(_/img/towernews.png);
}

body.category-8 .title-image {
    background-image: url(_/img/featured-image.png);
}

body.category .entry-title {
    font-size: 22px;
    font-family: 'Raleway',sans-serif;
    margin: 0;
    line-height: 22px;
}

section#container,body.woocommerce-page section#container,body.single.woocommerce-page section#container {
    margin: 295px auto 0;
    width: 96%;
    max-width: 900px;
}

body.page .spring-cta,body.category .spring-cta,body.archive .spring-cta,body .meta-header .spring-cta,body.single .spring-cta {
    background-color: #00d18e;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    padding: 6px 0;
    width: 180px;
    display: block;
    font-size: 14px;
    transition: background-color .5s ease-out,color .5s ease-out;
}

body.page .spring-cta:hover,body.category .spring-cta:hover,body.archive .spring-cta:hover,body .meta-header .spring-cta:hover,body.single .spring-cta:hover {
    background-color: #000;
    color: #00d18e;
}

body.page .entry-header .spring-cta,body.category .category-header .spring-cta,body.archive .category-header .spring-cta,body .meta-header .spring-cta,body.archive .entry-header .spring-cta,body.woocommerce-page .entry-header .spring-cta {
    bottom: 0;
    right: 25px;
    position: absolute;
}

body.page p:first-child {
    color: #000;
}

body.page p:nth-of-type(2n) {
    display: block;
}

body.page p {
    color: #5e5d5d;
    margin: 0 0 30px;
}

/* ---------------- ambassadors page -----------------------------*/
/* ---------------- USEFUL LINKS PAGE -----------------------------*/
body.post.post-id-235 {
    background-image: url(_/img/groupbookings.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1650px 811px;
}

body.post.post-id-235 .title-image {
    background-image: url(_/img/featured-image.png);
    background-size: cover;
}

body.post.post-id-235 h3 {
    font-size: 16px;
    font-family: 'Raleway',sans-serif;
    margin: 0;
    line-height: 22px;
}

body.post.post-id-235 a {
    color: #1fd79c;
    font-size: 16px;
    margin: 0;
    line-height: 22px;
}

/* -------------------------- FORM ---------------------------------*/

.gform_wrapper .gfield_required {
    display: none;
}

.gform_wrapper {
    border-top: solid 2px #00d18e;
    overflow: inherit;
    margin: 40px 0 !important;
    max-width: /*98*/
100% !important;
    clear: both;
    width: 900px;
}

.gform_wrapper form {
    width: 900px;
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper .gform_heading {
    margin-bottom: 0 !important;
    width: 100%;
}

.gform_body ul {
    line-height: 0;
}

.gform_body li {
    line-height: 1.5em;
}

.gform_wrapper .gform_heading h3.gform_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    margin: 28px auto 5px !important;
/* font-family: "Gotham Book", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
    font-weight: 400;
    letter-spacing: normal !important;
    width: 900px;
}

.gform_wrapper .gform_footer {
    text-align: center;
    margin: 1em auto;
}

.gform_wrapper select,.gform_wrapper textarea,.gform_wrapper input[type="text"],.gform_wrapper input[type="email"],.gform_wrapper input[type="number"] {
    border: none !important;
    border-radius: 0 !important;
    background-color: #E5E5E5 !important;
    padding: 19px 20px !important;
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 18px !important;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}

.gform_wrapper select.medium,.gform_wrapper input.medium,.gform_wrapper textarea.medium {
    width: 100% !important;
}

.woocommerce-info {
    margin-bottom: 8px;
}

a.downloadable {
    display: block;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
}

.gform_wrapper ul.gform_fields li.gfield label {
    display: none;
}

.gform_wrapper .gform_footer input[type="submit"],input#place_order,.checkout-button,a.downloadable {
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px !important;
    background-color: #00D18E !important;
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    width: auto !important;
    padding: 12px 65px !important;
    transition: background-color .5s ease-out,color .5s ease-out;
    font-weight: 300 !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,input#place_order:hover,.checkout-button:hover,a.downloadable:hover {
    background-color: #000 !important;
    color: #00d18e !important;
}

.checkout-button {
    float: right;
}

.gform_wrapper select option {
    padding: 5px 20px !important;
}

.gform_wrapper select option:nth-child(even) {
    background-color: #fff;
}

.gform_wrapper input:-moz-placeholder,.gform_wrapper input::-webkit-input-placeholder,.gform_wrapper input::-moz-placeholder,.gform_wrapper input:-ms-input-placeholder,.gform_wrapper textarea:-moz-placeholder,.gform_wrapper textarea::-webkit-input-placeholder,.gform_wrapper textarea::-moz-placeholder,.gform_wrapper textarea:-ms-input-placeholder {
    color: #ABA8A8;
}

/*----------------- gform errors + woocommerce checkout coupon errors --------------------------*/
.gform_wrapper #gform_1 div.validation_error,.gform_wrapper #gform_2 div.validation_error {
    border-top: 0;
    border-bottom: 0;
    color: #FFF200;
    text-align: center;
    width: 100%;
    font-weight: 400;
}

.gfrom_wrapper #gform_1 li.gfield.gfield_error,.gfrom_wrapper #gform_2 li.gfield.gfield_error,.woocommerce-error {
    width: 100%;
    border: solid 2px #AAA;
    background-color: #FFF200;
    padding: 5px 15px;
    color: #DB3A00;
}

.gform_wrapper #gform_1 label.gfield_label + div.ginput_container,.gform_wrapper #gform_2 label.gfield_label + div.ginput_container {
    margin-top: 0;
}

.gfrom_wrapper #gform_1 .gfield_error,.gfrom_wrapper #gform_2 .gfield_error {
    width: 100%;
}

.woocommerce-error {
    margin-left: 0;
}

.woocommerce-error ul {
    padding: 0;
    margin: 0;
}

.woocommerce-error li {
    list-style-type: none;
}

.mc4wp-form-fields input[type="email"] {
    float: left;
    padding: 16px 20px !important;
    box-shadow: none; /* hides validation red border */

    outline-color: rgba(255, 242, 0,0);
   outline-style: solid;
    outline-width: /*thin*/3px;
  outline-offset: 0;
       transition: outline-color .3s ease-out 0s;
}


.mc4wp-form-fields input[type="email"]:focus
{
 outline-color: /*rgba(255, 242, 0,1)*/rgba(0, 159, 147, 0.4);
   outline-style: solid;
    outline-width: /*thin*/3px;
  outline-offset: 3;
    border: solid 2px white;
    background-color: white !important;

}
/*
.mc4wp-form-fields input[type="email"]:focus:invalid {
    border: solid 1px white !important;
    outline: 3px solid rgba(219, 58, 0,1);
}
*/
.mc4wp-form-fields input[type="submit"] {
text-indent:-9999px;
    width: 50px;
    height: 52px;
    background-color: #009F93 !important;
    background-image: url(_/img/right-arrow.svg);
    background-repeat:no-repeat;
    background-position:center 50%;
    background-size: 20px 22px;
    padding: 0;
    display: block;
    float: left;
    margin-left: -50px;
    transition: background-color .3s ease-out 0s, background-image .3s ease-out 0s;
    }
.mc4wp-form-fields input[type="submit"]:hover {
    background-color: black !important;
    background-image: url(_/img/right-arrow-hover.svg);
}




/*--------------------------------------MEDIA---------------------------------------*/

@media only screen and (min-width: 1200px) {
    .admin-bar #logo-cta {
 top: 50px;
}
}


@media only screen and (min-width: 900px) {
    /*   .responsive-header {
                display: block !important;
            }*/

    .admin-bar #header {
/* pushes the menu down when the user is logged in */
  top: 30px;
}



    .close-menu,.responsive-header .ticket-cta {
        display: none !important;
    }

    #global-navigation ul li ul a:after {
        border: none;
    }

    #global-navigation ul li ul li:first-child {
        margin: 0;
        padding: 0;
        display: block;
        top: auto;
        position: relative;
    }

    #global-navigation ul li ul li {
        float: none;
    }

    #global-navigation ul li ul li a:hover::after {
        border-bottom: none;
    }

    #global-navigation ul li ul li a:hover {
       /*  width: 100%;
        display: block;
       background-color: #000;
        color: #fff;
        margin: 0;*/
    }


}


.home .landing {
    background-image: url(_/img/home-page-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}



.home .welcome {
    background-image: url(_/img/home-page-second-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}


.home .welcome header {
    background-color: #000;
    padding: 30px 25px;
    text-transform: uppercase;
    width: 525px;
    max-width: 96%;
    margin: 160px auto 0;
    text-align: center;
    position: relative;
}

.home .welcome header h2 {
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    color: #fff;
    font-size: /*29px*/
25px;
}

.home .welcome h3 {
    color: #2e9a9a;
    line-height: 25px;
    font-size: 19px;
    margin-top: 18px;
    font-weight: 300;
}

.home .welcome .content {
    width: 1100px;
    margin: 300px auto 0;
/* this needs to be fixed as a percentage value */
    font-size: 18px;
    line-height: 30px;
}

.home .welcome .content p {
    width: 48%;
    display: block;
    float: left;
    margin-left: 4%;
    font-weight: 200;
}

.home .welcome .content p:first-child {
    margin-left: 0;
}

.home .welcome .find-more {
    font-weight: 700;
    display: inline-block;
/*margin-top: 30px;*/
    margin-left: 52%;
    color: #2e9a9a;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
    text-transform: lowercase;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #2e9a9a;
    padding-bottom: 2px;
    transition: padding-bottom .3s ease-out 0s,color .3s ease-out 0s,border-bottom-color .5s ease-out 0;
}

.home .welcome .find-more:hover {
    padding-bottom: 5px;
    color: #000;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #00d18e;
}

.attraction-icon {
    display: block;
    float: right;
    margin-bottom: 50px;
}

.attraction-icon .gold {
    display: inline-block;
    background-image: url(_/img/gold-icon.png);
    width: 70px;
    height: 70px;
}

.attraction-icon .bronze {
    display: inline-block;
    background-image: url(_/img/bronze-icon.png);
    width: 70px;
    height: 70px;
}

.home .about {
    margin: 0;
    padding: 0;
}

.home .about #slide1 {
    background-image: url(_/img/slider/slide1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}


@media screen and (max-width: 500px) {
.home .about #slide1 {

}
}

.home .about #slide2 {
    background-image: url(_/img/slider/slide2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.home .about #slide3 {
    background-image: url(_/img/slider/slide3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.fullslide {
    position: relative;
}

.slider-shape {
    background-image: url(_/img/slideshow-shape.png);
    background-size: 663px 820px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 663px;
    height: 100%;
    max-height: 820px;
    background-position: right bottom;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    padding: 0;
}

.slider-shape .content {
    width: 300px;
    margin-left: 235px;
    margin-bottom: 75px;
    position: absolute;
    bottom: 0;
}

.slider-shape h2 {
    font-family: 'Amatic SC',sans-serif;
    text-transform: uppercase;
    color: #2e9a9a;
    font-size: 45px;
    line-height: 36px;
    margin-bottom: 35px;
}

.slider-shape p {
    font-size: 15px;
    line-height: 36px;
}

/*!
 * fullPage 2.7.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
/*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#superContainer {
    height: 100%;
    position: relative;
/* Touch detection for Windows 8 */
    -ms-touch-action: none;
/* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
/* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box;
/* <=28 */
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,.fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
/* Safari<=6 Android<=4.3 */
    transition: all .3s ease-out;
}

.fp-section.fp-table,.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
/* -webkit-user-select: none; */
/* webkit (safari, chrome) browsers */
/*-moz-user-select: none;*/
/* mozilla browsers */
/*  -khtml-user-select: none; */
/* webkit (konqueror) browsers */
/*  -ms-user-select: none;*/
/* IE10+ */
    display: none;
/* hiding for moment */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
/*  border-style: solid;*/
    margin-top: -38px;
/* -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}

.fp-controlArrow.fp-prev {
    left: 20px;
    width: 0;
}

.fp-controlArrow.fp-next {
    right: 40px;
/* the right arrow is currently otherwise getting pulled 20px offscreen to the right, investigate why */
    width: 0;
}

.fp-controlArrow.fp-prev::after {
    font-weight: 700;
    content: "<";
    font-family: 'Amatic SC',sans-serif;
    font-size: 100px;
    color: rgba(203,203,203,0.7);
    z-index: 100;
}

.fp-controlArrow.fp-next::after {
    font-weight: 700;
    content: ">";
    font-family: 'Amatic SC',sans-serif;
    font-size: 100px;
    color: rgba(203,203,203,0.7);
}

.fp-controlArrow.fp-prev::after,.fp-controlArrow.fp-next::after {
    transition: color .5s ease-out;
}

.fp-controlArrow.fp-next:hover::after {
    color: rgba(158,158,158,1);
}

.fp-controlArrow.fp-prev:hover::after {
    color: rgba(255,255,255,1);
    text-shadow: 0 0 3px #000;
}

.fp-scrollable {
    overflow: scroll;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}

#fp-nav.right {
    right: 17px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    z-index: 4;
/*left: 50%;*/
    right: 50%;
    position: absolute;
    opacity: 1;
}

.fp-slidesNav.bottom {
    bottom: 85px;
    right: 375px;
    position: absolute;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul,.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin-left: 8px;
    position: relative;
}

#fp-nav ul li:first-child,.fp-slidesNav ul li:first-child {
    margin-left: 0;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span {
    border-radius: 100%;
}

#fp-nav ul li a span,/* fullpage pagination */
.fp-slidesNav ul li a span,.bx-pager-item .bx-pager-link,/* postslider pagination */
.bx-pager-item a
/* postslider pagination */ {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 0;
    background-color: #00D18E;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,.bx-pager-item a.bx-pager-link.active {
    background-color: #000;
/* black */
}

#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {
    width: 16px;
    height: 16px;
    margin: -3px 0 0 -3px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell {
    height: auto !important;
}

/* ----------------------------------------------------- */
.footer-bg {
    background-image: url(_/img/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 592px;
    max-width: 100%;
    clear: both;
}

.footer-bg .trim svg {
    display: none;
}

.page .footer-bg .trim svg,.category .footer-bg .trim svg,.archive .footer-bg .trim svg,.single .footer-bg .trim svg,.error404 .footer-bg .trim svg,.search .footer-bg .trim svg {
    display: block;
    position: relative;
    top: -1px;
    width: 100%;
    line-height: 0;
}

#footer {
    background-color: #fff;
    width: 100%;
    max-width: 1180px;
    overflow: hidden;
    padding: 2px 0 80px;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: left;
}

#footer .content {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    border-top: 2px solid #d9d9d9;
/* lighter lower border */
    padding-top: 30px;
}

#footer h4 {
    color: #2e9a9a;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

#footer p {
    font-size: 16px;
    line-height: 22px;
    color: #7f7f7f;
    text-transform: none;
    font-weight: 400;
}

ul.sub-menu {
    width: 200px;
}

#footer .subscribe input[type=text] {
    background-color: #eee;
    padding: 11px 15px;
    border: none;
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
}

#footer .sitemap {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

#footer .sitemap ul {
    padding: 0;
    margin: 0;
}

#footer .sitemap a:link,#footer .sitemap a:visited {
    color: #7f7f7f;
}

#footer .sitemap a:hover {
    color: #000;
}

#footer .sitemap a:visited {
    color: #7f7f7f;
}

#footer .sitemap li {
    list-style-type: none;
/* width: 10%;*/
}

.social-media .youtube svg,.social-media .facebook svg,.social-media .tripadvisor svg,.social-media .instagram svg {
    background-color: #309A98;
    padding: 5px;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    fill: #fff;
    transition: fill .5s ease-out,background-color .5s ease-out;
}

.social-media .youtube svg:hover,.social-media .facebook svg:hover,.social-media .tripadvisor svg:hover,.social-media .instagram svg:hover {
    background-color: #000;
    fill: #FFF200;
}

.social-media .chinese svg {
    background-color: #DB3A00;
    padding: 5px;
    border-radius: 100%;
    height: 34px;
    width: 34px;
    fill: #FFF200;
    transition: fill .5s ease-out,background-color .5s ease-out;
}

.social-media .chinese svg:hover {
    background-color: #000;
    fill: #FFF200;
}

.contact-us .underline {
    text-decoration: underline;
}

#colophon {
    display: block;
    clear: both;
    text-align: center;
    text-decoration: none;
    color: #A5A5A5;
    font-weight: 300;
    padding-top: 20px;
}

.scrollto-top {
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
/* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(48,154,152,0.8) url(_/img/scrollto-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0 .3s;
    -moz-transition: opacity .3s 0s,visibility 0 .3s;
    transition: opacity .3s 0s,visibility 0 .3s,background .1s ease-out;
}

.scrollto-top.scrollto-is-visible,.scrollto-top.scrollto-fade-out,.no-touch .scrollto-top:hover {
    -webkit-transition: opacity .3s 0s,visibility 0 0;
    -moz-transition: opacity .3s 0s,visibility 0 0;
    transition: opacity .3s 0s,visibility 0 0;
}

.scrollto-top.scrollto-is-visible {
/* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.scrollto-top.scrollto-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.scrollto-top:hover {
    background-color: rgba(48,154,152,1) url(_/img/scrollto-top-arrow.svg) no-repeat center 50%;
    opacity: 1;
}

.category .entry-content a {
    text-decoration: none;
/* remove underline */
}

/* --tower news category page --*/
.ellipsis {
/* ... before read more */
    margin-left: 3px;
    letter-spacing: 2px;
}

.category-13 .featured-image {
    line-height: 0;
/* fix spacing bug */
    height: 145px;
    overflow: hidden;
}

.category-13 .featured-image img {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
}

.category-13 .featured-image img:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.category-13 article {
 float: left;
    display: block;
    width: 48.75%;
    margin-left: 2.5%;
}

.category-13 article:nth-of-type(odd) {
    clear: left;
    margin-left: 0 !important;
}

.category-13 article:nth-child(even) {
   /* float: right;
    clear: right;*/
}

.category-13 #contact-form {
  clear: both;
}

.category-13 .entry-header,.category-13 .entry-content {
    margin: 0;
}

.category-13 .entry-header {
    background-color: #000;
    padding: 18px 25px 0;
    margin: 0;
}

.category-13 .entry-content {
    background-color: #000;
    padding: 0 25px 25px;
}

.category-13 article .entry-title {
    font-size: 22px;
    font-family: 'Raleway',sans-serif;
    margin: 0;
    line-height: 22px;
    transition: all .6s ease;
}

.category-13 article .entry-title:hover {
    color: #fff;
}

a.readmore:hover {
    color: #fff;
}

.category-13 article .entry-title a {
    color: #fff200;
    text-decoration: none;
    text-transform: initial;
    font-weight: 500;
}

.category-13 article .entry-content p {
    font-size: 14px;
    padding-top: 0;
    margin: 0;
}

.category-13 article .entry-content p {
    line-height: 22px;
}

.category-13 article .entry-content a {
    color: #fff;
}

.category-13 article .entry-content a.readmore:before {
    content: "";
    display: block;
}

.category-13 article .entry-content a.readmore {
    color: #00d18e;
    text-transform: lowercase;
    border-bottom: 1px solid #00d18e;
    transition: all .6s ease;
}

.post.category-13 .entry-title {
    text-align: left;
}

/* -------------------------- our board category page category 9 --*/
body.category-9 {
}

body.category-9 .mini-content .entry-header .entry-title {
    font-size: 22px;
    font-family: 'Raleway',sans-serif;
    margin: 20px 0 0;
    line-height: 24px;
}

body.category-9 .entry-content p {
    margin-bottom: 0 !important;
}

body.page.page-id-234,body.category-9 {
    background-image: url(_/img/ourboard.jpg);
}

body.category-9 .title-image {
    background-image: url(_/img/featured-image.png);
}

/* ---------------- tower news individual pages ----------------- */
body.single section#container {
    margin: 150px auto 0;
}

body.single .entry-header .entry-title {
    background-color: #000;
    display: block;
    width: 100%;
    padding: 53px 28px;
    position: relative;
    margin: 0;
}

body.single .featured-image {
    margin: 0;
    width: 100%;
    display: block;
    position: relative;
    line-height: 0;
}

body.single .entry-content {
    padding-top: 0;
}

/* --ambassadors category page --*/
.mini-content .featured-image {
    display: block;
    position: relative;
    width: 175px;
    height: 175px;
    border-radius: 100%;
    background-size: auto 150% !important;
    float: left;
    margin: 32px 0;
    overflow: hidden;
}

.mini-content .featured-image > img {
/* in case js didnt work */
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
}

.mini-content .entry-content {
    font-size: 14px;
    line-height: 24px;
    padding-top: 0;
    margin-top: 0;
}

.mini-content {
    clear: both;
    overflow: hidden;
    border-top: solid 1px #e2e2e3;
    width: 100%;
    display: block;
}

.mini-content:last-child {
/*
border-bottom: solid 2px hotpink !important;*/
}

.category .mini-content:last-child {
    border-bottom: solid 2px #ff0;
}

.mini-content article {
    padding: 32px 0 0;
}

/* articles on the ambassadors page */
.category-8 .mini-content article {
    overflow: hidden;
    width: 700px;
    float: right;
}

.mini-content article:first-child {
    padding-top: 0;
}

.mini-content article:after:last-child {
    padding-bottom: 0;
    content: "";
}

.mini-content .entry-header .entry-title {
    color: #1fd79c;
    font-size: 14px;
    font-family: 'Raleway',sans-serif;
    margin: 0;
    line-height: 24px;
}

/*  WORDPRESS ADMIN STYLING -------------------------------------*/
a.post-edit-link {
    color: #DB3A00;
/* error red */
    padding: 5px 10px;
    border: solid 2px #DB3A00;
    text-decoration: none;
    transition: color .3s 0s,background-color .3s 0;
}

a.post-edit-link:hover {
    background-color: #DB3A00;
    color: #fff;
}

.edit-link:before {
    content: "";
    display: block;
    clear: both;
    margin-top: 20px;
}

/* -------------------- next gen gallery styling ------------------------------ */


body .ngg-gallery-thumbnail-box{
    width: 32%;
 margin-left: 0.73%;
margin-right: 0.6%;
    margin-top: 6px;
    margin-bottom: 6px;
    float: left;
    overflow: hidden;
}

body .ngg-gallery-thumbnail img {
    background-color: transparent;
    border: none;
    padding: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
}

body .ngg-gallery-thumbnail img:hover {
    background-color: transparent;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
}
/*
.nggv_container,.nggv-vote-form {
      overflow-y: hidden;
}*/

/* styling the text for the thank you for casting your vote message */
.nggv-vote-form {
   /* width: 100%;
display: block;*/
/* added */


width: 100%;
display: block;
z-index: 99;
position: absolute;
}

body .voting .ngg-gallery-thumbnail {
    overflow:hidden;
    position: relative; /* making relative, so the child can be absolute */
}

.voted-message {
font-weight: 300;
text-align: center;

z-index: 100;
display: block;
/*width: 100%;
padding: 10px 0;*/

color: #ffffff;

position: relative;
width: 30.7%;

}

#message-after-vote {
position: fixed;
bottom: 0;
font-size: 22px;
z-index: 999;
width: 100%;
background-color: #000000;
line-height: 30px;
padding: 40px 20px;
color: #FFF200;
left: 0;
display: block;
    text-align:center;
    font-weight: 400;
}

#message-after-vote a {
    color: #00D18E;
}

#message-after-vote a span {
    color: white;
    font-size: 16px;
margin-left: 10px;
}

#message-after-vote a:visited, #message-after-vote a:hover {
 color: white;
    font-weight: 400;
}


.message-bg {
transform: translate(0,20px);
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
display: inline-block;
font-family: "Amatic SC",sans-serif;
background-color: rgb(255, 242, 0);
float: left;
font-size: 26px;
font-weight: 500;
color: black;
line-height: 26px;
padding: 6px 30px;
}


.voting-button {
    /*   z-index: 99;
    line-height: 0;
    bottom: 10px;
    background-color: #009F93;
    padding: 8px 20px 8px 8px;
    max-width: 150px;
    display: inline-block;
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
    transform: translate(0,-75px);
    -webkit-transform: translate(0,-75px);
    -ms-transform: translate(0,-75px);*/
    z-index: 99;
line-height: 0;
background-color: #009F93;
padding: 8px 20px 8px 8px;
max-width: 150px;
display: block;
transition: all 0.9s ease 0s;
transform: translate(0,20px);
-webkit-transform: translate(0,20px);
-ms-transform: translate(0,20px);
overflow: visible;
}


.voting-button:hover {
    background-color: #FFF200;
     transform:translate(0,20px) scale(1.15);
    -webkit-transform:translate(0,20px) scale(1.15);
    -ms-transform:translate(0,20px) scale(1.15);
}

.voting-button svg {
    fill: #ffffff;
}

.voting-button:hover svg {
    fill: rgb(64, 64, 64);

}

.voting-button #star {
   display: inline-block;
/*max-width: 20%;*/

height:22px;
vertical-align: middle;
}

.voting-button #text {
/*max-width: 70%;*/
height:22px;
vertical-align: middle;
}


.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type
{
    border: solid 6px #FFF200;
    position:relative;
        transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;

}
.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type:before {
    content: 'top rated';
    position: absolute;
    color: white;
    left: 0;
    width: 100%;
    z-index: 90;
    font-weight: 700;
    text-align: center;
    font-family: 'Amatic SC',sans-serif;
    font-size: 36px;
    text-shadow: 1px 1px 2px black, 0 0 1em white, 0 0 0.2em white;

    transform: translate(0,55px);
-webkit-transform: translate(0,55px);
-ms-transform: translate(0,55px);
}



.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type .voting-button {
    transform: translate(0,0);
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
background-color: #FFF200;
    max-width: 100%;
       transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
}

.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type:hover {
        border: solid 6px black;
}

.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type:hover .voting-button {
    background-color: black;
}

.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type:hover .voting-button svg {
    fill: white;
}

.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type .voting-button:hover svg {
    fill: #FFF200;
}


.page-template-photocomp-voting-public .ngg-gallery-thumbnail-box:first-of-type .voting-button svg {
    fill:black;
}


.voting-share-links {
    margin: 40px auto 50px auto;
    position:relative;
    text-align:center;
    clear: both;
    border-top:2px solid #d9d9d9;

margin: 40px 0 !important;
}

.voting-share-links h3 {
    margin: 40px auto 20px auto;
}




.page-template-photocomp-voting-public .voting-share-links a {
background-color: black;
border-radius: 50%;
height: 85px;
width: 85px;
margin: 0 0 0 10px;
position: relative;
display: inline-block;
         transition: background-color .5s ease-out;
}

.page-template-photocomp-voting-public .voting-share-links a:hover {
    background-color: #00D18E;
}


.page-template-photocomp-voting-public .voting-share-links a:first-of-type {
    margin-left: 0;
}

.page-template-photocomp-voting-public .voting-share-links svg {
display: block;
fill: #ffffff;
position: relative;
    margin: 0 auto;
}


.page-template-photocomp-voting-public .voting-share-links svg#share-facebook {
top: 10px;
height: 60px;
width: 60px;
}
.page-template-photocomp-voting-public .voting-share-links svg#share-twitter {
    top: 18px;
width: 50px;
height: 50px;

}

/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    .products .product {
        width: 100%;
    }

}

/*555px*/
@media screen and (max-width: 650px) {

     body.page.page-template-photocomp-voting-public .voting-header .title {
    padding: 0 25px 0 28px;
}
    body.page.page-template-photocomp-voting-public .voting-header .title h1 {
   font-size: 60px;
line-height: 60px;
    }

    body.page.page-template-photocomp-voting-public .voting-header .entry-title {
    font-size: 14px;
    line-height: 14px;
}

    .home .welcome header {
        padding: 15px 20px;
    }

    #message-after-vote {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    }


    /* changing where padding is set form mobile to make background-image a feature in title bg */

    body .wpmui-popup .popup {
        left:0 !important;
    }

    body .wpmui-popup .popup .wdpu-msg-inner {
        margin:10px;
    }


    body .popup .wdpu-msg-inner .wdpu-text {
       padding: 0;
    }


      body .popup .wdpu-msg-inner .wdpu-inner .wdpu-content p {
        margin: 0 20px;
    }

    body .wdpu-inner .wdpu-head .wdpu-subtitle {
        margin-top:0;
        padding: 20px 10px;
    }

    body .wpmui-popup .popup .wdpu-close, #fancybox-close  {
     top: 0px;
right: 0px;
    }

    body .wdpu-text .wdpu-buttons {
        margin:0;
        width: 100%;
        float:none;
        /*padding: 0;*/
        height: auto;
        font-size: 20px;
    }

    body .wdpu-text .wdpu-buttons .wdpu-cta {
      display: block;
width: 100%;
text-align: center;
padding: 15px 0;
    }

    body .wdpu-inner .wdpu-head .wdpu-title {

    font-size: 35px;
    line-height: 35px;
    color: white;
  /*  margin: 0; */
    text-align: center;
    background-color: black;
margin-top: -250px;
position: absolute;
    width: 100%;
        padding:20px 0; /* making sure there is room for the close button */
    }

    body .popup .wdpu-msg-inner .wdpu-image {
            max-height: 250px;
    }


    .home .welcome header {
   /* background-color: #000;
    padding: 30px 25px;
    text-transform: uppercase;
    width: 525px;
    max-width: 96%;*/
    margin: 220px auto 0;
    text-align: center;
    position: relative;
          font-size:18px;
}

.home .welcome header h2 {
    font-family: "Gotham Book","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    color: #fff;
    font-size:20px;
}

body .ngg-gallery-thumbnail-box {
width: 90%;
margin: 0 5% 20px 5%;
}

    body .ngg-gallery-thumbnail-box:last-of-type {
        margin: 0 5% 0 5%;
    }


  /*  .testimonials {

    margin: -300px auto 0;
}*/

    .testimonials h3,.testimonials p {
       /* width: 480px !important;*/
    }

    #footer .subscribe {
        width: 100% !important;
        float: none;
        display: block;
        padding: 0 30px 30px;
    }

    #footer .sitemap {
    /* bottom margin not working */
        margin: 20px auto 40px;
        width: 100%;
        clear: both;
        display: block;
        position: relative;
        float: none;
    }

    #footer .sitemap,#footer .sitemap ul {
        display: block;
        float: none;
    }

    #footer .subscribe {
    /*width: 340px;*/
        width: 100%;
        float: none;
    }

    #footer .sitemap ul {
        width: 100%;
    }

    #footer .contact-us {
        width: 100%;
        clear: both;
        float: none;
    }

    /* contact us */
    /*.page-id-67*/
    /*.page-id-67*/
    body.page .entry-header .title {
        margin: 0 auto;
        position: relative;
        float: none;
    }

    /*.page-id-67*/
    body.page p:first-child {
        margin: 30px auto;
        float: none;
    }
}

@media only screen  and (min-width: 650px) and (max-width: 900px) {
body .ngg-gallery-thumbnail-box {
width: 48.5%;
}

}

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



    body.page,body.post,body.category,body.single,body.archive,body.page.page-id-24,body.page.page-id-297,body.page.page-id-170,body.page.page-id-71,body.page.page-id-26,body.page.page-id-234,body.page.page-id-73,body.page.page-id-107,/* former #lovelocks .bg,*/body.woocommerce-page,
    body.page.page-id-69,body.category.category-13,body.category-8,body.category-9,body.category-41,body.post.post-id-235 {
    /* if screen size is less than 1650, contain bg */
        background-size: 100%;
        background-position: 0 60px !important;
    }
 section#container,body.page #container,body.woocommerce-page section#container,body.single.woocommerce-page section#container {
        margin: 130px auto 0 !important;
    }



 .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"],input#place_order,.checkout-button,a.downloadable {

  position: relative;
        margin: 0 auto !important;
}



    #footer .subscribe h4 {
        text-align: center;
    }
    #footer .contact-us h4, #footer .contact-us p {
        font-size: 16px;

    }

    .home .welcome,.home .landing {
        background-size: contain;
    }

    .home .welcome .content {
        margin: 50px auto 0;
    }

    .gform_wrapper,.gform_wrapper form,.gform_wrapper .gform_heading h3.gform_title {
        width: auto !important;
    }

     .footer-bg {
        background-image: url(_/img/mobile-footer.jpg);
         background-position: top;
    }

    #footer .contact-us {
        padding-top: 20px;
    }

    #section2 {
        min-height: 700px;
    }

    .fp-sliders {
        max-width: 100%;
    }

    .slider-shape {
        background-image: none !important;
        margin-left: auto !important;
        margin-bottom: 0 !important;
        height: auto;
        width: 100%;
    }

    .slider-shape .content {
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        width: 100%;
    }

    .slider-shape .content section {
        width: 96%;
        padding: 20px 2% 10px;
        margin: 0 auto;
    }

    .fullslide .trim {
        display: block;
        position: relative;
        z-index: 99;
        line-height: 0;
    }

    .slider-shape p {
        display: inline;
    }

    .slider-shape .ticket-cta {
        position: relative;
        margin: 10px 0 20px;
        display: inline;
    }

    .home .footer-bg .mobile-trim {
        display: block;
        position: relative;
      /*  top: -4px;*/
        line-height: 0;
        width: 100% !important;
        padding: 0;
        margin: 0;
        z-index: 99;
    }

    .sml-trim {
        top: 0;
        display: block;
        position: absolute;
        width: 100%;
        line-height: 0;
    }

      .home .welcome {
    background-image: url(_/img/welcome-mobile.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

    .testimonials .content, .testimonials .slide {
        padding-top: 20px;
          min-height: 200px;
    }
}

@media only screen and (min-width: 900px) {
    .sml-trim {
        display: none;
    }

    .fullslide .trim {
        display: none;
    }

    .slider-shape .ticket-cta {
        margin: 10px auto 0;
    }

    #footer .contact-us {
        float: left;
        margin-left: 2%;
        width: 24%;
    }

    #footer .sitemap {
        float: left;
        margin-left: 5%;
        width: 41%;
    }

    .home .footer-bg .mobile-trim {display: none;}

    #footer .subscribe {
        width: 28%;
        float: left;
    }
}

@media only screen and (max-width: 1000px) {
    section#container,body.page #container,body.woocommerce-page section#container,body.single.woocommerce-page section#container {
    /* should this be combined with body.page #container ?? */
        margin: 100px auto 0;
    }

    .page-id-91 .entry-content,.page-id-91 .location {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .slider-shape .content {
        margin-bottom: 150px;
    }
}

@media only screen and (max-width: 1200px) { /* formerly 1250px */
     #footer .sitemap {
       float: none;
       width: 100%;
       padding: 0 30px;
    }



     #footer .sitemap ul {

    column-count: 2;
    column-gap: 50px;
    -moz-column-count: 2;
       -moz-column-gap: 50px;
       -webkit-column-count: 2;
       -webkit-column-gap: 50px;
  }

    #footer .sitemap li {
    text-align: center;
    }


        .home .landing {
            background-image: url(_/img/mobile.jpg);
            background-repeat: no-repeat;
            background-size: cover !important;
            background-position: top;
    }




    .home .welcome .content {
        width: 96%;
    }

    .home .welcome .content p {
        width: 100%;
        float: none;
        margin-left: 0;
    }


    #footer .subscribe {
        padding-left: 30px;
    }

    section#container,body.page #container,body.woocommerce-page section#container,body.single.woocommerce-page section#container {
    /* should this be combined with body.page #container ?? */
        margin: 100px 40px 0 200px;
    }

    body.category .category-header {
        margin: 200px auto 30px;
    }

    /* switch to inline logo and flyout nav on smaller screens */
#global-navigation ul li ul {
	box-shadow: none;
}

#global-navigation a,#global-navigation ul ul li a {
padding: 8px 0 8px 0;
}

    .logged-in .close-menu {
        top: 45px;
    }

    .close-menu {
        /*top: 15px;*/
        top: 38px;
        display: block !important;
    }

    #header {
        /*padding: 16px 0 22px;
        min-height: 75px;*/
        padding: 42px 0 10px;
        min-height: 95px;
    }

    #logo-cta {
        box-shadow: none;
    }

    .discount-code-mobile {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 6px;
        text-align: center;
        font-weight: 600;
        color: #ffffff;
        background-color: #00d18e;
        z-index: 9999;
    }

    #logo-cta .discount-code {
        display: none;
    }

    #logo svg#inline {
    /* need to switch back to the other logo version */
        display: block;
       /* background-image: url(_/img/logo-inline.png);*/
     width: 170px;
       /* height: 42px;*/
        position: relative;
    }

    #logo svg#stacked {display: none;}

    .ticket-cta {
        float: left;
        display: none;
    }

    #logo-cta {
        position: relative;
        float: none;
        width: 142px;
        text-align: center;
        padding: 0;
    }

   /* .logged-in #logo-cta {
        top: 0;
    }*/

    .logo-trim {
        padding: 0;
    }

    .logo-trim.back {
        display: none;
    }

    .mobile-toggle {
        display: block;
        /*top: 25px;*/
        top: 52px;
    }

    #global-navigation {
        width: 100%;
    }

    #global-navigation,#utility-links {
        float: none;
    }

    #global-links {
        text-align: center;
        width: 100%;
        padding: 0;
       /* margin-top: 22px;*/
    }


    #global-links li.menu-item-has-children {
padding: 7px 0;
}

    #global-links li {
        float: none;
        padding: 0;
        width: 100% !important;
        margin-right: 0;
    }


    #global-links li ul li {
padding: 0;
}


    .main-navigation ul ul {
    box-shadow: none;
}


    #global-navigation ul li ul {
        background-color: transparent;
    /*display: block;*/
        width: 100% !important;
        border: none;
        position: relative !important;
        text-align: center;
    }



       .menu-item-has-children:before {
            content: "+";
            color: #2e9a9a;
            font-size: 20px;
            text-align: center;
	    display: inline !important;
	    margin-right: 8px;

        }

         .menu-item-has-children a {
	   display: inline !important;}


    #global-navigation ul li ul li,#global-navigation ul li ul li a {
    display: block !important;
    width: 100% !important;
    text-align: center;
    }

    .cart-widget {
      float: none;
      position: absolute;
      /*top: -65px;*/
      top: -42px;
      right: 70px;
    }

    #global-navigation ul li ul li:nth-child(odd) {
        background-color: #D8D8D8;
        width: 100% !important;
        text-align: center;
    }

    #global-links a {
    /* make full list item clickable */
        display: block;
        width: 100%;
    }

    #global-links li:first-child,#utility-links li:first-child {
        margin-left: 0;
    }

    #global-navigation li:nth-child(odd) {
        background-color: #eee;
    }

    #global-navigation li:hover:nth-child(odd) {
        background-color: #D8D8D8;
    }

    #global-navigation li:hover:nth-child(even) {
        background-color: #fff;
    }

    #global-navigation #current {
        background-color: #353535;
    }

    #global-links #current a:link,#global-links #current a:visited,#global-links #current a:hover,#global-links #current a:active {
        color: #fff;
    }

    #global-links a::after,#global-links a:hover::after,#global-links #current a::after,#global-links #current a:hover::after {
        border-bottom: none;
    }

    ul.sub-menu,global-navigation ul ul li {
        width: 100% !important;
	text-align: center;
    }

    #global-navigation ul li ul li:nth-child(2n+1) {
        background-color: transparent;
    }

    #utility-links {
        text-align: center;
        margin: 0 auto !important;
        position: relative;
        display: block;
        float: none;
        width: 100%;
        clear: both;
        background-color: #2e9a9a;
        padding: 7px 0;
    }

    #utility-links li {
        width: auto;
        color: #fff;
        float: none;
        display: inline-block;
    }

    .responsive-header {
        display: none;
        position: fixed;
        width: 100%;
        z-index: 10;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff none repeat scroll 0 0;
        padding: 0;
        margin: 0;
    }

    .responsive-header .container {
    /* pushing the menu below the logo, pushed down less for inline logo */
        top: 90px;
        display: block;
        position: absolute;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .logged-in .responsive-header .container {
        top: 120px;
    }

    .open-nav .responsive-header .ticket-cta {
        width: 100%;
        display: block !important;
        border-radius: 0;
        float: none;
        /*margin: -16px 0 0;*/
        margin: 0;
    /* switch to an em based unit for greater cross compatibility */
        position: relative;
    }

    .promo-links {
        margin: 100px auto 0;
    width:100%;
    }

    .promo-links .first,.promo-links .second,.promo-links .third {
        float: none !important;
        margin: 20px auto;
    }

    .spacer {
        display: none !important;
    }

    .woocommerce-breadcrumb {
        margin-bottom: 10px;
    }

    body.page #container,body.category .category-header {
        margin: 0 auto 30px;
    }

    body.page .entry-header .title,body.category .category-header .title,body.archive .category-header .title,body.archive .entry-header .title,body.woocommerce-page .entry-header .title,body.woocommerce-page.single .entry-header .title {
        background-color: #000;
        height: auto;
        width: 90%;
        padding: 25px 25px 0;
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }

    body.page .entry-header .spring-cta,body.category .category-header .spring-cta,body.archive .category-header .spring-cta,body.archive .entry-header .spring-cta, body.woocommerce-page .entry-header .spring-cta {
        position: relative;
        float: right;
        right: auto;
        margin-top: 10px;
    }

    body.category .category-header .title-image,body.page .entry-header .title-image,body.archive .category-header .title-image,body.archive .entry-header .title-image,body.woocommerce-page .entry-header .title-image {
        width: 90%;
        height: 100px;
        margin: 0 auto 20px;
        max-width: 100% !important;
        float: none;
    }

    .entry-content {
        padding-top: 0;
    }

    section#container,body.page #container,body.woocommerce-page section#container,body.single.woocommerce-page section#container {
        margin: 230px auto 0 !important;
    }

    section#container .category-header,body.page #container .entry-header {
        margin: 0 auto !important;
    }

    .container,#container {
        max-width: 96%;
    }

    /* break products to two rows */
    .products .product {
        width: 49.2%;
    }

    .products .product:nth-child(3) {
        clear: left;
        margin-left: 0;
    }

    .woocommerce-main-image img {
        margin: 0 auto;
    position: relative;
    display: block;
    padding: 0 0 30px 0;

    }

    h1.product_title.entry-title {
        margin-left:0;
    }

    #footer .contact-us {
    /* clear: both;*/
        float: none;
    /*margin: 20px auto;*/
        width: 96%;
        text-align: center;
    }

  /*  #footer .sitemap {
        float: left;
        margin-left: 12%;
        width: 60%;
    }*/

    #footer .subscribe {
        width: 28%;
        float: left;
    }

    .home .welcome .find-more {
        margin-left: auto;
    }


home .footer-bg .trim {
    display: block;
    position: relative;
    top: -1px;
    width: 100%;
    line-height: 0;
}

    .voted-message {
          position: relative;
/*background-color: rgba(0,0,0,1);*/
       /* padding:10px;*/
    }





}



@media screen and (min-width: 1200px) {

    #utility-links {
        display:none; /* not enough room to fit in with additional items */
    }

  #footer .sitemap ul {
    column-count: 3;
    column-gap: 50px;
    -moz-column-count: 3;
       -moz-column-gap: 50px;;
       -webkit-column-count: 3;
       -webkit-column-gap: 50px;
  }

  /*#footer .sitemap li {
        float: left;
        display: inline-block;
        width: 32%;
    }

    #footer .sitemap li:nth-child(3n+1) {
        margin-right:  2%;
        clear: left;
    }

    #footer .sitemap li:nth-child(3n+2) {
        margin-right: 2%;
    }

    #footer .sitemap li:nth-child(3n+3) {
        margin-right: 0;
    }*/

    #logo svg#inline {display: none;}

    #logo svg#stacked {
        display: block;
        width: 142px;
    }
}

@media only screen and (max-width: 1300px) {
    body.page #container {
        margin: 220px auto 0;
    }

    body.category .category-header {
        margin: 220px auto 30px;
    }

    .slider-shape .content {
        margin-left: 300px;
    }

    .slider-shape .ticket-cta {
        display: block;
    }
}

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

     .spacer {
        height: 100px;
        display: block;
    }
    body.page #container {
        margin: 240px auto 0;
    }

    body.category .category-header {
        margin: 240px auto 30px;
    }
}

@media screen and (max-width: 600px) {
    .category-13 article {
        width: 100%;
	margin-left: 0;
    }

    .category-13 article:nth-child(odd),.category-13 article:nth-child(even) {
        float: none;
    }

    body.page {
    /* add default size styling within min width, so there is no conflict */
        background-size: 100% auto !important;
        background-size: contain !important;
    }

    section#container,body.page #container,body.woocommerce-page section#container,body.single.woocommerce-page section#container {
        margin: 100px auto 0 !important;
    }

    section#container .category-header,body.page #container .entry-header {
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 1650px) {
    body.page,body.post,body.category,body.single,body.archive,body.page.page-id-24,body.page.page-id-297,body.page.page-id-170,body.page.page-id-71,body.page.page-id-26,body.page.page-id-234,body.page.page-id-73,body.page.page-id-107,body.woocommerce-page,/* #lovelocks .bg,*/
    body.page.page-id-69,body.category.category-13,body.category-8,body.category-9,body.category-41,body.post.post-id-235 {
    /* if screen size is less than 1650, contain bg */
        background-size: contain;
    }
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {

}