/* benchpress 2.0 framework, layout & reset */
/* reset && layout */
* {
    box-sizing: border-box;
}
html {
    padding: 0;
    position:relative;
}
body {
    margin: 0;
    position:relative;
    font-size: 62.5%;
}

/* clearfixes - benchpress doesn't use a float layout, but content from wordpress may - so we should cater for it in widgets and with a utility clearfix class */
.clearfix:before,
.clearfix:after,
.widget:before,
.widget:after,
.row:before,
.row:after, {
    content: "";
    display: table;
}
.clearfix:after,
.row:after,
.widget:after {
    clear: both;
}

article,aside,footer,header,main,nav,section,form,summary {
    display: block;
    position: relative;
    margin: 0;
}

main .col figure img {
    display: inline-block;
    margin: 0;
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0 0 20px 0;
}

.wrapper,main,footer,header {
    width: 100%;
}

.wrapper {
    position: relative;
}

/* flex utility classes */
/* flexbox layout */
.row, .sidebar, nav ul, .flex, .gallery
{
    /* support for older iOS & chrome */
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: flex-start;

    /* new syntax */
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: flex-start;
}
.wrap, .col, .flex-item, nav li, .span-flex, .gallery .gallery-item
{
    min-width: 0; /* workaround for Firefox, when contents are larger than box */
    -webkit-flex: 1 1 auto; /* old iOS, Safari, Chrome */
    flex: 1 1 auto; /* new syntax */
}
.widget {
    min-width: 0; /* workaround for Firefox, when contents are larger than box */
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
    position: relative;
}
.sidebar-header,
.sidebar-footer {
    flex-wrap: nowrap;
    width: 100%;
}
.sidebar-header .widget,
.sidebar-footer .widget {
    -webkit-flex-basis: 0;
    flex-basis: 0; /* equal space for each item */
}
.sidebar > div[class^="sidebar-"]
{
    width: 100%;
}
/* end of flexbox decs */

.row {
    position: relative;
    margin: 0 auto;
    padding: 0 20px 0 0;
    width: 100%;
    max-width: 1200px;
}
.col,.wrap {
    margin: 0;
    padding: 20px 0 0 20px;
    max-width: 100%;
}
.wrap {
    padding: 0;
}
.span-1-1 {
    /*-webkit-flex-basis: 100%;*/
    /*flex-basis: 100%;*/
    /*min-width: 100%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(100% - 20px); /* for IE 11 because it is a special snowflake */
}
.span-1-2 {
    /*-webkit-flex-basis: 50%;*/
    /*flex-basis: 50%;*/
    /*min-width: 50%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(50% - 20px); /* for IE 11 because it is a special snowflake */
}
.span-1-3 {
    /*-webkit-flex-basis: 33.3333%;*/
    /*flex-basis: 33.3333%;*/
    /*min-width: 33.3333%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(33.3333% - 20px); /* for IE 11 because it is a special snowflake */
}
.span-2-3 {
    /*-webkit-flex-basis: 66.6666%;*/
    /*flex-basis: 66.6666%;*/
    /*min-width: 66.6666%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(66.6666% - 20px); /* for IE 11 because it is a special snowflake */
}
.span-1-4 {
    /*-webkit-flex-basis: 25%;*/
    /*flex-basis: 25%;*/
    /*min-width: 25%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(25% - 20px); /* for IE 11 because it is a special snowflake */
    word-wrap: break-word;
}
.span-3-4 {
    /*-webkit-flex-basis: 75%;*/
    /*flex-basis: 75%;*/
    /*min-width: 75%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(75% - 20px); /* for IE 11 because it is a special snowflake */
}
.span-1-5 {
    /*-webkit-flex-basis: 20%;*/
    /*flex-basis: 20%;*/
    /*min-width: 20%; */
    /*-webkit-flex-basis: auto;
    flex-basis: auto;*/
    width: calc(20% - 20px); /* for IE 11 because it is a special snowflake */
    word-wrap: break-word;
}

/*** end of reset && layout ***/

/* typography */

b, strong {
    font-weight: bold;
}

blockquote,iframe,embed,hr,table {
    margin: 0 0 20px 0;
    line-height: normal;
    font-weight: lighter;
}

p {
    display: block;
    font-size: 1.6em;
    line-height: 1.8em;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: lighter;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.1em;
    font-weight: lighter;
    width: 100%;
    clear:both;
}

/* only apply em-based margins for typed content - this stops us having to override the margins in too many places when trying to line up other text. */
/*.content p
{
    margin-top: 1em;
    margin-bottom: 2em;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6
{
    margin-bottom: .4em;
    margin-top: .83em;
}*/
/* margin overrides where the text element is the first element in the container - this stops excessive space at the top of a content area */
.content h1:first-child, .content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content h6:first-child, .content p:first-child
{
    margin-top: 0;
}

h1 {
    font-size: 6em;
}
h2 {
    font-size: 4.5em;
}
h3, .widgettitle {
    /* helps with wordpress, keeps widget titles consistent */
    font-size: 3.2em;
}
.widgettitle
{
    margin-top: 0;
}
h4 {
    font-size: 2.6em;
}
h5 {
    font-size: 2em;
}
h6 {
    font-size: 1.4em;
}

p,
dd,
.recentcomments,
.widget_archive li,
.widget_meta li,
.widget_categories li /*some fixes for default wordpress widgets to avoid them looking bad */
{
    padding: 0;
    font-size: 1.4em;
    line-height: 1.8em;
}

a, li, input {
    -webkit-transition: color .15s ease, background-color .15s ease, opacity .15s ease;
    transition: color .15s ease, background-color .15s ease, opacity .15s ease;
}

a {
    text-decoration: none;
    outline: none;
    border: 0;
}
a:hover {
    outline: 0;
}

sub,
sup {
    font-size: 75%;
    position: relative;
}
sup {
    vertical-align: top;
}
sub {
    vertical-align: bottom;
}

ul, ol {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1.6em;
    list-style-type: none;
    display: block;
}

li {
    margin: 0;
    padding: 0;
    /*list-style-type: none;*/ /* nope! */
    line-height: 1.6em;
    font-weight: 100;
}

ul ul,
ol ol,
ul ol,
ol ul,
ul.sidebar /*kill off inheriting font sizes on uls and lis */
{
    font-size: 100%;
    margin: 0;
}

main ol {
    list-style: decimal;
    padding-left: 20px;
}
main ul
{
    list-style: disc;
    padding-left: 20px;
}

dl {
    margin: 0;
    padding: 0 0 20px 20px;
}
dt {
    font-size: 2em;
}
dd {
    margin: 0 0 20px;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.5em;
}

small {
    font-size: 80%;
}

blockquote {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 2em;
    line-height: 1.6em;
    font-weight: normal;
    font-style: italic;
}

blockquote p {
    font-size: 100%;
}

p blockquote /* just incase */
{
    font-size: 100%;
}

/*** end typography ***/

/*** navigation ***/
nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

nav li {
    text-align: center;
    list-style-type: none;
    position: relative;
}

nav a {
    padding: 0;
    display: block;
    line-height: 3;
}


/*flyout / dropdown menus on hover */

nav li:hover ul,
nav li:focus ul,
nav li:active ul {
    visibility: visible;
    opacity: 1;
}
nav ul ul {
    display: block;
    height: auto;
    padding: 0;
    position: absolute;
    z-index: 1000;

    /* hide and show - visibility can be animated! */
    opacity    : 0;
    visibility: hidden;
    -webkit-transition : visibility .15s, opacity .15s ease;
    transition : visibility .15s, opacity .15s ease;
}
nav li:last-of-type ul {
    right: 0;
    left: initial;
}
nav li li {
    font-size: 100%;
    width: 100%;
}
nav li li a {
    width: 100%;
}

.subnav ul,
.widget_categories ul {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.subnav li,
.widget_categories li {
    text-align: left;
    list-style-type: none;
}

.subnav a,
.widget_categories a {
    padding: 15px 20px;
    display: block;
}
/*** end navigation ***/

main,
main .row {
    padding-bottom: 20px;
}

.side-features .desc {
    text-align: center;
}

.sidebar-header .widget, .sidebar-footer .widget
{
    padding-left: 20px;
    padding-top: 20px;
}

table {
    width: 100%;
    height: auto;
}

td,
th {
    padding: 10px 15px;
    text-align: left;
    font-size: 1.3em;
    line-height: 1.3em;
    vertical-align: top;
}

td p,
th p {
    font-size: 100%;
    margin: 0;
}
form
{
    margin-bottom: 20px;
}
input,
select,
button {
    padding: 0 10px;
    font-size: 1.4em;
    height: 40px;
    line-height: 40px;
    border: none;
    width: 100%;
    vertical-align: top;
}

input[type=checkbox],
input[type=radio] {
    width: auto;
    height: auto;
    margin-bottom: 0;
}

input[type=submit],
input[type=button],
button {
    cursor: pointer;
}

label {
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    font-style: italic;
    clear: both;
    margin-bottom: 20px;
}
label input,
label select,
label textarea,
label button,
label[for] {
    margin-bottom: 0;
}
textarea {
    font-size: 1.4em;
    padding: 10px;
    width: 100%;
    min-height: 140px;
    max-height: 300px;
    border: 0;
    margin-bottom: 20px;
    font-weight: 100;
}
/* form validation */
input.error,
textarea.error,
select.error {
    color: red;
    box-shadow: 0 0 10px red;
    /* red glow */
}
label.error {
    position: absolute;
    overflow: hidden;
    top: -100%;
    left: -100%;
    width: 0;
    height: 0;
}

/*main .span-1-2 img,
main .span-2-3 img,
main .span-3-4 img {
    display: block;
    clear: both;
}*/

img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    height: auto;
    display: block;
    max-width: 100%;
}

.alignleft {
    margin: 0 20px 20px 0;
    display: block;
    float: left;
    clear: none;
}
.alignright {
    margin: 0 0 20px 20px;
    display: block;
    float: right;
    clear: none;
}
.aligncenter {
    margin: 0 auto 20px auto;
    display: block;
    clear: both;
}


/** gallery styles **/
.gallery {
    width: calc(100% + 20px);
    /* NOT 100%, otherwise the negative margin doesn't work */
    margin: 0 0 20px -20px;
    padding: 0;
}

.gallery a {
    display: block;
}

.gallery .gallery-item {
    position: relative;
    text-align: left;
    padding: 20px 0 0 20px;
}

.gallery-item dl,
.gallery-item dt {
    margin: 0;
    padding: 0;
}

.gallery .gallery-item img {
    margin-bottom: 0;
    border: none;
    display: block;
    width: 100%;
}

.gallery .gallery-caption {
    position: absolute;
    right: 0;
    left: 20px;
    background: rgba(0, 0, 0, .7);
    color: white;
    text-align: center;
    margin: 0;
    padding: 10px;
    bottom: 0;
}
.gallery-columns-1 .gallery-item {
    /*-webkit-flex-basis: 100%;
    flex-basis: 100%;*/
    width: calc(100% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-2 .gallery-item {
    /*-webkit-flex-basis: 50%;
    flex-basis: 50%;*/
    width: calc(50% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-3 .gallery-item {
    /*-webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;*/
    width: calc(33.333% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-4 .gallery-item {
    /*-webkit-flex-basis: 25%;
    flex-basis: 25%;*/
    width: calc(25% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-5 .gallery-item {
    /*-webkit-flex-basis: 20%;
    flex-basis: 20%;*/
    width: calc(20% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-6 .gallery-item {
    /*-webkit-flex-basis: 16.66%;
    flex-basis: 16.66%;*/
    width: calc(16.66% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-7 .gallery-item {
    /*-webkit-flex-basis: 14.28%;
    flex-basis: 14.28%;*/
    width: calc(14.28% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-8 .gallery-item {
    /*-webkit-flex-basis: 12.5%;
    flex-basis: 12.5%;*/
    width: calc(12.5% - 20px); /* IE11, special snowflake, sigh */
}
.gallery-columns-9 .gallery-item {
    /*-webkit-flex-basis: 11.11%;
    flex-basis: 11.11%;*/
    width: calc(11.11% - 20px); /* IE11, special snowflake, sigh */
}
.gallery dt,
.gallery img {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}

/** end of gallery styles **/

/* image slider */
.rslides-slider-wrapper {
    margin: 0 auto;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 100%;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 100%;
    height: 100%;
    /* fix for cascading relative font size */
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    display: block;
    height: auto;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    /* fix for images constantly resizing themselves when being faded on FF */
    -webkit-box-shadow: #000 0em 0em 0em;
    box-shadow: #000 0em 0em 0em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* styles to put some basic simple styling on wordpress widget LI elements. default styling sucks! */
li.widget {
    list-style: none;
    position: relative;
    /* to fix ipad display bug */
}
/* some default styling for the wordpress widgets and etc */

a.post {
    display: block;
}

.widget_tag_cloud {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 20px 0 0;
}

.widget_tag_cloud .tagcloud a {
    margin: 0 10px 10px 0;
    float: left;
    width: auto;
    padding: 10px;
    font-size: 1.3em;
}


/* searchform basic styling */
.searchform {
    width: 100%;
    padding: 0;
    max-width: 250px;
    /* sane max width for when the form is in a full width column */
}
.searchform input[type="text"],
.searchform input[type="search"] {
    margin-bottom: 0;
    width: 80%;
}
.searchform input[type="submit"] {
    margin-bottom: 0;
    background: url(assets/images/elements/icon-sprite-shadow.png) 0 -80px no-repeat #000;
    width: 40px;
    height: 40px;
}
.searchform label {
    display: none;
}


/* embeds and iframes */
iframe,
embed,
video,
audio {
    max-width: 100%;
    display: block;
    margin: 0 auto 20px;
}
video {
    width: 100%;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* social icons */
.social_links .social {
    width: 100%;
}
.social_links .social li {
    width: auto;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
}

.social_links .social a {
    background-image: url(assets/images/elements/social-icons.png);
    background-repeat: no-repeat;
    text-indent: 999px;
    direction: ltr;
    overflow: hidden;
    cursor: pointer;
    display: block;
    border-radius: 50%;
}

.social-inverted .social a {
    background-image: url(assets/images/elements/social-icons-inverted.png);
}

.social-small .social li a {
    width: 40px;
    height: 40px;
}

.social-medium .social li a {
    width: 50px;
    height: 50px;
}

.social-large .social li a {
    width: 60px;
    height: 60px;
}

.facebook a {
    background-position: 0 0;
    background-color: #3A5795;
}

.social-medium .facebook a {
    background-position: 0 -60px;
}

.social-small .facebook a {
    background-position: 0 -110px;
}

.twitter a {
    background-position: -60px 0;
    background-color: #55ACEE;
}

.social-medium .twitter a {
    background-position: -50px -60px;
}

.social-small .twitter a {
    background-position: -40px -110px;
}

.linked-in a {
    background-color: #0073B2;
    background-position: -120px 0;
}

.social-medium .linked-in a {
    background-position: -100px -60px;
}

.social-small .linked-in a {
    background-position: -80px -110px;
}

.google-plus a {
    background-position: -180px 0;
    background-color: #DF4A32;
}

.social-medium .google-plus a {
    background-position: -150px -60px;
}

.social-small .google-plus a {
    background-position: -120px -110px;
}

.flickr a {
    background-position: -240px 0;
    background-color: #FF0084;
}

.social-medium .flickr a {
    background-position: -200px -60px;
}

.social-small .flickr a {
    background-position: -160px -110px;
}

.social-large .youtube a {
    background-position: -300px 0;
}

.social-medium .youtube a {
    background-position: -250px -60px;
}

.social-small .youtube a {
    background-position: -200px -110px;
}

.social-large .vimeo a {
    background-position: -360px 0;
}

.social-medium .vimeo a {
    background-position: -300px -60px;
}

.social-small .vimeo a {
    background-position: -240px -110px;
}

.social-large .instagram a {
    background-position: -420px 0;
}

.social-medium .instagram a {
    background-position: -350px -60px;
}

.social-small .instagram a {
    background-position: -280px -110px;
}

.social-large .pinterest a {
    background-position: -480px 0;
}

.social-medium .pinterest a {
    background-position: -400px -60px;
}

.social-small .pinterest a {
    background-position: -320px -110px;
}

.social-large .paypal a {
    background-position: -540px 0;
}

.social-medium .paypal a {
    background-position: -450px -60px;
}

.social-small .paypal a {
    background-position: -360px -110px;
}

.social-large .trip-advisor a {
    background-position: -600px 0;
}

.social-medium .trip-advisor a {
    background-position: -500px -60px;
}

.social-small .trip-advisor a {
    background-position: -400px -110px;
}

.social-large .skype a {
    background-position: -660px 0;
}

.social-medium .skype a {
    background-position: -550px -60px;
}

.social-small .skype a {
    background-position: -440px -110px;
}

.social-large .tumblr a {
    background-position: -720px 0;
}

.social-medium .tumblr a {
    background-position: -600px -60px;
}

.social-small .tumblr a {
    background-position: -480px -110px;
}

.social-large .behance a {
    background-position: -780px 0;
}

.social-medium .behance a {
    background-position: -650px -60px;
}

.social-small .behance a {
    background-position: -520px -110px;
}

.social-large .deviant-art a {
    background-position: -840px 0;
}

.social-medium .deviant-art a {
    background-position: -700px -60px;
}

.social-small .deviant-art a {
    background-position: -560px -110px;
}

.social-large .wordpress a {
    background-position: -900px 0;
}

.social-medium .wordpress a {
    background-position: -750px -60px;
}

.social-small .wordpress a {
    background-position: -600px -110px;
}

.social-large .rss a {
    background-position: -960px 0;
}

.social-medium .rss a {
    background-position: -800px -60px;
}

.social-small .rss a {
    background-position: -640px -110px;
}

.social-large .email a {
    background-position: -1020px 0;
}

.social-medium .email a {
    background-position: -850px -60px;
}

.social-small .email a {
    background-position: -680px -110px;
}


/* end of social links */


/* benchpress patch */

.caption-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 50;
    max-height: 50%;
    text-align: center;
}

.caption-wrapper .caption {
    height: 100%;
    max-width: 80%;
    padding: 20px;
    margin: 20px auto;
    display: block;
}

.caption-light .caption {
    background: rgba(0, 0, 0, .4);
}
.caption-light .caption * {
    color: #FFF;
    text-shadow: 0px 0px 1px #000;
}
.caption-dark .caption {
    background: rgba(255, 255, 255, .4);
}
.caption-dark .caption * {
    color: #000;
}

/* styles for the full width footer widget area, and for certain widgets or HTML that may be used in that widget area */

/*.sidebar-footer-top .widget {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}*/
.widget_nav_menu ul {
    font-size: 1.5em;
}
.widget_logos img,
.widget_logos a {
    display: inline-block;
    padding: 0 1em;
    max-height: 100px;
    vertical-align:middle;
}
.widget_logos a img {
    display: block;
}
.widget_logos {
    text-align:center;
}
.logo a {
    display: inline-block;
    max-width: 100%;
}
/* some default navigation styling for the content-slider namespace (this is used by widgets also) */

a.content-slider_nav {
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    background-image: url(assets/images/elements/icon-sprite-shadow.png);
    background-repeat: no-repeat;
    background-position: 0 40px;
    z-index: 20;
    display: block;
    margin: 0;
}

a.content-slider_nav.prev {
    left: 50%;
    margin-left: -60px;
    background-position: 0 -40px;
}

a.content-slider_nav.next {
    background-position: -40px -40px;
    right: 50%;
    margin-right: -60px;`
}

.content-slider_tabs li {
    display: inline-block;
    margin: 0 5px;
    list-style: none;
}

.content-slider_tabs a {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50%;
    background: transparent;
    text-indent: -999px;
    direction: ltr;
    overflow: hidden;
    display: block;
}

.content-slider_tabs .content-slider_here a {
    background: #555;
}



/* wordpress editor styles */
.alignright {
    float: right;
}
.alignright:after {
    content:"";
    clear:right;
}
.alignleft {
    float: left;
}
.alignleft:after {
    content:"";
    clear:left;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption {
    display: inline-block;
    max-width: 100%;
}

/* mobile nav & css checkbox hack */
.mob-nav-wrapper
{
    display:none;
}
.mob-nav-wrapper ul {
    padding: 0;
    margin: 0;
}
.mob-nav-wrapper li {
    display: block;
    width: 100%;
    list-style: none;
    min-height: 40px;
    line-height: 40px;
    text-align: left;
    position: relative;
}
.mob-nav-wrapper a {
    padding: 5px 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
}
.mob-nav-wrapper ul.children {
    overflow: hidden;
    clear: both;
    display: none;
}
.mob-nav-wrapper .has_children:checked ~ ul.children {
    display: block;
}
.mob-nav-wrapper .has_children input {
    display: none;
}
.mob-nav-wrapper .has_children label {
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: url(assets/images/elements/icon-sprite-shadow.png) no-repeat 80px -40px;
}

/* mob nav btn */
.mob-nav-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(assets/images/elements/icon-sprite-shadow.png) 0 0 no-repeat;
    z-index: 1000;
    display: none;
    border-bottom-left-radius: 20%;
}
.mob-nav-btn.open {
    background-position: -40px 0;
}

.h-slider-wrapper {
    position: relative;
    width: 100%;
}
.h-slider-inner {
    font-size: 100%;
    position: relative;
    padding: 0 0 20px 0;
    margin: 0;
}
.h-slider-nav {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(assets/images/elements/icon-sprite-shadow.png) no-repeat;
}
.h-slider-prev {
    background-position: 0 -40px;
}
.h-slider-next {
    background-position: -40px -40px;
}
.h-slider-nav.h-slider-disabled {
    opacity: .3;
}
.h-slider-inner li {
    list-style: none;
    padding: 20px 0 0 20px;
    display: inline-block;
    vertical-align: top;
}
.h-slider-inner li:last-child:after,
.h-slider-inner li:last-child:before {
    content: " ";
    display: table;
}
.h-slider-inner li:last-child:after {
    clear: both;
}
.h-slider-tabs {
    width: 100%;
    text-align: center;
    padding: 0 0 0 20px;
}
.h-slider-tabs.h-slider-disabled {
    visibility: hidden;
}
.h-slider-tabs li {
    display: inline-block;
    margin: 0 5px;
    list-style: none;
}
.h-slider-tabs li a {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid black;
}
.h-slider-tabs li.slider_here a {
    background: #555;
}
ul.content-slider_tabs {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
}


.header-slider_nav {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    height: 56px;
    width: 40px;
    z-index: 99;
    background: url(assets/images/elements/icon-sprite-shadow.png) no-repeat;
}
.header-slider_nav.next {
    right: 5%;
    background-position: -40px -160px;
}

.header-slider_nav.prev {
    left: 5%;
    background-position: 0 -160px;
}

.feature {
    position: relative;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
}

.feature img {
    width: 100%;
    display: block;
    margin: 0;
}
.feature .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100.1%;
/*    min-height: 50%;
    max-height: 100%;
    padding: 10px 20px;*/
    z-index: 1;
    -webkit-transition: transform .15s ease;
    transition: transform .15s ease;
    overflow: hidden;
}
/* if features are to be hidden & slide up on hover instead of fading */
/*.feature.slideup .desc {
    -webkit-transform:translateY(100%);
    transform: translateY(100%);
}
.feature.slideup:hover .desc,
.feature.slideup:active .desc,
.feature.slideup:focus .desc{
    -webkit-transform:translateY(0);
    transform: translateY(0);
}*/

/* if features are to be hidden & slide down on hover instead of fading */
.feature.slidedown .desc {
    bottom: initial;
    top: 0;
    -webkit-transform:translateY(-100%);
    transform: translateY(-100%);
}

.feature.slidedown:hover .desc,
/*.feature.slidedown:active .desc,*/
.feature.slidedown:focus .desc {
    -webkit-transform:translateY(0);
    transform: translateY(0);
}

/* if features are to be hidden & slide right on hover instead of fading */
.feature.slideright .desc {
    -webkit-transform:translateX(-100%);
    transform: translateX(-100%);
}

.feature.slideright:hover .desc,
/*.feature.slideright:active .desc,*/
.feature.slideleft:focus .desc,
.feature.slideleft:hover .desc,
/*.feature.slideleft:active .desc,*/
.feature.slideleft:focus .desc{
    -webkit-transform:translateX(0);
    transform: translateX(0);
}

/* if features are to be hidden & slide left on hover instead of fading */
.feature.slideleft .desc {
    -webkit-transform:translateX(100%);
    transform: translateX(100%);
}

/* special styles for header image slider */
/*#header-img .rslides
{
    height: 49vw;
    max-height: 800px;
    min-height: 300px;
}*/
#header-img .rslides img {
    min-width: 600px; /* stop shrinking and crop at this width*/
    margin: 0 auto;
    /*position: absolute;*/
    /*top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);*/
}
/* end of benchpress patch */


/* fancybox styles */
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
}
.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background: url(assets/images/elements/icon-sprite-shadow.png) no-repeat;
}
#fancybox-loading {
    width: 44px;
    height: 44px;
    background: url(assets/images/elements/loading.gif) center center no-repeat;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 8060;
    cursor: pointer;
    margin-top: -22px;
    margin-left: -22px;
}
.fancybox-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 8040;
    background-position: -40px 0;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    margin-top: -28px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -160px;
}
.fancybox-next span {
    right: 10px;
    background-position: -40px -160px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, .8);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    /*overflow-y: scroll;*/
}
/* Title helper */
.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: #FFF;
    color: #000;
    font-weight: bold;
    line-height: 24px;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: rgba(0, 0, 0, .8);
}
/* end of fancybox styles */

/*----------------------------------------------------------------------------------------------------*/
/*--RESPONSIVE STYLES---------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/* initialise mob display utility classes */
.show-mo-inline,
.show-mo-block {
    display: none;
}

.no-mo-block {
    display: block;
}

.no-mo-inline {
    display: inline;
}


@media (max-width: 1000px) {
    /*tablet in landscape or small laptop*/
    .row {
        min-width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 800px) {
    /*tablet in portrait mode, phablet in landscape*/
    .span-1-6, .span-1-5 {
        -webkit-flex-basis: 33.333%;
        flex-basis: 33.333%;
    }


    /** make the main content spans (best guess here) 100% */
    main .span-1-3,
    main .span-1-4 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    main .span-2-3,
    main .span-3-4 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }

    /** hide the main nav and show the mob nav */
    nav {
        display: none;
    }
    .mob-nav-btn {
        display: block;
    }
    .mob-nav-wrapper.open
    {
        display: block;
    }
    /***/


    /** tone down the header font sizes a little */
    /*h1 {
        font-size: 2.8em;
    }
    h2 {
        font-size: 2.4em;
    }
    h3 {
        font-size: 2.2em;
    }*/

    main
    {
        font-size: 90%;
    }

    /** break word on cols when they shrink too much... whats the overflow hidden for? */
    .col {
        overflow: hidden;
        word-wrap: break-word;
    }


    /* make gallery items 50% wide, regardless of col number. */
    .gallery .gallery-item {
        -webkit-flex-basis: 33.33%;
        flex-basis: 33.33%;
    }

    /* general utility classes for hiding / showing elements at mob view size. */
    .no-mo-inline,
    .no-mo-block {
        display: none;
    }
    .show-mo-inline {
        display: inline;
    }
    .show-mo-block {
        display: block;
    }

    /* make push features 50% wide */
    .push-features .col {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }

    /** make widgets full width **/
    .widget {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    /** make footer widgets 50% however **/
    .sidebar-footer li.widget {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }

    /* allow sidebar items to wrap */
    .sidebar
    {
        flex-wrap: wrap;
    }
}

@media (max-width:800px) {
 
    body
    {
        font-size: 55%; /* scale down a few percent font size */
    }
    .push-features .col {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
    /* bring down padding & font size for captions, etc */
    .push-features .desc
    {
        padding: 10px;
    }
    .push-features .desc *
    {
        margin-top: 0;
    }

    /* captions for mobiles - put them below header*/
    .caption-wrapper {
        position: static;
        max-height: auto;
    }
    .caption-wrapper .caption {
        max-width: 100%;
        margin: 0 0 20px 0;
    }
    .gallery .gallery-item {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }

    /* now halve the padding on content divs and features */
    .row
    {
        padding-right: 10px;
    }
    .sidebar-header .widget, .sidebar-footer .widget
    {
        padding-left: 10px;
        padding-top: 10px;
    }
    .col, .h-slider-inner li, .gallery .gallery-item {
        padding: 10px 0 0 10px;
    }
    .h-slider-tabs
    {
        padding-left: 10px;
    }
    .gallery .gallery-caption
    {
        left: 10px;
    }
    .gallery {
        width: calc(100% + 10px);
        margin: 0 0 20px -10px;
    }

    html div#wpadminbar
    {
        position: fixed !important; /* bugfix for buggy css when logged into wordpress and viewing the admin bar. */
    }
   
}

@media (max-width:420px) {
    /*mobile in portrait mode*/
    .col {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        /* all columns full width */
    }
}

/* any more breakpoints to add here? */

/*------------------------------------------------------------------------------------------------------------*/
/*  THEME NAME: lamontdesign benchpress
/*  VERSION: 2.0
/*  LEVEL: LAMONTDESIGN
/*  AUTHOR: LAMONTDESIGN LTD
/*--------------------------------------------------------------------------------------------------------------*/


/* typography */

* {
    font-family: 'Open Sans', sans-serif;
}


/* text and background colours */

h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
th {
    color: #87897d;
}

p {
    font-size: 1.6em;
}

a {
    color: #edb22e;
}

.content a {
    color: #edb22e;
}

a:hover,
a:active,
a:focus {
    color: #000;
}


/** main nav styles **/

nav {}

nav #main-nav {
    margin: 0 auto;
}

nav a,
nav li.current-menu-item .children a {
    color: #000000;
    background-color: #cc9a27;
    padding: 10px 40px;
    font-size: 1em;
    font-weight: 400;
}

nav a:hover,
nav a:active,
nav a:focus,
nav .children a:hover,
nav .children a:active,
nav .children a:focus,
nav li.current-menu-item a,
nav li.current-page-ancestor a,
nav li.current-page-parent a,
nav li.current-menu-item .children a:hover {
    color: #d9a32d;
    background-color: #4c3a37;
}

nav {
    /* constrain nav width & center, like a row */
    max-width: 1200px;
    margin: 0 auto;
}

nav .children,
nav .children a {
    /* flyout subnav */
    /*background-color: #FFF;*/
}

nav a,
nav li.current-menu-item .children a {
    line-height: 2;
}


/** **/


/* main elements */

body {
    background: #4c3a37;
}

#header-image {
    background-color: #87897d;
}

header {
    background: #fff;
}

footer {
    background: #4c3a37;
}

#footer *,
#copyright * {
    color: white;
}

#footer a:hover,
#copyright a:hover,
#footer a:active,
#copyright a:active,
#footer a:focus,
#copyright a:focus {
    color: #074b71;
}

#footer {
    background: #edb22e;
}

main {
    background: none;
}


/*.front-content {
    background: #fff;
    padding-top: 40px;
    overflow: visible;
    padding-bottom: 80px;
    margin-top: 0;
}*/

.front-content a.standard-btn {
    color: #edb22e;
}

.front-content p {
    font-size: 2em;
    color: #edb22e;
}

.logo img {
    width: 100%;
    max-width: 400px;
}


/*background colours for features & captions*/

.feature .desc {
    transform: none;
    overflow: visible;
    position: relative;
    min-height: 190px;
    background-color: #edb22e;
}


/*.push-features .desc:hover {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}*/
a.feature:hover .desc  {
    background-color: #cc9a27;
}
a.standard-btn {
    color: #fff;
    border: 5px solid #fff;
    padding: 5px 35px;
    display: inline-block;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 400;
}

.front-content a.standard-btn {
    font-size: 0.9em;
    padding: 5px 35px;
    margin-bottom: 10px;
    position: absolute;
    bottom: -40px;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.subnav a,
.widget_categories a {
    font-size: 1.3em;
    padding-left: 0;
    color: #000;
}

.featured-title-top {
    margin: 0;
    font-size: 2em;
    padding: 5px;
    width: 100%;
    display: block;
    background: #fff;
    /*color: #78cdd0;*/
    color: #074b71;
    text-transform: uppercase;
}

.featured-title {
    /*background: #78cdd0;*/
    background: #edb22e;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    font-size: 3em;
    overflow: hidden;
    padding: 0;
    margin: 0;
    min-height: 226px;
}

.featured-title span {
    position: absolute;
    z-index: 20;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    top: 50%;
    transform: translateY(-50%);
}

.featured-title img + span {
    text-shadow: 0 0 5px #333;
}

.featured-excerpt {
    padding: 20px 20px 30px 20px;
}

.feature-read-more-btn {
    position: absolute;
    color: #fff;
    bottom: 0;
    background: #87897d;
    padding: 10px 20px;
    display: block;
    font-size: 1.4em;
    transform: translateX(-50%);
    left: 50%;
}

p .feature-read-more-btn {
    font-size: 100%;
}

.feature {
    text-align: center;
}

.push-features .desc {
    padding: 0;
}

.post {
    background: white;
    /*padding: 20px;*/
}

.post .desc {
    padding: 0;
}

.subnav li {
    border-top: 1px solid #e5e5e5;
}

.subnav > ul > li:first-child {
    border-top: none;
}

.widget_category_nav .widgettitle
/*, .widget.subnav > ul > li:first-child a*/

{
    /*color: #78cdd0;*/
    color: #edb22e;
    /*font-size: 1.4em;*/
}

.widget_category_nav .widgettitle {
    font-size: 2.4em;
    border-bottom: 1px solid #87897d;
    padding-bottom: 20px;
    margin: 0;
    text-transform: uppercase;
}

.widget.subnav:not(.widget_category_nav) > ul > li:first-child a {

    text-transform: uppercase;
    color: #edb22e;
    font-size: 2em;
}
.widget.subnav:not(.widget_category_nav) > ul > li:first-child a:hover
{
    color: #000;
}

.subnav .current-menu-item a,
.subnav .current_page_ancestor a,
.subnav .current_page_item a {
    color: #edb22e;
}

#copyright {
    text-align: center;
    background: #4c3a37;
}

footer .social {
    text-align: center;
}

#footer-top {
    padding-top: 20px;
    padding-bottom: 70px;
}

#footer {
    padding-top: 40px;
    padding-bottom: 40px;
}


/*#footer .row {
    max-width: 420px;
    border-top: 1px solid #99d4e0;
    border-bottom: 1px solid #99d4e0;
}*/


/*#footer .social_links > :first-child
{
    border-top: 1px solid white;
    padding-top: 20px;
}*/

#header-top h3 {
    line-height: 80px;
    margin: 0;
}

#header-top .widget {
    padding: 20px 10px 20px 20px;
}

#mob-nav-menu {
    background: #edb22e;
}

#mob-nav-menu a {
    color: #000;
    font-size: 1.3em;
}

#mob-nav-menu .current_page_item a,
#mob-nav-menu .current_page_ancestor a,
#mob-nav-menu .current_page_parent a {
    color: #4c3a37;
}

input[type=submit] {
    color: #000;
}

input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
    /*background-color: #78cdd0;*/
    background-color: #edb22e;
    color: #fff;
}

.h-slider-nav,
a.content-slider_nav {
    background: url(assets/images/elements/prev-next.png) no-repeat 0 0 !important;
    width: 24px !important;
    position: absolute !important;
    z-index: 20 !important;
    top: 50% !important;
    margin-top: -40px !important;
}

.h-slider-nav.h-slider-prev,
a.content-slider_nav.prev {
    left: -20px !important;
}

.h-slider-nav.h-slider-next,
a.content-slider_nav.next {
    background-position: -24px 0 !important;
    right: -40px !important;
}


/*******/

@media (max-width:800px) {
    #header-top .widget {
        display: none;
    }
    #header-top .widget.logo {
        display: block;
        text-align: center;
    }
    #header-top .widget.logo img {
        display: inline-block;
        max-width: 350px;
    }
    input[type="submit"] {
        width: 100% !important;
    }
    .caption-link {
        display: none !important;
    }
    .social_links .alignright {
        float: unset;
        left: 0;
        position: inherit;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .social_links h2 {
        text-align: center !important;
    }
    #bottom-nav .row {
        display: none;
    }
    .caption .header-slider_nav {
        display: none !important;
    }
    .caption-wrapper .caption {
        margin: 0;
    }
    .caption-light .caption p {
        margin-bottom: 0;
    }
    main .wrapper.top-cont {
        padding-top: 0;
    }
}

* {
    font-family: 'Ubuntu', sans-serif;
}

.content p {
    margin-bottom: 1em;
    font-size: 1.8em;
}

.wrapper.push-features {
    padding-top: 0;
}

.subnav.widget {
    padding-top: 10px;
    padding-left: 20px;
}

textarea {
    max-width: 100%;
    border: solid 1px #edb22e;
    min-width: 100%;
}

.comment-by {
    font-weight: normal;
    line-height: 2.5em;
}

.comment {
    border-top: solid 1px #edb22e;
    padding-top: 20px;
    padding-bottom: 10px;
}

.commentlist {
    padding-top: 60px;
}

.comment:last-of-type {
    border-bottom: solid 1px #edb22e;
}

.row.comment-row {
    padding-top: 20px;
}

input[type="submit"] {
    color: #fff;
    background: #edb22e;
    font-weight: lighter;
    font-size: 1.6em;
    width: 20%;
    float: right;
    border: 1px solid white !important;
    line-height: 1.6em;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    color: #fff;
    background: #cc9a27;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}


/*.page-contact textarea
{
    border: none;
}*/

@media (max-width:1250px) {
    .h-slider-next,
    a.content-slider_nav.next {
        display: none;
    }
    .h-slider-prev,
    a.content-slider_nav.prev {
        display: none;
    }
}

.post-controls .prev-post,
.post-controls .next-post {
    padding-top: 20px;
    border-top: solid 1px #edb22e;
    border-bottom: solid 1px #edb22e;
}

.wrap.span-1-2.next-post {
    text-align: right;
}

/*.content {
    padding: 30px;
}*/

@media (max-width:800px) {
    .subnav.widget {
        padding-top: 20px;
        padding-left: 0px;
    }
}

#contact-form-wrapper input {
    border: solid 1px #edb22e;
}

#header-top {
    background: #edb22e;
}

.caption-light .caption h4 {
    color: #074b71;
    text-shadow: none;
    font-weight: 600;
    font-size: 4em;
    margin-bottom: 10px;
}

.caption-light .caption p {
    color: #fff;
    font-size: 2em;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px #000;
    font-weight: 600;
}

.caption-light .caption {
    background: #fff;
}

.caption-wrapper {
    text-align: center;
    width: 100%;
    bottom: 45%;
}

.caption-light .caption {
    background: transparent;
}

#menu-item-480 a {
    text-transform: uppercase;
    color: #87897d;
    border-right: solid 1px #87897d;
    border-left: solid 1px #87897d;
}

#menu-item-480 a:hover {
    color: #46943e;
    border-right: solid 1px #46943e;
    border-left: solid 1px #46943e;
}

#header-top-bar {
    background: #87897d;
}

#header-top-bar * {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1em;
}

#header-top-bar .widget.widget_content {
    padding-top: 5px !important;
}

#header-top-bar p {
    margin-bottom: 10px;
}

#header-top-bar a {
    font-weight: 400;
}

#header-top-bar a:hover {
    color: #074b71;
}

#header-top-bar a:before {
    background: transparent url(assets/images/elements/clan-flair-small-red.png) no-repeat 0 0;
    height: 26px;
    width: 26px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 8px;
}

@media (max-width:800px) {
    #header-top-bar {
        display: none;
    }
    .caption-wrapper {
        display: none !important;
    }
}

.front-content h1 {
    font-size: 5em;
    color: #000;
}

a.standard-btn:hover,
a.standard-btn:focus,
a.standard-btn:active {
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}

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

.page-home main {
    padding-bottom: 0;
}

.clan-flair {
    background: transparent url(assets/images/elements/clan-flair.png) no-repeat 0 0;
    height: 78px;
    width: 78px;
    position: absolute;
    left: 50%;
    top: -60px;
    transform: translateX(-50%);
}

.sidebar-footer-top .h-slider-tabs {
    display: none;
}

#footer .sidebar.sidebar-footer {}

.sidebar-footer-top .widget.content-slider-widget .col.span-1-1 {
    padding: 0;
}

.sidebar-footer-top .widget.content-slider-widget .col.span-1-1 h2 {
    color: #074b71;
}

.sidebar-footer-top .widget.content-slider-widget .col.span-1-1 p {
    font-size: 2em;
    padding-left: 12%;
    padding-right: 12%;
}

.sidebar-footer-top .widget.content-slider-widget .col.span-1-1 p a {
    font-size: 0.9em;
    padding: 5px 35px;
    background-color: #87897d;
    color: #fff;
    border: 1px solid white;
}

#footer .widgettitle {
    font-size: 3em;
    margin-bottom: 5px;
}

#footer p {
    font-size: 1.4em;
    color: #fff;
}

#footer a {
    color: #000;
}

#footer a:hover {
    color: #fff;
}

#footer .social {
    text-align: center;
}

.social_links .widgettitle {
    text-align: right;
}

#footer a.standard-btn {
    color: #fff;
    border: 1px solid white;
    margin-top: 50px;
}

@media (max-width:800px) {
    .sidebar-footer li.widget {
        /*min-width: 100%;*/
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    #footer .social {
        text-align: center;
    }
    .social_links .widgettitle {
        text-align: center;
    }
    .sidebar-footer .widget {
        text-align: center;
    }
    #footer a.standard-btn {
        margin-top: 0;
    }
    .top-cont h1 {
        font-size: 4em;
    }
    .header-slider_nav {
        display: none;
    }
    .wrapper.nav-wrapper {
        display: none;
    }
    .nav-pullup
    {
        margin-top: 0 !important;
        padding-bottom: 35px !important;
    }
    .footer-img
    {
        height: 330px !important;
    }
    #header-top .row
    {
        padding:0 10px 0 10px !important;
    }
}

#copyright p {
    font-size: 1.3em;
}

#footer h2 {
    font-size: 2.2em;
    margin-top: 20px;
    color: #000;
}

#copyright a {
    color: #cc8535;
}

#copyright a:hover {
    color: #fff;
}

.subnav li:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}

.whiteout {
    background-color: #fff;
}

.subnav a:hover,
.widget_categories a:hover {
    color: #edb22e;
}

.fea-flair {
    height: 49px;
    width: 60px;
    top: 41px;
    position: absolute;
    left: 18px;
    background: url(assets/images/elements/fea-flair.png) no-repeat 0 0;
    display: none;
}

.showflair.fea-flair {
    display: block;
}

.h-slider-tabs li.slider_here a,
.content-slider_tabs .content-slider_here a {
    background: #87897d;
    border: 2px solid #87897d;
}

.h-slider-tabs li a,
.content-slider_tabs a {
    background-color: #fff;
    border: 2px solid #87897d;
}

.row.top-cont {
    background-color: #fff;
    padding: 20px 20px 20px 0px;
}

.top-cont h1 {
    color: #000;
    text-align: center;
    font-weight: 600;
}

.top-cont p {
    color: #000;
    text-align: center;
    font-size: 2em;
    line-height: 1.6em;
    padding-left: 20px;
    padding-right: 20px;
}

.sidebar-pages a.standard-btn {
    width: 65%;
    margin-top: 30px;
}

.page-enquiries .sidebar.col.span-1-3 {
    padding-top: 35px;
}

#header-img a.standard-btn {
    position: absolute;
    bottom: 60px;
    z-index: 10;
    color: #fff;
    border: solid 1px #fff;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.6em;
    padding: 10px 25px;
    text-shadow: 1px 1px #87897d;
    background-color: rgba(135, 137, 125, 0.4);
}

.page-home #header-img a.standard-btn {
    display: none;
}

.caption-link {
    position: relative;
    border: solid 1px #fff;
    padding: 5px 25px;
    width: 140px;
    text-align: center;
    color: #fff !important;
    bottom: -30px;
    left: -20px;
    margin: 0;
    display: inline-block;
    text-shadow: 1px 1px #87897d;
    background-color: rgba(135, 137, 125, 0.4);
    float: left;
}

.content-slider-widget .row {
    padding-left: 20px;
}

.searchform input[type="submit"]:hover {
    background: url(assets/images/elements/icon-sprite-shadow.png) 0 -80px no-repeat #77796d;
}

a.content-slider_nav.prev {
    margin-left: 0;
}

a.content-slider_nav.next {
    margin-right: 20px;
}

.h-slider-nav,
a.content-slider_nav {
    top: 45% !important;
}


/*
.caption-light .caption:hover {
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
}
*/

#bottom-nav .widget.widget_logo.logo {
    display: none;
}

#bottom-nav nav {
    position: absolute;
    top: 1px;
    background-color: transparent;
    padding: 0;
    left: 3px;
    margin: 0;
}

#bottom-nav .row {
    padding: 0;
    height: 60px;
}

#bottom-nav .sub-menu.children {
    display: none;
}

#bottom-nav.wrapper {
    background-color: #edecea;
}

#bottom-nav nav a {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    /*border-right: solid 1px #074b71;*/
}

#bottom-nav nav #main-nav {
    /*padding: 10px 20px;*/
    font-size: 1.4em;
}

#bottom-nav #menu-item-480 a {
    border-left: none;
}


/*#bottom-nav #menu-item-480 a:hover {
    border-right: solid 1px #074b71;
}*/

#bottom-nav nav a::after {
    border-right: solid 1px #074b71;
    content: "";
    padding-right: 30px;
}

#bottom-nav #menu-item-480 a {
    border-right: none;
}

#bottom-nav .menu-item-480 a {
    color: #87897d;
    text-transform: uppercase;
}

#bottom-nav .menu-item-480 a:hover {
    color: #46943e;
}

.header-slider_tabs {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 30px;
    width: 50%;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: block;
    text-align: center;
    list-style: none;
}

.header-slider_tabs li {
    display: inline-block;
    list-style: none;
}

.header-slider_tabs li a {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #87897d;
    margin: 5px;
    overflow: hidden;
    text-indent: 20px;
    direction: ltr;
    display: block;
    border-radius: 50%;
}

.header-slider_tabs li.header-slider_here a {
    background: #87897d;
    border: 2px solid #87897d;
}

.widget.widget_content h4 {
    padding-left: 20px;
    line-height: 1.2em;
}

.widget.widget_content h4 span {
    color: #074b71;
}

.sidebar .widget.widget_content {
    padding-top: 10px;
}

li {
    color: #87897d;
}

.top-cont a {
    color: #fff;
    font-weight: 400;
}

.top-cont a:hover {
    color: #bfc0b8;
}

.top-cont h3 {
    text-align: center;
}

.sub-menu.children a {
    /*padding: 15px;*/
    width: 150%;
    left: -30px;
    position: relative;
}

.orangefooter {
    background-color: #edb22e;
    text-align: center;
}

.orangefooter p {
    color: #000;
    font-size: 2em;
}

.orangefooter a {
    color: #fff;
}

.orangefooter a:hover {
    color: #000;
}

.sub-menu.children {
    display: none;
}

#header-top .widget.widget_content {
    text-align: right;
    min-width: 20%;
}

#header-top .widget.widget_content:first-of-type {
    text-align: left;
}

#header-top .widget.widget_content p {
    color: #4c3a37;
    font-size: 1.8em;
}

#header-top .widget.widget_content a {
    color: #4c3a37;
}

#header-top .widget.widget_content a:hover {
    color: #fff;
}

.header-slider_nav.next {
    right: 40%;
    background-position: 0px 0px;
}

.header-slider_nav.prev {
    left: 40%;
    background-position: -88px 0px;
}

.header-slider_nav {
    position: absolute;
    top: -17px;
    height: 88px;
    width: 88px;
    z-index: 2;
    background: url(assets/images/elements/header-arrows.png) no-repeat;
    scale: 0.8;
}

header .header-slider_nav {
    display: none;
}

#header .caption .header-slider_nav {
    display: block;
}


/** {
    font-family: 'Roboto', sans-serif;
}*/

.caption-wrapper .caption {
    padding: 10px;
    border: solid 5px #fff;
    border-radius: 50px;
    width: 550px;
    box-shadow: 0px 0px 1px #000;
}

p,
td,
th {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

.push-features .span-1-3 {
    padding: 0;
    width: calc(33.3333%);
}

.wrapper.push-features {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: flex-start;
}

.desc-title {
    background-color: #edb22e;
    text-align: left;
    margin: 0 auto;
    padding: 20px 20px 0px 20px;
}

.desc-title h5 {
    color: #fff;
    margin: 0;
    padding: 0 0 5px 0;

}

.desc-body {
    background-color: #edb22e;
    text-align: left;
    margin: 0 auto;
}

.desc-body p {
    padding: 10px;
    color: #4c3a37;
    font-size: 1.4em;
    margin: 0;
    padding: 0 20px 20px 20px;
}

a.feature:hover .desc .desc-title,
a.feature:hover .desc .desc-body {
    background-color: #cc9a27;
}

@media (max-width:1050px) {
    .push-features .col {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
}

@media (max-width:600px) {
    .push-features .col {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}

.sidebar-footer-top .widget_content h1 {
    font-size: 3em;
    color: #edb22e;
    margin-bottom: 10px;
}

.sidebar-footer-top .widget_content p {
    color: #fff;
}

.push-features .col.span-1-4 {
    padding: 0;
}

.push-features .row {
    padding: 0;
}

.wrapper.nav-wrapper {
    background: #cc9a27;
}

.nav-wrapper .row {
    background-color: transparent;
    padding-right: 0;
}

#header-top .widget.widget_logo.logo {
   padding: 30px 0 30px 0;
    min-width: 40%;
    display: flex;
    justify-content: center;
}

.nav-pullup {
    margin-top: -120px;
    z-index: 2;
}
.subnav.widget .page_item_has_children > a {
    text-transform: uppercase;
    color: #edb22e;
    pointer-events: none;
}
.subnav.widget .page_item_has_children ul a {
    padding-left: 10px;
    font-size: 1.2em;
}
.footer-img {
    background: url(assets/images/elements/footer.jpg);
    height: 600px;
    background-size: cover;
}

.footer-btn {
    background: url(assets/images/elements/footer-btn.png);
    height: 130px;
    width: 130px;
    position: absolute;
    top: -65px;
    z-index: 10;
    left: 50%;
    margin-left: -65px;
    scale: 0.8;
}
.footer-btn:hover{
    cursor: pointer;
}
.front-cont-thirds h1 {
    font-size: 2em;
    margin-bottom: 10px;
    font-weight: 400;
    color: #edb22e;
}
.front-cont-thirds p {
    font-size: 1.4em;
    color: #fff;
    margin-bottom: 0;
}
.front-cont-thirds a:hover
{
    color: #fff;
}
.row.front-cont-thirds {
    padding-top: 30px;
}
.searchform input[type="text"]
{
    background: #ececec;
}
.page-home .content
{
    padding-right: 0;
}
.header-slider_tabs
{
    display: none;
}
.page-privacy-cookies .row.whiteout.nav-pullup {
    margin-top: 0;
}
.content li {
    color: #000;
}
.mob-nav-wrapper a {
    font-weight: 500;
}