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

	Theme Name: Washington Coast Magazine
	Theme URI: http://www.aldercreative.com
	Description: Custom theme for Washington Coast Magazine based on GridStack.   
	Author: alder|creative - Andre Gagnon
	Author URI: http://www.aldercreative.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.08
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

/*-----------------------------------------------------------------------------------*/
/*  *Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
    -webkit-margin-before: 0;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

* {
    margin: 0;
    padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

a {
    color: #000;
}


/*-----------------------------------------------------------------------------------*/
/*  *960 Grid System
/*-----------------------------------------------------------------------------------*/

/* #Base 960 Grid
================================================== */

.container {
    position: relative;
    width: 970px;
    margin: 0 auto;
    padding: 0;
}

.column, .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.row {
    margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
    margin-left: 0;
}

.column.omega, .columns.omega {
    margin-right: 0;
}

/* Base Grid */
.container .one.column {
    width: 40px;
}

.container .two.columns {
    width: 100px;
}

.container .three.columns {
    width: 160px;
}

.container .four.columns {
    width: 220px;
}

.container .five.columns {
    width: 280px;
}

.container .six.columns {
    width: 340px;
}

.container .seven.columns {
    width: 400px;
}

.container .eight.columns {
    width: 460px;
}

.container .nine.columns {
    width: 520px;
}

.container .ten.columns {
    width: 580px;
}

.container .eleven.columns {
    width: 640px;
}

.container .twelve.columns {
    width: 700px;
}

.container .thirteen.columns {
    width: 760px;
}

.container .fourteen.columns {
    width: 820px;
}

.container .fifteen.columns {
    width: 880px;
}

.container .sixteen.columns {
    width: 940px;
}

.container .one-third.column {
    width: 300px;
}

.container .two-thirds.column {
    width: 620px;
}

/* Offsets */
.container .offset-by-one {
    margin-left: 60px;
}

.container .offset-by-two {
    margin-left: 120px;
}

.container .offset-by-three {
    margin-left: 180px;
}

.container .offset-by-four {
    margin-left: 240px;
}

.container .offset-by-five {
    margin-left: 300px;
}

.container .offset-by-six {
    margin-left: 360px;
}

.container .offset-by-seven {
    margin-left: 420px;
}

.container .offset-by-eight {
    margin-left: 480px;
}

.container .offset-by-nine {
    margin-left: 540px;
}

.container .offset-by-ten {
    margin-left: 600px;
}

.container .offset-by-eleven {
    margin-left: 660px;
}

.container .offset-by-twelve {
    margin-left: 720px;
}

.container .offset-by-thirteen {
    margin-left: 780px;
}

.container .offset-by-fourteen {
    margin-left: 840px;
}

.container .offset-by-fifteen {
    margin-left: 900px;
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px;
    }

    .container .column,
    .container .columns {
        margin-left: 10px;
        margin-right: 10px;
    }

    .column.alpha, .columns.alpha {
        margin-left: 0;
        margin-right: 10px;
    }

    .column.omega, .columns.omega {
        margin-right: 0;
        margin-left: 10px;
    }

    .container .one.column {
        width: 28px;
    }

    .container .two.columns {
        width: 76px;
    }

    .container .three.columns {
        width: 124px;
    }

    .container .four.columns {
        width: 172px;
    }

    .container .five.columns {
        width: 220px;
    }

    .container .six.columns {
        width: 268px;
    }

    .container .seven.columns {
        width: 316px;
    }

    .container .eight.columns {
        width: 364px;
    }

    .container .nine.columns {
        width: 412px;
    }

    .container .ten.columns {
        width: 460px;
    }

    .container .eleven.columns {
        width: 508px;
    }

    .container .twelve.columns {
        width: 556px;
    }

    .container .thirteen.columns {
        width: 604px;
    }

    .container .fourteen.columns {
        width: 652px;
    }

    .container .fifteen.columns {
        width: 700px;
    }

    .container .sixteen.columns {
        width: 748px;
    }

    .container .one-third.column {
        width: 236px;
    }

    .container .two-thirds.column {
        width: 492px;
    }

    /* Offsets */
    .container .offset-by-one {
        margin-left: 48px;
    }

    .container .offset-by-two {
        margin-left: 96px;
    }

    .container .offset-by-three {
        margin-left: 144px;
    }

    .container .offset-by-four {
        margin-left: 192px;
    }

    .container .offset-by-five {
        margin-left: 240px;
    }

    .container .offset-by-six {
        margin-left: 288px;
    }

    .container .offset-by-seven {
        margin-left: 336px;
    }

    .container .offset-by-eight {
        margin-left: 348px;
    }

    .container .offset-by-nine {
        margin-left: 432px;
    }

    .container .offset-by-ten {
        margin-left: 480px;
    }

    .container .offset-by-eleven {
        margin-left: 528px;
    }

    .container .offset-by-twelve {
        margin-left: 576px;
    }

    .container .offset-by-thirteen {
        margin-left: 624px;
    }

    .container .offset-by-fourteen {
        margin-left: 672px;
    }

    .container .offset-by-fifteen {
        margin-left: 720px;
    }

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container {
        width: 300px;
    }

    .columns, .column {
        margin: 0;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 300px;
    }


    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
        margin-left: 0;
    }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px;
    }

    .columns, .column {
        margin: 0;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column {
        width: 420px;
    }
}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}

/* You can also use a class="clear" to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  Preloader Style
/*-----------------------------------------------------------------------------------*/

div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}

/* #Site Wide Typography
================================================== */
html {
    overflow-y: scroll !important;
    padding: 0 !important;
}

body {
    font-size: 16px;
    line-height: 2em;
    text-align: left;
    /*color:#777;*/
    color: #000;
    padding: 0 !important;
    background: #fff;
    overflow-x: hidden !important;
}

#sitecontainer {
    z-index: 1;
    overflow: hidden;
}

div.loading {
    width: 100%;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    background: url(images/loading.gif) center no-repeat;
    background-attachment: fixed;
    display: none;
}

p, ul {
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 20px;
}

/* Add transitions for all links */
p a, a {
    text-decoration: none;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 45px;
    line-height: 48px;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;

}

h2 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 10px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 18px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h4 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 18px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 14px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    color: #111;
}

/* #Site Wide Specifics
================================================== */
p img {
    margin: 0;
}

p.lead {
    font-size: 21px;
    line-height: 27px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

.hidden {
    opacity: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  *Lists, Etc.
/*-----------------------------------------------------------------------------------*/

/* #Lists
================================================== */
ul, ol {
    margin-bottom: 20px;
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol, ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

ul ul li, ul ol li, ol ol li, ol ul li {
    margin-bottom: 6px;
}

li {
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

/* #Horizontal Rule
================================================== */
hr {
    border-style: solid;
    /*border-color: #dcdcdc;
    border-color: rgba(0, 0, 0, .15);*/
    border-color: #000;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 0 20px 0;
    padding: 0;
    height: 1;
}

/* #General Wordpress Styles
================================================== */
.aligncenter, div.aligncenter {
    display: block;
    margin: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.remove-bottom {
    margin-bottom: 0 !important;
}

.remove-top {
    margin-top: 0 !important;
}

.half-bottom {
    margin-bottom: 10px !important;
}

.add-bottom {
    margin-bottom: 20px !important;
}

.aligncenter {
    text-align: center;
}

.noborder {
    border: none !important;
}

p img {
    display: inline;
}

em {
    font-style: italic;
}

img.attachment-thumbnail {
    max-width: 100% !important;
    height: auto !important;
}

blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
    margin: 40px auto 45px auto;
}

blockquote p {
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    margin: 20px auto;
    width: 75%;
}

blockquote p:first-child:before {
    content: open-quote;
    display: block;
    font-size: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%;
    margin-bottom: -14px;
}

.sticky {
    position: relative;
}

.sticky:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f097";
    position: absolute;
    top: -5px;
    right: 20px;
    color: #999;
}

.sticky.post.onecol:before {
    top: 4px;
    left: 11px;
    right: auto;
    color: #fff;
    z-index: 5;
    font-size: 24px;
}

.bypostauthor {
    border: 3px;
}

/* #General Elements
================================================== */

/* This makes images responsive */
img.scale-with-grid {
    max-width: 100% !important;
    height: auto !important;
}

#sitecontainer img {
    max-width: 100% !important;
    height: auto;
}

.alert { /* For Non-Javascript Enabled Browsers */
    background: #ffffff;
    text-align: center;
    padding: 5px 0px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .9;
}

.alert p {
    font-size: 24px;
    color: #666;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-left: -30px;
    margin-top: -18px;
}

.mobileclear {
    display: none;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

strong {
    font-weight: bold;
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub;
}

.zeromargin {
    margin: 0 !important;
}

.display {
    display: block;
}

.table {
    display: table;
    float: none;
}

.table-row {
    display: table-row;
    float: none;
}

.table-cell {
    display: table-cell;
    float: none;
}

.verticalmiddle {
    vertical-align: middle;
}

/* #Column Widths
================================================= */
.one-half {
    width: 48%;
}

.one-third {
    width: 30.66%;
}

.two-third {
    width: 65.33%;
}

.one-fourth {
    width: 22%;
}

.three-fourth {
    width: 74%;
}

.one-fifth {
    width: 16.8%;
}

.two-fifth {
    width: 37.6%;
}

.three-fifth {
    width: 58.4%;
}

.four-fifth {
    width: 79.2%
}

.one-sixth {
    width: 13.33%;
}

.five-sixth {
    width: 82.67%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
    margin-right: 4%;
    margin-bottom: 25px;
    float: left;
}

.column-last {
    margin-right: 0 !important;
    clear: right;
}

/* #Vertical Centering
================================================== */
.verticalcenter {
    display: table;
}

/* For IE7 */
.verticalcenter td {
    vertical-align: middle;
}

.verticalcenter .cell.verticalcenter {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/* #Buttons and Read More Links
================================================== */
.button,
.tw-button,
a.tw-button,
a.button,
a.more-link,
#submit,
.tw-postshortcode a.more-link {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 12px 14px;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: none;
}

span.more-link {
    display: block;
}

a.more-link {
    display: inline-block;
}

a.more-link,
a.button,
.tw-button,
a.tw-button,
.button {
    margin-top: 15px;
}

a.button.shortcode {
    margin-top: 0 !important;
    margin-bottom: 15px;
}

/* #Button Sizes
================================================== */
.button.small,
.tw-button.small {
    font-size: 10px;
}

.button.medium,
.tw-button.medium {
    font-size: 12px;
    padding: 10px 12px 11px !important;
}

.button.large,
.tw-button.large {
    font-size: 14px;
    padding: 12px 14px 13px !important;
}

.button.huge,
.tw-button.huge {
    font-size: 14px;
    padding: 22px 25px !important;
}

/* #Button Colors
================================================== */
.button.red,
.tw-button.red {
    background: #C60108;
}

.button.orange,
.tw-button.orange {
    background: #E97F02;
}

.button.yellow,
.tw-button.yellow {
    background: #ECBA09;
}

.button.green,
.tw-button.green {
    background: #8FBE00;
}

.button.blue,
.tw-button.blue {
    background: #00A8C6;
}

.button.purple,
.tw-button.purple {
    background: #490A3D;
}

.button.purple:hover,
.tw-button.purple:hover,
.button.blue:hover,
.tw-button.blue:hover,
.button.green:hover,
.tw-button.green:hover,
.button.yellow:hover,
.tw-button.yellow:hover,
.button.orange:hover,
.tw-button.orange:hover,
.button.red:hover,
.tw-button.red:hover {
    background: #333;
}

/*-----------------------------------------------------------------------------------*/
/*  *Magnific Popup CSS
/*-----------------------------------------------------------------------------------*/
.gridstack .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #fff;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.gridstack .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    overflow: hidden !important;
}

.gridstack .mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gridstack .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.gridstack .mfp-align-top .mfp-container:before {
    display: none;
}

.gridstack .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}

.gridstack .mfp-inline-holder .mfp-content,
.gridstack .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.gridstack .mfp-ajax-cur {
    cursor: progress;
}

.gridstack .mfp-zoom-out-cur .mfp-ready {
    cursor: url(images/large_x_thick.png), pointer !important;
}

.gridstack .mfp-zoom {
    cursor: url(images/large_+.png), pointer;
}

.gridstack .mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.gridstack .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

.gridstack .mfp-close,
.gridstack .mfp-arrow,
.gridstack .mfp-preloader,
.gridstack .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.gridstack .mfp-loading.mfp-figure {
    display: none;
}

.gridstack .mfp-hide {
    display: none !important;
}

.gridstack .mfp-preloader {
    color: #222;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504;
}

.gridstack .mfp-preloader a {
    color: #cccccc;
}

.gridstack .mfp-preloader a:hover {
    color: white;
}

.gridstack .mfp-s-ready .mfp-preloader {
    display: none;
}

.gridstack .mfp-s-error .mfp-content {
    display: none;
}

.gridstack button.mfp-close,
.gridstack button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506;
}

.gridstack button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.gridstack .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.gridstack .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.gridstack .mfp-close-btn-in .mfp-close {
    color: #333333;
}

.gridstack .mfp-close-btn-in .mfp-image-holder .mfp-close,
.gridstack .mfp-iframe-holder .mfp-close {
    color: white;
    right: 10px;
    margin-top: 69px;
    opacity: 1;
    width: 30px;
    height: 30px;
    line-height: 0;
    background: #222;
    padding: 0;
    text-align: center;
}

.gridstack .mfp-image-holder .mfp-close,
.gridstack .mfp-iframe-holder .mfp-close {
    color: white;
    right: 10px;
    margin-top: 69px;
    opacity: 1;
    width: 30px;
    height: 30px;
    line-height: 0;
    background: #222;
    padding: 0;
    text-align: center;
}

.gridstack .mfp-counter {
    position: absolute;
    top: 0px;
    right: 25px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.gridstack .mfp-arrow {
    position: absolute;
    top: 0;
    opacity: 0.9;
    margin: 0;
    top: 50%;
    margin-top: -33px;
    padding: 0;
    width: 65px;
    height: 65px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.gridstack .mfp-arrow:active {
    margin-top: -33px;
}

.gridstack .mfp-arrow:hover,
.gridstack .mfp-arrow:focus {
    opacity: 1;
}

.gridstack .mfp-arrow:before,
.gridstack .mfp-arrow:after,
.gridstack .mfp-arrow .mfp-b,
.gridstack .mfp-arrow .mfp-a {
    border: none;
}

.gridstack .mfp-arrow-left {
    left: 0;
    background: url(images/left-arrow-prev.png) center no-repeat;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}

.gridstack .mfp-arrow-right {
    right: 0;
    background: url(images/right-arrow-next.png) center no-repeat;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}

.gridstack .mfp-arrow-right:after,
.gridstack .mfp-arrow-right .mfp-a {
    border-left: 12px solid white;
    left: 3px;
}

.gridstack .mfp-arrow-right:before,
.gridstack .mfp-arrow-right .mfp-b {
    border-left: 20px solid white;
}

.gridstack .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.gridstack .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.gridstack .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.gridstack .mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

.gridstack .mfp-iframe-holder .mfp-close {
    margin-top: 0;
    right: 0;
}

/* Main image in popup */
.gridstack img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0 60px;
    margin: 0 auto;
}

/* The shadow behind the image */
.gridstack .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 60px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: none;
}

.gridstack .mfp-figure {
    line-height: 0;
}

.gridstack .mfp-bottom-bar {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    cursor: auto;
    bottom: 0;
    margin-bottom: 80px;
}

.gridstack .mfp-title-wrapper {
    padding: 0 30px;
}

.gridstack .mfp-title {
    padding-right: 0;
}

.gridstack .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.gridstack .mfp-image-holder .mfp-content {
    max-width: 100%;
}

.gridstack .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
   * Remove all paddings around the image on small screen
   */
    .gridstack .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .gridstack .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    /* The shadow behind the image */
    .gridstack .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .gridstack .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .gridstack .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .gridstack .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .gridstack .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

    .gridstack .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
}

@media all and (max-width: 800px) {
    .gridstack .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .gridstack .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .gridstack .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .gridstack .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }

    .gridstack .mfp-ie7 .mfp-img {
        padding: 0;
    }

    .gridstack .mfp-ie7 .mfp-bottom-bar {
        width: 600px;
        left: 50%;
        margin-left: -300px;
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .gridstack .mfp-ie7 .mfp-container {
        padding: 0;
    }

    .gridstack .mfp-ie7 .mfp-content {
        padding-top: 44px;
    }

    .gridstack .mfp-ie7 .mfp-close {
        top: 0;
        right: 0;
        padding-top: 0;
    }
}

/**
* Fade-zoom animation for first dialog
*/

/* start state */
.gridstack .my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.gridstack .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.gridstack .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.gridstack .my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.gridstack .my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.gridstack .my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */

/* at start */
.gridstack .my-mfp-slide-bottom .zoom-anim-dialog,
.gridstack .my-mfp-slide-bottom .mfp-figure {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);

}

/* animate in */
.gridstack .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog,
.gridstack .my-mfp-slide-bottom.mfp-ready .mfp-figure {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.gridstack .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog,
.gridstack .my-mfp-slide-bottom.mfp-removing .mfp-figure {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.gridstack .my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.gridstack .my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.gridstack .my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.gridstack .mfp-ready .mfp-figure {
    opacity: 0;
}

.gridstack .mfp-zoom-in .mfp-figure {
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.gridstack .mfp-zoom-in.mfp-bg,
.gridstack .mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.gridstack .mfp-zoom-in button.mfp-arrow-left {
    opacity: 0;
    left: 0;
}

.gridstack .mfp-zoom-in button.mfp-arrow-right {
    opacity: 0;
    right: 0;
}

.gridstack .mfp-zoom-in.mfp-image-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.gridstack .mfp-zoom-in.mfp-image-loaded button.mfp-arrow-left {
    opacity: 1;
    left: 0;
}

.gridstack .mfp-zoom-in.mfp-image-loaded button.mfp-arrow-right {
    opacity: 1;
    right: 0;
}

.gridstack .mfp-zoom-in.mfp-ready.mfp-bg,
.gridstack .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.95;
}

.gridstack .mfp-zoom-in.mfp-removing button.mfp-arrow-right,
.gridstack .mfp-zoom-in.mfp-removing button.mfp-arrow-left {
    opacity: 0;
}

.gridstack .mfp-zoom-in.mfp-removing .mfp-figure {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    opacity: 0;
}

.gridstack .mfp-zoom-in.mfp-removing.mfp-bg,
.gridstack .mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  *Shortcode Alterations to Match Theme
/*-----------------------------------------------------------------------------------*/
a.tw-lightbox {
    color: #777;
}

.sidepostcontainer.isotopecontainer {
    padding-bottom: 0;
}

.tw-postshortcode h3, .tw-postshortcode h3 a {
    color: #222;
}

.tw-postshortcode h4.title-shortcode {
    margin-bottom: 35px;
}

.gridstack .tw-postshortcode,
.gridstack .tw-postshortcode p {
    font-size: 14px !important;
    line-height: 2em !important;
    margin-bottom: 20px !important;
}

.gridstack .tw-postshortcode h3,
.gridstack .tw-postshortcode h3 a {
    font-size: 22px !important;
    line-height: 28px;
}

.gridstack .tw-tabs-shortcode li p {
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  *CSS3 Animations
/*-----------------------------------------------------------------------------------*/

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.45s;
    -moz-animation-duration: 0.45s;
    -ms-animation-duration: 0.45s;
    -o-animation-duration: 0.45s;
    animation-duration: 0.45s;
}

/* #FadeInUp
================================================== */

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/* #FadeOutDown
================================================== */

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

/*-----------------------------------------------------------------------------------*/
/*  * Isotope Styling
/*-----------------------------------------------------------------------------------*/

/** Isotope Filter
===================================*/
div.filtercontainer {
    margin-bottom: 40px;
}

ul.filter {
    margin-bottom: 0;
}

ul.filter li {
    list-style-type: none;
    float: left;
    margin: 5px 5px 0 0;
}

ul.filter li a,
ul.filter li a:visited {
    padding: 9px 16px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    color: #999;
    border: 1px solid transparent;
}

ul.filter li a.active,
ul.filter li a:hover {
    border-color: #dcdcdc;
}

/** Isotope Elements
===================================*/
.isotopecontainer .featured-image {
    min-height: 50px;
}

.isotopeliquid {
    max-width: 2100px;
    margin: auto;
    transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    padding-bottom: 50px;
    margin-bottom: 30px;
    margin-right: -8px;
}

.isotopeliquid .postphoto img {
    width: 100%;
}

/*.isotopecontainer {
  padding-bottom:50px;
  margin-bottom: 30px;
}*/

/* Individual Bricks */
.isobrick.thirds {
    width: 30%;
    margin-bottom: 40px;
    float: left;
    margin-right: 2%;
}

.isobrick {
    float: left;
    margin: 1px 1px 2px 0.14rem;
}


/** Isotope Transitions
===================================*/
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height;
    -moz-transition-property: height;
    -ms-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

/* #Disabling Isotop CSS3 Transitions
================================================== */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/*-----------------------------------------------------------------------------------*/
/*  * MediaElement Skin for Audio/Video Files
/*-----------------------------------------------------------------------------------*/

.gridstack .mejs-container {
    position: relative;
    min-width: 150px;
    background: none;
    font-family: sans-serif;
    text-align: left;
    vertical-align: top;
}

.me-plugin {
    position: absolute;
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}

/* Start: LAYERS */
.gridstack .mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.gridstack .mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gridstack .mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.gridstack .mejs-poster img {
    border: 0;
    padding: 0;
    display: block;
    width: auto;
    height: 100%;
}

.gridstack .mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.gridstack .mejs-overlay-play {
    cursor: pointer;
}

.gridstack .mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(images/bigplay.png) no-repeat;
}

.gridstack .mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.gridstack .mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
}

.gridstack .mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: #3A3C3D url(images/loading.gif) 50% 50% no-repeat;
    border-radius: 40px;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.gridstack .mejs-container .mejs-controls {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    background: #3a3c3d url(background.png);
    background: -webkit-linear-gradient(#4a4c4d, #2b2d2d);
    background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
    background: -o-linear-gradient(#4a4c4d, #2b2d2d);
    background: -ms-linear-gradient(#4a4c4d, #2b2d2d);
    background: linear-gradient(#4a4c4d, #2b2d2d);
    list-style: none;
}

.gridstack.mejs-audio .mejs-controls {
    border-radius: 3px;
}

.gridstack .mejs-container .mejs-controls div {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 30px;
    font-size: 11px;
    line-height: 11px;
    font-family: sans-serif;
    background: url(images/sep.png) left no-repeat;
    border: 0;
}

.gridstack .mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 7px 0 9px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(images/controls.png) no-repeat;
}

/* :focus for accessibility */
.gridstack .mejs-controls .mejs-button button:focus {
    outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.gridstack .mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 8px 5px 10px;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.gridstack .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
    display: none;
}

.gridstack .mejs-container .mejs-controls .mejs-time span {
    font-size: 11px;
    color: #fff;
    line-height: 12px;
    display: block;
    float: left;
    width: auto;
}

/* End: Time (current / duration) */


/* Start: Play/pause */
.gridstack .mejs-container .mejs-controls .mejs-playpause-button {
    cursor: pointer;
    background: none;
    width: 30px;
}

.gridstack .mejs-controls .mejs-playpause-button button {
    margin: 7px 8px;
}

.gridstack .mejs-controls .mejs-play button {
    background-position: 0 0;
}

.gridstack .mejs-controls .mejs-play:hover button {
    background-position: 0 -32px;
}

.gridstack .mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.gridstack .mejs-controls .mejs-pause:hover button {
    background-position: 0 -48px;
}

/* End: Play/pause */


/* Stop */
.gridstack .mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.gridstack .mejs-controls .mejs-stop:hover button {
    background-position: -112px -32px;
}

/* End: Play/pause */

/* Start: Progress bar */
.gridstack .mejs-controls div.mejs-time-rail {
    width: 200px;
}

.gridstack .mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 5px;
    cursor: pointer;
    border-radius: 0;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-total {
    padding: 1px;
    margin: 11px 8px 0 10px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    -moz-background-size: 6px 6px;
    background-size: 6px 5px;
    -webkit-background-size: 6px 5px;
    z-index: 1;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #464849;
    width: 0;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    z-index: 1;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 5px;
    background: transparent;
    cursor: pointer;
    top: 1px;
    z-index: 1;
    text-align: center;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #C2C8CF;
    background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
    background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
    background: -o-linear-gradient(#E3E6E9, #C2C8CF);
    background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
    background: linear-gradient(#E3E6E9, #C2C8CF);
    width: 36px;
    height: 17px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 3px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.gridstack .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 4px #C2C8CF;
    border-color: #C2C8CF transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 17px;
    left: 13px;
}

/* End: Progress bar */

/* Start: Fullscreen */
.gridstack .mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.gridstack .mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

/* End: Fullscreen */

/* Start: Mute/Volume */
.gridstack .mejs-controls .mejs-volume-button {
}

.gridstack .mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.gridstack .mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px;
}

.gridstack .mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.gridstack .mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px;
}

.gridstack .mejs-controls .mejs-volume-button {
    position: relative;
}

.gridstack .mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 68px;
    width: 31px;
    background: #3A3C3D;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -68px;
    left: 1px;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.gridstack .mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.gridstack .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 13px;
    top: 8px;
    width: 5px;
    height: 50px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
    margin: 0;
    padding: 1px;
}

.gridstack .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 13px;
    top: 8px;
    width: 5px;
    height: 50px;
    margin: 1px;
}

.gridstack .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 14px;
    top: 16px;
    width: 5px;
    height: 5px;
    background: transparent;
    margin: 0;
}

/* horizontal version */
.gridstack .mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 62px;
    position: relative;
    background: none;
}

.gridstack .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 5px;
    margin: 0;
    padding: 1px;
    font-size: 1px;
    background: #262929;
    border-bottom: #3d3f40 1px solid;
    box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
    border-radius: 0;
}

.gridstack .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 5px;
    margin: 1px;
    padding: 0;
    font-size: 1px;
    border-radius: 0;
}

.gridstack .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

/* End: Mute/Volume */

/* Start: TRACK (Captions and Chapters) */
.gridstack .mejs-controls .mejs-captions-button {
    position: relative;
}

.gridstack .mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.gridstack .mejs-controls .mejs-captions-button:hover button {
    background-position: -48px -32px;
}

.gridstack .mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 30px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: #3A3C3D;
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.gridstack .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.gridstack .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.gridstack .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.gridstack .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: sans-serif;
    font-size: 10px;
}

.gridstack .mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}

.gridstack .mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.gridstack .mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #3A3C3D;
    background: rgba(58, 60, 61, 0.7);
    background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    overflow: hidden;
    border: 0;
}

.gridstack .mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #313335;
    border-right: solid 1px rgba(49, 51, 53, .7);
    border-bottom: solid 1px #313335;
    border-bottom: solid 1px rgba(49, 51, 53, .7);
    cursor: pointer;
}

.gridstack .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.gridstack .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #333;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
}

.gridstack .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px;
}

.gridstack .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gridstack .mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    /*font-weight: bold;*/
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.gridstack .mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.gridstack .mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.gridstack .mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.gridstack .mejs-captions-position-hover {
    bottom: 45px;
}

.gridstack .mejs-captions-text {
    padding: 5px 7px;
    background: #3a3c3d;
    background: rgba(58, 60, 61, 0.8);
    border-radius: 4px;

}

/* End: TRACK (Captions and Chapters) */
.gridstack .mejs-clear {
    clear: both;
}

/* Start: ERROR */
.me-cannotplay {
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}

/* End: ERROR */


/* Start: Loop */
.gridstack .mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.gridstack .mejs-controls .mejs-loop-off:hover button {
    background-position: -64px -48px;
}

.gridstack .mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.gridstack .mejs-controls .mejs-loop-on:hover button {
    background-position: -64px -32px;
}

/* End: Loop */

/* Start: backlight */
.gridstack .mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.gridstack .mejs-controls .mejs-backlight-off:hover button {
    background-position: -80px -48px;
}

.gridstack .mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.gridstack .mejs-controls .mejs-backlight-on:hover button {
    background-position: -80px -32px;
}

/* End: backlight */

/* Start: picture controls */
.gridstack .mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.gridstack .mejs-controls .mejs-picturecontrols-button:hover {
    background-position: -96px -32px;
}

/* End: picture controls */

/* context menu */
.gridstack .mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001; /* make sure it shows on fullscreen */
}

.gridstack .mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333;
}

.gridstack .mejs-contextmenu .mejs-contextmenu-item {
    font-family: sans-serif;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333;
}

.gridstack .mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}

.gridstack .mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.gridstack .mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.gridstack .mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px -32px;
}

.gridstack .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: #3A3C3D;
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.gridstack .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.gridstack .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.gridstack .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.gridstack .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: sans-serif;
    font-size: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*  * General Gallery Styles
/*-----------------------------------------------------------------------------------*/
.gallery-wrap {
    margin: 40px 0 55px 0;
    min-height: 75px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Disable margins if in columns
/*-----------------------------------------------------------------------------------*/
.tw-column .gallery-wrap,
.tw-colum div.fixed {
    margin: 0 auto !important;
}

/*-----------------------------------------------------------------------------------*/
/*  * Regular Gallery
/*-----------------------------------------------------------------------------------*/
.gallery-icon {
    position: relative;
    z-index: 2;
    overflow: hidden;
    float: left;
}

.gallery-item {
    margin: 6px;
    position: relative;
    background: #222;
}

.gallery .gallery-icon img,
.gallery .gallery-icon a {
    border: none !important;
    display: block;
    margin: 0;
}

/** Regular Styles
===================================*/
.single-gallery img {
    width: 305px;
}

.single-gallery.gallery-wrap.fixed {
    margin-right: -15px;
}

/** Full-Width Styles
===================================*/

/* Loading Styles */
.single-gallery.full {
    background: url(images/loading.gif) center no-repeat;
}

.single-gallery.full .gallery {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

/* No JS Fallback */
.no-js .single-gallery.full .gallery {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

/* Image Size Changes */
.single-gallery.full img {
    width: 256px;
}

/* Different Margin */
.single-gallery.full .gallery-item {
    margin-bottom: 10px;
}

/* Center Gallery on Page */
.single-gallery.full .gallery {
    margin: 40px auto;
}

/*-----------------------------------------------------------------------------------*/
/*  * Slideshow Gallery
/*-----------------------------------------------------------------------------------*/
/* Add Pager Margin */
.single-slideshow.gallery-wrap.pager {
    margin-bottom: 80px;
}

.single-slideshow,
.single-carousel,
iframe {
    background: #fff url(images/small-loading.gif) center no-repeat;
}

/* No JS Fallback */
.no-js .single-slideshow {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

/** Full-Width Styles
===================================*/
.single-slideshow .full.gallery {
    margin: auto;
}

/*-----------------------------------------------------------------------------------*/
/*  * Carousel Gallery
/*-----------------------------------------------------------------------------------*/
.single-carousel .gallery-icon {
    height: 100%;
    background: #333;
}

.single-carousel img {
    position: relative;
    z-index: 2;
}

/** Full-Width Styles
===================================*/
.single-carousel.full .bx-wrapper {
    margin: auto;
}

/*-----------------------------------------------------------------------------------*/
/*  * Gallery Controls
/*-----------------------------------------------------------------------------------*/

.single-slideshow .bx-wrapper .bx-controls-direction a,
.single-carousel .bx-wrapper .bx-controls-direction a {
    margin-top: -34px;
    width: 50px;
    height: 68px;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.bx-wrapper .bx-prev,
.single-slideshow .bx-wrapper .bx-prev,
.single-carousel .bx-wrapper .bx-prev {
    left: 0px;
    background: url(images/sprites.png);
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.6);
    background-position: -162px -53px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}

.bx-wrapper .bx-next,
.single-slideshow .bx-wrapper .bx-next,
.single-carousel .bx-wrapper .bx-next {
    right: 0px;
    background: url(images/sprites.png);
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.6);
    background-position: -217px -52px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}

.single-slideshow .bx-wrapper:hover .bx-prev,
.single-carousel .bx-wrapper:hover .bx-prev {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.75);
}

.single-slideshow .bx-wrapper:hover .bx-next,
.single-carousel .bx-wrapper:hover .bx-next {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.75);
}

/*-----------------------------------------------------------------------------------*/
/*  * Image Styles
/*-----------------------------------------------------------------------------------*/

/* #Image Alignment
================================================== */
.singlecontent img.alignright,
.wp-caption.alignright {
    float: right;
    margin: 5px 0 30px 30px;
}

.singlecontent img.alignleft,
.wp-caption.alignleft {
    float: left;
    margin: 5px 30px 30px 0;
}

/*-----------------------------------------------------------------------------------*/
/*  *Parallax-Style Image
/*-----------------------------------------------------------------------------------*/

.post-break {
    position: relative;
    float: none;
    margin: 40px auto 30px;
    display: inline-block;
    line-height: 0;
    min-width: 100% !important;
    max-width: 100% !important;
    background: transparent url(images/small-loading.gif) center no-repeat;
}

.full-bg-image {
    display: block;
    position: relative;
    padding-left: 99999px;
    margin-left: -99999px;
    padding-right: 99999px;
    margin-right: -99999px;
    background-position: center;
    background-attachment: fixed;
    background-color: #222;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    padding-bottom: 60%;
    background-position: center;
}

/* Loading */
img.alignparallax {
    display: none;
}

.no-js img.alignparallax {
    display: block;
}

/*-----------------------------------------------------------------------------------*/
/*  * SiteWide Caption Styles
/*-----------------------------------------------------------------------------------*/

/* #General Styles
================================================== */
.wp-caption {
    margin: 0 0 30px 0;
    width: auto;
    position: relative;
    max-width: 100%;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
    display: block;
}

/* #Typography
================================================== */
.wp-caption-text,
.gallery-caption,
.mfp-title {
    padding: 20px 30px;
    display: block;
    position: relative;
    text-rendering: optimizeLegibility;
    line-height: 16px;
    background: #f4f4f4;
    color: #999;
    font-size: 12px;
}

.mfp-title,
.wp-caption-text.caption-fixedimg span,
.wp-caption-text.caption-normal span,
.single-slideshow .gallery-caption span {
    background: transparent;
    padding: .4em 0;
    color: #fff;
    display: inline;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0.8em 0 0 rgba(0, 0, 0, 0.75), -0.8em 0 0 rgba(0, 0, 0, 0.75);
    margin: 0;
    line-height: 2em;
}

/*-----------------------------------------------------------------------------------*/
/*  * Image Captions
/*-----------------------------------------------------------------------------------*/

/* #Normal and Fixed Image Captions
================================================== */
.wp-caption-text.caption-fixedimg,
.wp-caption-text.caption-normal {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    background: transparent;
}

/* #Alignment Captions
================================================== */
.wp-caption.aligncenter {
    margin-top: 50px;
    margin-bottom: 50px;
}

.wp-caption.alignleft .wp-caption-text,
.wp-caption.alignright .wp-caption-text,
.wp-caption.aligncenter .wp-caption-text {
    position: static;
    background: #f4f4f4;
}

.wp-caption.alignleft .wp-caption-text span,
.wp-caption.alignright .wp-caption-text span,
.wp-caption.aligncenter .wp-caption-text span {
    background: transparent;
    padding: 0;
    box-shadow: none;
    color: #999;
}

/* #Parallax-Style Caption
================================================== */
.post-break .wp-caption-text {
    padding-right: 99999px;
    margin-right: -99999px;
}

/*-----------------------------------------------------------------------------------*/
/*  * Gallery Captions
/*-----------------------------------------------------------------------------------*/

/* #Slideshow Caption
================================================== */
.single-slideshow .gallery-caption {
    background: none;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
}

/* #Regular Caption
================================================== */
.gallery-caption span {
    display: block;
    padding: 13px 20px;
}

.gallery-item .gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}

/* #Carousel and Gallery Captions
================================================== */
.single-carousel .gallery-caption,
.single-gallery .gallery-caption {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    color: #fff;
    z-index: 9;
}

.single-carousel .gallery-icon .gallery-caption,
.single-gallery .gallery-item .gallery-caption {
    height: 100%;
    width: 100%;
    display: block;
    opacity: 1;
    background: transparent;
    padding: 0;
    line-height: 22px;
}

.single-carousel .gallery-icon .gallery-caption span,
.single-gallery .gallery-item .gallery-caption span {
    padding: 30px;
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.45s;
    -moz-animation-duration: 0.45s;
    -ms-animation-duration: 0.45s;
    -o-animation-duration: 0.45s;
    animation-duration: 0.45s;
}

.no-csstransitions .single-carousel .gallery-icon .gallery-caption span,
.no-csstransitions .single-gallery .gallery-item .gallery-caption span {
    display: none;
}

.single-carousel .gallery-icon a:hover .gallery-caption span,
.single-gallery .gallery-item a:hover .gallery-caption span {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    display: block;
}

.no-csstransitions .single-carousel .gallery-icon:hover img,
.no-csstransitions .single-gallery .gallery-item:hover img {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* IE 5-7 */
    filter: alpha(opacity=30);
    /* Netscape */
    -moz-opacity: 0.3;
    /* Safari 1.x */
    -khtml-opacity: 0.3;
    /* Good browsers */
    opacity: 0.3;
}

/* #Carousel and Gallery Image Hover
================================================== */
.csstransitions .single-carousel a img,
.csstransitions .single-gallery a img {
    transition: transform 0.45s, filter 0.45s, opacity 0.45s ease-in-out;
    -webkit-transition: -webkit-transform 0.45s, -webkit-filter 0.45s, -webkit-opacity 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: -o-transform 0.45s, -o-filter 0.45s, -o-opacity 0.45s ease-in-out;
    -ms-transition: -ms-transform 0.45s, -ms-filter 0.45s, opacity 0.45s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0); /* This forces hardware acceleration for more consistent transitions */
}

.csstransitions .single-carousel a:hover img,
.csstransitions .single-gallery a:hover img {
    -webkit-transform: scale(1.2) rotate(5deg); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.2) rotate(5deg); /*Mozilla scale version*/
    -o-transform: scale(1.2) rotate(5deg); /*Opera scale version*/
    -ms-transform: scale(1.2) rotate(5deg); /*MS scale version*/
    /* Firefox 10+, Firefox on Android - too buggy */
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

/*-----------------------------------------------------------------------------------*/
/*  *Extended Width Styles
/*-----------------------------------------------------------------------------------*/

.three-fourths-post .gallery-wrap.fixed,
.three-fourths-post img.fixedimg,
#sitecontainer .three-fourths-post img.fixedimg,
.three-fourths-post img.alignright,
.three-fourths-post .wp-caption.alignright,
.three-fourths-post div.fixed {
    margin-right: -180px;
}

/** Regular Gallery
===================================*/
.three-fourths-post .single-gallery.gallery-wrap.fixed {
    margin-left: -5px;
    margin-right: -190px;
}

/** Gallery Images
===================================*/
.three-fourths-post .single-gallery.fixed img {
    width: 305px;
}

/** Fixed-Width Styles
===================================*/
.three-fourths-post img.fixedimg,
#sitecontainer .three-fourths-post img.fixedimg {
    max-width: 940px !important;
    margin-top: 40px;
    margin-bottom: 55px;
}


/*-----------------------------------------------------------------------------------*/
/*  *Disable in column shortcodes
/*-----------------------------------------------------------------------------------*/

.three-fourths-post .tw-column .gallery-wrap.fixed,
.three-fourths-post .tw-column img.fixedimg,
#sitecontainer .three-fourths-post .tw-column img.fixedimg,
.three-fourths-post .tw-column img.alignright,
.three-fourths-post .tw-column .wp-caption.alignright,
.three-fourths-post .tw-column div.fixed {
    margin-right: 0;
}

/** Regular Gallery
===================================*/
.three-fourths-post .tw-column .single-gallery.gallery-wrap.fixed {
    margin-left: -5px;
    margin-right: -5px;
}

/** Fixed-Width Styles
===================================*/
.three-fourths-post .tw-column img.fixedimg,
#sitecontainer .three-fourths-post .tw-column img.fixedimg {
    max-width: 100% !important;
    margin: 0 auto;
}

/*-----------------------------------------------------------------------------------*/
/*  *Page Title Styles
/*-----------------------------------------------------------------------------------*/

/* #General Page Titles
================================================== */
.pagetitle .title {
    color: #000;
    font-size: 45px;
    line-height: 58px;
    max-width: 940px;
    display: block;
    margin: auto;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.pagetitle .subtitle {
    color: #999;
    color: rgba(0, 0, 0, 0.5);
    display: block;
    margin: auto;
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 8px;
}

.pagetitle .subtitle a {
    font-weight: bold;
}

.pagetitle .subtitle a:hover {
    color: #222;
}

.pagetitle .title a:hover {
    text-decoration: underline;
}

/* Button Style */
.pagetitle a.button {
    margin-top: 10px;
}

/* #Light Text for Dark Backgrounds
================================================== */
.pagetitle.light .title {
    color: #fff;
}

.pagetitle.light .subtitle {
    color: #e3e3e3;
    color: rgba(255, 255, 255, 0.7);
}

/* #General Title Rotator Styles
================================================== */
.pagetitle .bx-wrapper .bx-pager {
    position: absolute;
    width: 30px;
    top: 0;
    right: -180px;
    padding-top: 10px;
}

.pagetitle .bx-wrapper .bx-controls-direction a {
    display: none;
}

.pagetitle .bx-wrapper .bx-viewport {
    padding-bottom: 5px; /* Needed for font decenders */
}

/* #Title Rotator Bullets for Dark Backgrounds
================================================== */
.light .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #e3e3e3;
    border-color: rgba(255, 255, 255, 0.5);
}

.light .bx-wrapper .bx-pager.bx-default-pager a:hover,
.light .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e3e3e3;
    background: rgba(255, 255, 255, 0.5);
    border-color: transparent;
}

/* #Common Post Elements
================================================== */
.featured-image {
    background-image: url(images/small-loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 150px;
    background-image: rgba(255, 255, 255, 0.5);
    -moz-transition: height 0.3s ease 0s;
    -webkit-transition: height 0.3s ease 0s;
    -o-transition: height 0.3s ease 0s;
    transition: height 0.3s ease 0s;
    -moz-transition: height 0.3s ease 0s;
    position: relative;
    opacity: 0;
}

.no-js .featured-image {
    opacity: 1;
}

.featured-image img {
    display: block;
}

.featured-image.loaded {
    min-height: 0;
}

/* #Inputs
================================================== */
input:focus {
    outline: none;
}

input[type=text], textarea {
    margin: 0 0 20px 0;
    border: none;
    background: #f3f3f3;
    background: rgba(100, 100, 100, 0.09);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: 90%;
    padding: 10px;
}

input[type="text"],
textarea,
#commentsubmit input[type="text"],
#commentsubmit textarea,
.contactsubmit input[type="text"],
.contactsubmit textarea,
.contactsubmit select,
select#top_nav_menu {
    color: #555;
    border: none;
    background: #f3f3f3;
    background: rgba(100, 100, 100, 0.09);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="submit"] {
    margin-top: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

/* #Search Box
================================================== */
input#s {
    padding: 14px;
    font-size: 12px;
    width: 86%;
    max-width: 300px;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 0;
    color: #777;
    padding: 14px;
    color: #555;
    border: none;
    background: #e3e3e3;
    background: rgba(0, 0, 0, 0.075);
}

/* #Contact Forms
================================================== */
#contactform {
    margin-bottom: 30px;
}

textarea {
    overflow: hidden;
    line-height: 21px;
}

.contactsubmit span {
    color: #c85849;
}

.contactsubmit select {
    font-family: Arial, Helvetica, sans-serif;
}

.contactsubmit .formrow {
    height: 90px;
}

.contactsubmit .messagerow {
    padding-bottom: 15px;
}

.contactsubmit label {
    margin: 0 0 6px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.contactsubmit input[type=text], .contactsubmit textarea, .contactsubmit select {
    padding: 10px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    font-size: 12px;
}

.contactsubmit input[type=text] {
    width: 90%;
}

.contactsubmit select {
    width: 100%;
}

.contactsubmit input[type=submit] {
    border: none;
}

.contactsubmit textarea {
    width: 95%;
}

.contactsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border: inherit;
    width: inherit;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
}

.contactsubmit input:focus, .contactsubmit textarea:focus {
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    outline: 0;
}

.contactsubmit .radiobutton {
    margin-left: 10px;
    display: block;
    margin-right: 0;
    width: 100px;
    float: left;
    line-height: 30px;
    height: 45px;
    font-size: 12px;
    text-transform: none;
}

.contactsubmit input[type="radio"] {
    font-size: 12px;
    display: inline;
    float: left;
    width: 15px;
    margin: 0;
    margin-top: 8px;
    margin-right: 5px;
}

.contactsubmit label.error,
.contactsubmit p.error,
.ag_contact_widget label.error {
    font-size: 12px;
    color: #c85849;
    text-transform: none;
    letter-spacing: 0;
}

p.loading {
    display: none;
}

.contactcontent {
    margin-bottom: 30px;
}

.emailsuccess {
    background: #F3F3F3;
    margin-bottom: 30px;
    color: #63AE39;
    background: #E6F9DC;
    border: 1px solid #81CE56;
    padding: 20px;
    box-shadow: 0 1px 2px #F0F0F0;
    -moz-box-shadow: 0 1px 2px #F0F0F0;
    -webkit-box-shadow: 0 1px 2px #F0F0F0;
    text-shadow: 0 1px 0 white;
}

.singlecontent .emailsuccess h4,
.emailsuccess h4 {
    margin-bottom: 10px;
    color: #407c1f;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
}

.emailsuccess p {
    margin: 0;
    color: #63AE39;
}

.emailfail {
    margin-bottom: 30px;
    background: #F9E6DC;
    border: 1px solid #CE8156;
    padding: 20px;
    box-shadow: 0 1px 2px #F0F0F0;
    -moz-box-shadow: 0 1px 2px #F0F0F0;
    -webkit-box-shadow: 0 1px 2px #F0F0F0;
    text-shadow: 0 1px 0 white;
}

.emailfail h4,
.emailfail p {
    color: #7C481F;
    margin: 0;
    margin-bottom: 5px;
}

.emailfail h4,
.singlecontent .emailfail h4 {
    font-size: 24px;
    line-height: 24px;
}

.emailfail p {
    margin: 0;
}

.ag_contact_widget label.error {
    margin-top: -15px;
    display: block;
    margin-bottom: 15px;
}

/* #Divider Styling
================================================== */
.divider {
    margin: 10px 0 40px 0;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
    height: 6px;
}

.divider span {
    background: #333;
    padding: 5px 10px;
    color: #fff;
    height: 12px;
    margin-bottom: -10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dark .divider span {
    background: #fff;
    color: #333;
}

/*-----------------------------------------------------------------------------------*/
/*  *Logo Image
/*-----------------------------------------------------------------------------------*/
#logo h1, #logo h2 {
    font-size: 28px;
    line-height: 28px;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 0;
}

#logo a {
    text-decoration: none;
    display: block;
    font-size: 24px;
    text-transform: uppercase !important;
    font-weight: bold !important;
    letter-spacing: 3px;
    font-weight: 800;
}

/*#logo img {
    display: block;
}*/

/*-----------------------------------------------------------------------------------*/
/*  *Dropdown Navigation
/*-----------------------------------------------------------------------------------*/

/* #Navigation Container
================================================== */
.top-nav {
    z-index: 99;
    width: 100%;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.95);
    -webkit-transition: all 0.5s;
}

.admin-bar .top-nav {
    margin-top: 26px !important;
}

.top-nav .container .cell {
    padding: 15px 0;
}

/* #Essential Styles
================================================== */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 150px; /* left offset of submenus need to match (see below) */
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 4.6em; /* match top ul list item height */
    z-index: 99;
}

.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
    margin-top: 0;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 150px; /* match ul width */
    top: -1px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 150px; /* match ul width */
    top: -1px;
}

/* #Navigation Skin
================================================== */
.sf-menu {
    float: right;
}

.sf-menu a {
    border-left: 1px solid none;
    border-top: 1px solid none;
    padding: 2em 1.25em;
    text-decoration: none;
}

.sf-menu li {
    margin-left: 15px;
}

.nomargin .sf-menu li {
    margin-left: 1px;
}

.sf-menu li li,
.sf-menu li li li,
.sf-menu li li li li,
.nomargin .sf-menu li li,
.nomargin .sf-menu li li li,
.nomargin .sf-menu li li li li {
    margin-left: 0;
}

.sf-menu li > a {
    padding: 2em 0 2em 1.25em;
    line-height: 18px;
    letter-spacing: 1px;
}

.sf-menu li li > a {
    padding: 1em 1.25em;
    border-bottom: 1px dashed #dcdcdc;
}

.sf-menu li li li > a,
.sf-menu li li:last-child li > a,
.sf-menu li li li li > a,
.sf-menu li li li:last-child li > a {
    border-bottom: 1px dashed #dcdcdc;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
    color: #555; /* for Main nav in teal area once already clicked on */
}

.sf-menu a:hover {
    color: #000;
}

.sf-menu li li li li a:hover,
.sf-menu li li li a:hover,
.sf-menu li li a:hover {
    background: #f3f3f3 !important;
}

.sf-menu li li a,
.sf-menu li li a:visited,
.sf-menu li li li a,
.sf-menu li li li a:visited
.sf-menu li li li li a,
.sf-menu li li li li a:visited,
.sf-menu li li:last-child li a,
.sf-menu li li li:last-child li a { /* visited pseudo selector so IE6 applies text colour*/
    color: #555; /* For drop down that appears in white space once already visited */
    font-weight: normal;
    text-transform: none;
    font-size: 12px;
    letter-spacing: 0;
}

.sf-menu li li:last-child a,
.sf-menu li li li:last-child a,
.sf-menu li li li li:last-child a {
    border-bottom: none;
}

.sf-menu li li a, .sf-menu li li li a,
.sf-menu li li li a,
.sf-menu li li li li a {
    background: #fff;
    color: #555555; /* text color for drop down that appears in white space */
}

.sf-menu li {
    background: none;
}

.sf-menu li li {
    background: none;
}

.sf-menu li li li {
    background: none;
}

.sf-menu li li li li {
    background: none;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
}

/* #Mobile Navigation
================================================== */
.mobilenavcontainer {
    width: 100%;
    position: static;
    z-index: 999999;
    display: none;
    margin-bottom: 30px;
}

.mobilebutton {
    display: none;
    margin-top: -15px;
    margin-bottom: 15px;
}

#mobilenav:target a {
    -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    transition: height .25s, line-height .25s, background .25s, visibility .25s;
}

/* Mobile Navigation */
.mobilenavigation {
    width: 420px;
    margin: auto;
}

ul#mobilenav, #mobilenav li {
    list-style: none;
    margin: 0;
}

#mobilenav:target li li li a,
#mobilenav li li li a.display {
    padding-left: 40px;
}

#mobilenav:target li li li a,
#mobilenav li li a.display {
    padding-left: 20px;
}

ul#mobilenav ul {
    margin: 0;
}

ul#mobilenav {
    margin: 0;
    position: relative;
    z-index: 1000;
    width: 100%;
}

#mobilenav a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding: 5px 5px;
    border-bottom: 1px dotted #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
    text-align: left;
    height: 0;
    overflow: hidden;
    padding: 0;
    z-index: 1000;
    border-width: 0;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    background: url(images/rightarrow.png) 95% 48% no-repeat;
}

#mobilenav a:hover {
    background: #f2f2f2 url(images/rightarrow.png) 97% 48% no-repeat;
}

#mobilenav:target a, #mobilenav a.display {
    border-bottom-width: 1px;
    height: 20px;
    line-height: 18px;
    padding: 13px 5px 10px 5px;
}

#jump {
    z-index: 10;
    background: #333 url(images/downarrow.png) 95% 50% no-repeat;
    width: 390px;
    height: auto;
    display: block;
    padding: 15px;
    height: 15px;
    margin: auto;
    text-align: left;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}

a#jump:hover {
    background: #444 url(images/downarrow.png) 95% 50% no-repeat;
}

#mobilenav {
    /* the nav sits behind the menu button */
    z-index: 1000;
}

#mobilenav:target {
    /* unless it's showing */
    z-index: 1001;
}

#mobilenav:target a {
    /* make nav links sit up a level */
    position: relative;
    z-index: 1;
}

#back {
    position: relative;
}

#back a {
    background: #333 url(images/uparrow.png) 95% 45% no-repeat;
    border: 0;
    position: relative;
    left: 0;
    right: 0;
    z-index: 11;
    margin-top: 0px;
    border-width: 0;
    color: #fff;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

#back a:hover {
    background: #444 url(images/uparrow.png) 95% 45% no-repeat;
}

#mobilenav:target #back a, #mobilenav #back a.display {
    border-width: 1px;
    height: auto;
    padding: 15px;
    font-size: 14px;
    line-height: 14px;
    height: 15px;
    margin-top: -44px;
}

/*-----------------------------------------------------------------------------------*/
/*  *BxSlider
/*-----------------------------------------------------------------------------------*/

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
}

.outsidearrows .bx-wrapper {
    padding: 0 25px;
}

.bx-wrapper img {
    width: 100%;
    display: block;
}

.bx-wrapper ul li {
    margin: auto;
}

/** THEME
===================================*/
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -40px;
    width: 100%;
}

.bx-wrapper .bx-controls {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    /* IE 5-7 */
    filter: alpha(opacity=00);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
}

/*  Bullets */
.bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, 0.25);
    background: transparent;
    margin-bottom: 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ccc;
    background: rgba(0, 0, 0, 0.25);
    border-color: transparent;
}

/* LOADER */
.bx-wrapper .bx-loading {
    display: none;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    position: absolute;
    bottom: -50px;
    width: 100%;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

.gallery-size-audio.featured-image .bx-prev,
.gallery-size-audio.featured-image .bx-next {
    display: none;
}

.gallery-size-audio.featured-image {
    margin-bottom: 0 !important;
}

.gallery-size-post.featured-image {
    margin-bottom: 70px !important;
}

.outsidearrows .bx-wrapper .bx-prev {
    left: -20px;
    background: url(images/sprites-nivo.png);
    background-position: 0 0;
    width: 31px;
    height: 30px;
    margin-top: -15px;
}

.outsidearrows .bx-wrapper .bx-next {
    right: -20px;
    background: url(images/sprites-nivo.png);
    background-position: -100px 0;
    width: 31px;
    height: 30px;
    margin-top: -15px;
}

.dark .outsidearrows .bx-wrapper .bx-next,
.dark .outsidearrows .bx-wrapper .bx-prev {
    background-image: url(images/sprites-nivo-white.png);
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 60;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
}

.bx-wrapper .bx-controls-direction a.disabled,
.isobrick .bx-wrapper .bx-controls-direction a {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-caption {
    position: absolute;
    font-size: 16px;
    bottom: 10px;
    left: 15px;
    color: white;
    z-index: 999;
    color: #fff;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 50%;

}

.bx-caption span {
    line-height: 2.1em;
    padding: .4em 0;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0.8em 0 0 rgba(0, 0, 0, 0.75), -0.8em 0 0 rgba(0, 0, 0, 0.75);
}

.no-caption .bx-caption {
    display: none !important;
}

.bxslider {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    /* IE 5-7 */
    filter: alpha(opacity=00);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    position: absolute;
}


/* #Button Colors
================================================== */
.button:hover, a.button:hover,
.widget a.button:hover,
a.more-link:hover,
.widget a.more-link:hover,
.cancel-reply p a:hover {
    background: #111 !important;
}

.button:hover,
a.button:hover,
a.more-link:hover,
#submit:hover {
    color: #fff !important;
}

.button.custom:hover,
a.button.custom:hover,
#cancel-comment-reply-link:hover,
#commentsubmit #submit:hover {
    background: #000 !important;
}

.featured-image.highlight {
    background-color: #000;
    background-image: url(images/plus.png);
}

/* #Tabs
================================================== */
ul.tabs {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
}

ul.tabs li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
}

ul.tabs li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    padding: 0px 20px;
    line-height: 30px;
    border-style: solid;
    border-color: #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
    border-width: 1px 1px 0 0;
    margin: 0;
    font-size: 13px;
    color: #555;
    border-bottom-width: 1px;
}

ul.tabs li a:hover {
    color: #333;
    box-shadow: 0 -1px 1px #F3F3F3;
    -moz-box-shadow: 0 -1px 1px #F3F3F3;
    -webkit-box-shadow: 0 -1px 1px #F3F3F3;
}

.dark ul.tabs li a:hover {
    color: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

ul.tabs li a.active {
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-left-width: 1px;
    margin: 0 0 0 -1px;
    border-bottom: none;
}

.dark ul.tabs li a.active {
    background-color: #222;
    padding-top: 4px;
}

.dark ul.tabs li a {
    border-color: #555;
    padding: 0px 15px;
}

.dark ul.tabs {
    border-color: #555;
}

ul.tabs li:first-child a.active {
    margin-left: 0;
}

ul.tabs li:first-child a {
    border-width: 1px 1px 1px 1px;
}

ul.tabs-content {
    margin: 0;
    display: block;
}

ul.tabs-content br {
    display: none;
}

ul.tabs-content li br {
    display: inline;
}

ul.tabs-content > li {
    display: none;
    margin-left: 0;
    list-style-type: none;
}

ul.tabs-content > li.active {
    display: block;
}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before, ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

ul.tabs:after {
    clear: both;
}

ul.tabs {
    zoom: 1;
}

ul li {
    list-style-type: square;
    margin-left: 15px;
}

/* #Tabs Widget
================================================== */
.tabswrap ul.tabs {
    border: none;
    margin: 0 0 1px 0;
}

.tabswrap ul.tabs li {
    height: auto;
}

.tabswrap ul.tabs li a {
    background: #e3e3e3;
    background: rgba(0, 0, 0, 0.05);
    color: #777;
    border: none;
    padding: 0;
    text-align: center;
    height: auto;
    margin-right: 1px;
    min-width: 1px; /* For ie7 */
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dark .tabswrap ul.tabs li a {
    background: #333;
    background: rgba(255, 255, 255, 0.05);
}

.dark .tabswrap .tabpost a {
    color: #fff;
}

.tabswrap ul.tabs li a {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.tabswrap ul.tabs li {
    width: 33%;
}

.tabswrap ul.tabs.twocol li {
    width: 50%;
}

.tabswrap ul.tabs li a.active {
    top: auto;
    height: auto;
    border: none;
    margin: 0;
    margin-right: 1px;
}

.dark .tabswrap ul.tabs li a.active,
.dark .tabswrap ul.tabs li a {
    border-right: 1px solid #222;
}

.dark .tabswrap ul.tabs li a.active {
    padding-top: 0;
}

.dark .tabswrap ul.tabs li a {
    border-color: #222;
    padding: 0;
}

.dark .tabswrap ul.tabs {
    border: none;
}

.tabswrap .tabs-content li {
    overflow: hidden;
}

.tabswrap .featuredimagewidget {
    margin-right: 18px;
    margin-bottom: 0;
    float: left;
    width: 50px;
    height: 50px;
    background: #dcdcdc url(images/plus.png) center no-repeat;
    background-color: rgba(0, 0, 0, .25);
}

.dark .tabswrap .featuredimagewidget {
    background: #333 url(images/plus.png) center no-repeat;
}

.tabswrap .tabpost {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
    border-color: rgba(0, 0, 0, 0.08);
}

.tabswrap p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: 68px;
}

.tabswrap p.views {
    font-size: 10px;
    line-height: 10px;
    margin-top: 10px;
    margin-left: 68px;
}

.tabswrap p.views span {
    display: block;
    float: left;
    background: #b6b6b6;
    background: rgba(0, 0, 0, 0.3);
    padding: 4px;
    margin-right: 6px;
    margin-top: -4px;
    line-height: 10px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

.dark .tabswrap p.views span {
    background: #555;
}

.tabswrap .fb_iframe_widget {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}

.tabswrap .fb_iframe_widget span {
    display: block;
    margin: auto;
    margin-left: -1px;
    margin-top: -1px;
}

.tabpost .thumblink img {
    width: 50px;
    height: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Page Styles
/*-----------------------------------------------------------------------------------*/

/* #General Page Styles
================================================== */
.singlecontent h3,
.singlecontent h2,
.singlecontent h1 {
    font-size: 50px;
    line-height: 54px;
    margin-bottom: 30px;
}

.singlecontent h4 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 15px;
}

.singlecontent h5 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

/* This ensures small amounts of text don't get trapped during a float */
.singlecontent p:before {
    content: "";
    width: 10em;
    display: block;
    overflow: hidden;
}

.singlecontent a img {
    display: block;
}

#postcontainer,
.single .portfolio.type-portfolio {
    margin-bottom: 40px;
}

.page-template-template-home-php #postcontainer,
.page-template-template-portfolio-php #postcontainer {
    padding-top: 15px;
}

/* #Page Title
================================================== */
.pagetitle {
    padding: 40px 0 30px 0;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
}

.pagetitle.background-not-transparent {
    margin-bottom: 50px;
}

.titleoverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.85;
    top: 0;
    left: 0;
}

/* #Post and Portfolio Alterations
================================================== */
.page-template-template-home-php .pagetitle,
.page-template-template-portfolio-php .pagetitle {
    padding: 60px 0 30px 0;
}

.post .pagetitle,
.portfolio .pagetitle {
    padding: 5px 0 0 0;
    margin-bottom: 0;
}

/* #Sidebar Alterations
================================================== */
.sidebar {
    font-size: 14px;
    margin-right: 0;
}

.sidebar p,
.sidebar ul,
.sidebar ol {
    font-size: 14px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Post Styles
/*-----------------------------------------------------------------------------------*/

/* #Two Column Post Stypes
================================================== */
.isotopecontainer.twocol {
    padding-bottom: 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #dcdcdc;
}

.twocol h2.indextitle {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
}

.twocol .post {
    padding-right: 20px;
}

.twocol .thumbnailarea {
    margin: 20px 0 10px 0;
}

.twocol .post .twocol-inner {
    padding-top: 40px;
    margin-bottom: 35px;
    border-top: 1px solid #dcdcdc;
}

.post .twocol-inner .date {
    display: block;
    font-size: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    text-transform: none;
}

.twocol .post.noborder .twocol-inner {
    padding-top: 0;
    border-top: none;
}

.twocol p,
.twocol {
    font-size: 14px;
}

.twocol .categories a {
    background: #cacaca;
}

/* #Three Column Post Stypes
================================================== */
.twocol.threecol .post {
    padding-right: 0;
}

.blogisowrap {
    padding-left: 13px;
    width: 965px;
    overflow: hidden;
}

/* #One Column Post Stypes
================================================== */
.post.onecol {
    margin-bottom: 50px;
    padding-bottom: 30px;
    /*border-bottom: 1px solid #dcdcdc;*/
    border-bottom: 1px solid #000;
}

.onecol .thumbnailarea {
    margin-bottom: 25px;
}

/* #Post Fonts
================================================== */
.post h2.title {
    font-size: 36px;
    line-height: 38px;
    color: #222;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

.single-post .post h2.title {
    margin-bottom: 20px;
}

/* #Post Date
================================================== */
.post .date {
    margin-bottom: 20px;
    display: block;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #c2c2c2;
}

.post .date i {
    margin-right: 7px;
}

.datesection {
    width: 85px;
    float: left;
}

.datesection p {
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 0;
}

.datesection p,
.datesection p a {
    color: #ccc;
    color: rgba(0, 0, 0, 0.4);
}

.fulldate {
    display: block;
    float: left;
    width: 85px;
    height: 85px;
    border: 2px solid #dcdcdc;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    margin-bottom: 10px;
}

.indexcontent {
    float: left;
    width: 462px;
    margin-left: 28px;
}

.fulldate .day {
    display: block;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 4px;
    font-size: 35px;
}

.fulldate .monthyear {
    text-align: center;
    display: block;
    color: #999;
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.details {
    font-size: 14px;
    display: block;
}

.commentwrapper .one-third {
    margin-bottom: 10px;
}

.detailgroup {
    margin-bottom: 30px;
}

.detailgroup .avatar {
    margin-bottom: 8px;
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    -o-border-radius: 99px;
}

.detailgroup .avatar.left {
    float: left;
    margin-right: 18px;
    margin-top: -12px;
}

.detailgroup p,
.detailgroup p a {
    color: #999;
    font-size: 14px;
    line-height: 20px;
}

p.detailtitle {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
}

.details .author {
    margin-right: 20px;
}

.details .circle {
    width: 25px;
    height: 25px;
    background: #999;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    margin-right: 6px;
}

.calendar {
    background-image: url(images/sprites.png);
    width: 16px;
    height: 16px;
    background-position: -130px -59px;
    display: inline-block;
    padding-right: 14px;
    overflow: hidden;
    text-indent: 9999999px;
    vertical-align: middle;
}

.date a, .details a {
    color: #333;
    text-decoration: none;
}

.post .date.two.columns {
    margin-right: 0;
}

.post .mobiledate {
    display: none;
}

.post .mobiledate p {
    font-size: 12px;
    margin-bottom: 20px;
}

.post .date .day {
    display: block;
    text-align: center;
    background: #222;
    padding: 15px;
    color: white;
    font-size: 35px;
    margin-bottom: 10px;
}

.post .date p {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    margin-bottom: 5px;
}

.post .day span {
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 6px;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
    color: #ccc;
    margin-left: 3px; /* Optical Adjustment */
}

/* #Post Categories
================================================== */
.categories {
    margin-bottom: 15px;
}

.single-post .categories {
    margin-bottom: 20px;
}

.categories a {
    color: white;
    background: #c1c1c1;
    background: rgba(0, 0, 0, 0.25);
    padding: 4px 6px;
    font-size: 10px;
    margin-right: 2px;
    float: left;
    line-height: 12px;
}

.single .categories a:hover,
.widget .categories a:hover {
    background: #111;
    color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	*Blog Comments
/*-----------------------------------------------------------------------------------*/

/* #Comments
================================================== */
.commentwrapper {
    margin-top: 50px;
    background: #f6f6f6;
    background: rgba(0, 0, 0, 0.03);
    padding-top: 50px;
    padding-bottom: 15px;
}

.commentsheader {
    width: auto;
}

.commentsheader h4,
.commentsform h4 {
    font-weight: bold;
}

.comment {
    width: auto;
}

.singlecomment {
    padding: 18px 30px 8px 30px;
    border: none;
    background: #f3f3f3;
    background: rgba(0, 0, 0, 0.05);
    margin-left: 85px;
    position: relative;
}

.singlecomment:after {
    content: "";
    position: absolute !important;
    top: 0;
    left: -20px;
    z-index: 100;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f3f3f3;
    border-right-color: rgba(0, 0, 0, 0.05);
}

.comment .avatar {
    display: inline-block;
    vertical-align: middle;
    border-radius: 99px;
    float: left;
    margin-top: 5px;
}

.greybackground .singlecomment {
    background: #f3f3f3;
    background: rgba(0, 0, 0, 0.05);
}

.listcomments {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    width: auto;
}

.commentsform {
    width: auto;
}

.singlecomment p.commentsmetadata {
    font-size: 10px;
    line-height: 12px;
    margin: 10px 0 0;
}

.singlecomment .name {
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
}

.singlecomment p {
    font-size: 14px;
}

.name a, .name {
    font-weight: bold;
    color: #333;
}

.name a:hover {
    text-decoration: none;
}

.name strong {
    font-weight: normal;
}

.listcomments .children .name {
    font-weight: bold;
}

.listcomments .children {
    margin-left: 30px;
    margin-bottom: 30px;
}

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

.listcomments .children .comment {
    margin: 30px 0 0 0px;
    padding: 0;
    background: none;
}

#commentsubmit span {
    color: #c85849;
}

#commentsubmit label {
    margin: 0 0 6px;
    display: block;
    font-size: 12px;
}

#commentsubmit input[type=text], #commentsubmit textarea {
    padding: 10px;
    margin: 0 0 20px 0;
    border: none;
    background: #e3e3e3;
    background: rgba(100, 100, 100, 0.09);
}

#commentsubmit input[type=text] {
    width: 275px;
}

#commentsubmit input[type=text]#url {
    width: 95%;
}

#commentsubmit input[type=submit] {
    border: none;
}

#commentsubmit textarea {
    width: 97%;
}

#commentsubmit #submit {
    padding: 10px;
    margin: 0 0 20px 0;
    border: inherit;
    width: inherit;
    color: #fff;
    font-weight: normal;
}

.reply a {
    font-size: 12px;
    line-height: 11px;
    float: right;
    color: #222;
}

#reply-title {
    text-align: right;
    float: right;
}

#respond {
    padding-top: 20px;
}

#commentsubmit input:focus, #commentsubmit textarea:focus {
    border-style: solid;
    border: none;
    background: #e9e9e9;
    background: rgba(100, 100, 100, 0.15);
    outline: 0;
}

.gallery-title {
    font-size: 1.08em;
    text-transform: uppercase;
}

.navigation-comments p a {
    padding: 5px 12px;
    background: #555;
    color: #fff;
}

#cancel-comment-reply-link {
    padding: 8px;
    float: right;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
}

a.comment-reply-link .icon-reply {
    font-size: 11px;
    color: #999;
    opacity: 0;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

a.comment-reply-link:hover .icon-reply {
    opacity: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}

/*-----------------------------------------------------------------------------------*/
/*  *Pagination
/*-----------------------------------------------------------------------------------*/

.page-numbers {
    display: block;
    float: left;
    background: #e7e7e7;
    padding: 15px 18px;
    margin-right: 5px;
    color: #333;
    font-size: 12px;
    line-height: 12px;
}

.aligncenter .pagination {
    display: inline-block;
}

a.page-numbers:hover, .page-numbers.current {
    background: #333;
    color: white;
}

.pagination {
    padding-bottom: 15px;
}

.linkpagebutton {
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    margin: 25px 0;
}

.pagelabel {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

.linkpagebutton .page-numbers {
    background: #333;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
}

.linkpagebutton a .page-numbers {
    background: #E3E3E3;
    background: rgba(0, 0, 0, 0.05);
    color: #333;
}

/* #Infinite Scroll
================================================== */
.more-posts:before {
    border-top: 1px solid #dcdcdc;
    margin-top: 50px;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    z-index: 0;
}

p.more-posts {
    margin-top: 15px;
    text-align: center;
}

.more-posts a {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 3px 20px 3px;
    background: #fff;
    border: 1px solid #dcdcdc;
    display: inline-block;
    text-align: center;
    padding: 18px 24px;
    line-height: 8px;
    font-size: 12px;
    margin-top: -74px;
    position: relative;
}

.more-posts a:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}

.morepostscontainer {
    position: relative;
}

.morepostscontainer .more-posts a {
    margin-top: 8px;
}

#infscr-loading {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
}

.infinite-pagination {
    margin-bottom: 40px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Image Grids
/*-----------------------------------------------------------------------------------*/

/* #General Styles
================================================== */
.postphoto img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
}

.postphoto .featured-image {
    margin: 0;
}

.postphoto a.postlink div.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #333;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    /* IE 5-7 */
    filter: alpha(opacity=00);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;

}

.postphoto {
    padding: 0;
    position: relative;
    overflow: hidden;
    background: #333;
    /*width: 310px;*/
    width: 100%;
    display: block;
    min-height: 100px;
}

.hasimages .postphoto {
    background: #f3f3f3 url(images/small-loading.gif) center no-repeat;
}

.postphotoinner {
    padding: 30px;
}

/* Sizes */
.big .postphoto {
    /*width: 623px;*/
    width: 100%;
    min-height: 220px;
}

.slim .postphoto {
    min-height: 100px;
}

/* #Titles
================================================== */
.postphoto div.title {
    position: absolute;
    width: 100%;
    text-align: center;
    display: table;
    height: 576px;
    top: 0;
    left: 0;
}

.postphoto div.title h2 {
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
    height: 100%;
    color: #fff;
    font-size: 20px;
    margin: 0;
    line-height: 26px;
}

/* Change Sizes */
.big .postphoto div.title h2 {
    font-size: 32px;
    line-height: 38px;
}

.slim .postphoto div.title h2 {
    font-size: 16px;
    line-height: 22px;
}

/* Set css if no image */
.noimages .postphoto div.title {
    position: relative;
    top: auto;
    padding: 50px 0;
    margin: 0 !important;
    height: auto !important;
}

/* #Hover Effect
================================================== */
a.postlink {
    display: block;
    width: 100%;
    height: 100%;
    background: #222;
}

/* Hover Image Effect */
a.postlink img,
.postphoto a.postlink div.overlay {
    transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
}

.postphoto a.postlink:hover div.overlay {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

a.postlink:hover img {
    -webkit-transform: scale(1.2) rotate(5deg); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.2) rotate(5deg); /*Mozilla scale version*/
    -o-transform: scale(1.2) rotate(5deg); /*Opera scale version*/
    -ms-transform: scale(1.2) rotate(5deg); /*MS scale version*/
    /* Firefox 10+, Firefox on Android - too buggy */
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%) opacity(0.5);
    -webkit-filter: grayscale(100%) opacity(0.5);
    -moz-filter: grayscale(100%) opacity(0.5);
    -o-filter: grayscale(100%) opacity(0.5);
    -ms-filter: grayscale(100%) opacity(0.5);
}

/* Title Hover Effect */
a.postlink .title h2 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0.0;
    /* Safari 1.x */
    -khtml-opacity: 0.0;
    /* Good browsers */
    opacity: 0.0;
}

.noimages a.postlink .title h2 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}

a.postlink:hover .title h2 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*  *Post Controls
/*-----------------------------------------------------------------------------------*/

.controls {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 144px;
    z-index: 2;
}

.controls span {
    float: right;
    margin-left: 1px;
    display: block;
}

.controls span.closepost {
    margin-left: 10px;
}

.controls span a {
    width: 40px;
    height: 40px;
    text-indent: -999999px;
    display: block;
    opacity: 0.5;
    border: 1px solid transparent;
}

/* Hover Effect */
.controls p.hoverhelper {
    text-align: right;
    font-size: 10px;
    margin-right: 6px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
}

.closepost a, .nextpost a, .prevpost a {
    background: url(images/sprites.png) no-repeat;
}

.closepost a {
    background-position: -277px -7px;
}

.nextpost a {
    background-position: -219px -7px;
}

.prevpost a {
    background-position: -168px -7px;
}

.controls a:hover {
    opacity: 1;
}

/*-----------------------------------------------------------------------------------*/
/*  *Scroll To Top Button
/*-----------------------------------------------------------------------------------*/

.top {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
    display: none;
}

.top a,
.top a:hover {
    text-decoration: none;
    display: block;
    color: #777;
}

.top .scrolltop {
    opacity: 0.75;
    display: block;
    border: 1px solid transparent;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.top .scrolltop span {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding: 6px 7px 6px 28px;
    margin-bottom: 0;
}

.top .scrolltop span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -8px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-bottom-color: #777;
}

.top a:hover .scrolltop {
    display: block;
    opacity: .95;
    border-color: #dcdcdc;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*-----------------------------------------------------------------------------------*/
/*  *Footer Styles
/*-----------------------------------------------------------------------------------*/
.dark {
    padding-top: 50px;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
    background: #222;
    overflow-x: hidden;
    color: #ccc;
}

/* .dark Color Changes
================================================== */
.dark a {
    color: #dcdcdc;
}

.dark p, .dark ul, .dark ol {
    color: #dcdcdc;
}

.dark h1, .dark h2,
.dark h1 a, .dark h2 a,
.dark h3, .dark .ag_projects_widget h3,
.dark h4, .dark h3 a, .dark h4 a,
.dark .blogpost h2 a,
.dark .widget h3 a {
    color: #fff;
}

.dark h5, .dark h5 a {
    color: #dcdcdc;
}

.dark .button:hover,
.dark a.button:hover,
.dark a.more-link:hover {
    background: #fff !important;
    color: #333 !important;
}

.dark input[type=text], .dark textarea {
    background: #333;
    color: #fff;
    border-color: #444;
}

.dark input#s {
    background: #333;
    color: #fff;
    border-color: #444;
}

.dark .footerwidgetwrap {
    width: 993px;
}

.dark .footerwidget {
    width: 301px;
    float: left;
    margin: 0 30px 30px 0;
}

.dark .button:hover, .dark a.button:hover, .dark a.more-link:hover {
    color: #333 !important;
}

/*-----------------------------------------------------------------------------------*/
/*  *Widget Styling
/*-----------------------------------------------------------------------------------*/

/* #General Widget Styles
================================================== */
.widget {
    margin-bottom: 50px;
}

.widget ul li {
    list-style-type: none;
    margin-left: auto;
    margin-bottom: 0;
}

.widget a {
    text-decoration: none;
    color: #777;
}

.widget h3, .widget h2, .widget h4 {
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    text-shadow: none;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: normal;
}

.widget h3.widget-title,
.widget h2.widget-title,
.widget h4.widget-title {
    font-size: 13px;
}

.widget .widget-title {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dark .widget .widget-title {
    border-color: #444;
}

.widget ul.children {
    margin: 0;
    margin-left: 20px;
}

/* #Recent Projects Widget
================================================== */
.widget.ag_recentprojects_widget {
    margin-bottom: 40px;
}

.recent-project {
    border-color: #dcdcdc;
    float: left;
    margin-left: 9px;
    margin-bottom: 9px;
    border-style: solid;
    border-width: 3px;
    line-height: 0;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.recent-project a.hover {
    background: none;
    display: block;
}

.dark .recent-project {
    border-color: #555;
}

/* #Recent Comments Widget
================================================== */
.widget li.recentcomments {
    font-size: 12px;
    width: auto;
    position: relative;
    bottom: 100%;
    margin: 0 0 26px 0; /*25px for ie */
    padding: 12px;
    cursor: default;
    display: block;
    visibility: visible;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.5;
    opacity: 1;
    z-index: 1;
    left: auto;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.dark .widget li.recentcomments {
    background: #111;
    background: rgba(0, 0, 0, .25);
    color: #dcdcdc !important;
}

.widget li.recentcomments {
    background: #e3e3e3;
    background: rgba(0, 0, 0, .05);
}

.widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #e3e3e3;
    border: 0 solid rgba(0, 0, 0, .05);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}

.widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    border: 0 solid #e3e3e3;
    border: 0 solid rgba(0, 0, 0, .05);
    bottom: -14px;
    z-index: 100;
}

.dark .widget li.recentcomments:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #111;
    border: 0 solid rgba(0, 0, 0, .25);
    border-bottom: 14px solid transparent;
    width: 100%;
    border-left-width: 14px;
    left: 0;
}

.dark .widget li.recentcomments:before {
    content: "";
    position: absolute !important;
    border: 0 solid #111;
    border: 0 solid rgba(0, 0, 0, .25);
    bottom: -14px;
    z-index: 100;
}

.dark .recentcomments a {
    color: #fff;
}

/* #Social Counter Widget
================================================== */
.social-button-style {
    position: relative;
    font-size: 11px;
    line-height: 14px;
    list-style-type: none;
    display: block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    float: left;
    width: 32.9%;
}

.social-button-style .nameology {
    text-align: center;
    display: block;
    font-size: 10px;
    line-height: 10px;
    color: #777;
}

.social-button-style .button,
.social-button-style .button:visited,
.dark .social-button-style .button,
.dark .social-button-style .button:visited {
    padding: 5px 7px 0 7px;
    display: block;
    margin: auto;
    color: #555;
    background: none !important;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    line-height: 20px;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    font-size: 14px;
    font-weight: bold;
}

.dark .social-button-style .button,
.dark .social-button-style .button:visited {
    color: #e3e3e3 !important;
}

.social-button-style .button:hover,
.dark .social-button-style .button:hover {
    color: #333 !important;
    text-decoration: none;
    background: none !important;
    background-position: 0 -15px;
}

.dark .social-button-style .button:hover {
    color: #fff !important;
}

.social-button-style .button:first-child {
    margin: auto;
    display: block;
    float: none;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
}

.social-button-style .button.img,
.social-button-style .button.img:visited,
.dark .social-button-style .button.img,
.dark .social-button-style .button.img:visited {
    line-height: 23px;
    vertical-align: middle;
    border: none;
    padding: 0;
    margin: 0;
    margin: auto;
}

.social-button-style img {
    padding-top: 10px;
    vertical-align: middle;
}

.social-button-style .facebook-blue,
.social-button-style .twitter-blue,
.social-button-style .rss-orange {
    background: #999 !important;
}

.dark .social-button-style .facebook-blue,
.dark .social-button-style .twitter-blue,
.dark .social-button-style .rss-orange {
    background: #555 !important;
}

.social-button-style:hover .button.facebook-blue,
.dark .social-button-style:hover .button.facebook-blue {
    background: #5074BF !important;
    border: none;
    color: #fff;
}

.social-button-style:hover .button.twitter-blue,
.dark .social-button-style:hover .button.twitter-blue {
    background-color: #44B8F2 !important;
    border: none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}

.social-button-style:hover .button.rss-orange,
.dark .social-button-style:hover .button.rss-orange {
    background-color: #F78634 !important;
    border: none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}

.social-button-style .large {
    font-size: 14px;
    padding: 3px 10px;
    line-height: 27px;
}

.social-button-style .large img {
    height: 24px;
    line-height: 27px;
    vertical-align: middle;
    border: none;
    max-width: 25px;
    max-height: 25px;
}

.social-button-style .large.img {
    padding: 3px;
    vertical-align: middle;
    max-height: 29px;
    min-height: 25px;
}

/* #News Widget
================================================== */
.newspost.columns {
    margin-bottom: 20px;
}

.widget h4.posttitle,
.widget .newspost h4 {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 16px;
    margin-bottom: 10px;
}

.news-widget-item {
    margin-bottom: 40px;
}

.news-widget-item h5, .news-widget-item h5 a {
    font-size: 10px;
    font-weight: normal;
}

.ag_news_widget .widget-title {
    margin-bottom: 0;
    border-bottom: 0;
}

.ag_news_widget .date {
    letter-spacing: 2px;
}

.ag_news_widget h3 {
    font-size: 23px;
    line-height: 24px;
}

.ag_news_widget .thumbnailarea {
    margin: 10px 0;
}

.ag_news_widget .date {
    font-size: 10px;
}

.ag_news_widget .sidepost {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}

.ag_news_widget .sidepost:last-child {
    border-bottom: none;
}

/* #List Pages Widget
================================================== */
.widget_pages ul.children {
    margin-left: 0;
    margin-top: 10px;
}

.widget_pages ul.children li {
    padding-bottom: 0;
    border-bottom: none;
}

.blogpost .tagcloud {
    margin: 20px 0 15px 0;
}

.tagcloud h5 {
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 3px;
}

.tagcloud a {
    list-style-type: none;
    margin-left: auto;
    margin-bottom: 0;
    display: block;
    float: left;
    padding: 5px 7px;
    margin-right: 2px;
    margin-bottom: 2px;
    display: block;
    font-size: 12px !important;
    line-height: 14px;
}

.post .tagcloud {
    margin-bottom: 25px;
}

.tagcloud a:hover,
.widget .tagcloud a:hover,
#footer .tagcloud a:hover {
    color: white;
    background: #333;
}

.tagcloud:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* #RSS Widget
================================================== */
ul li a.rsswidget {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

a.rsswidget img {
    vertical-align: middle;
    margin-right: 10px;
}

span.rss-date {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: bold;
}

.rssSummary {
    margin-bottom: 10px;
}

.widget.widget_rss .widget-title {
    border: none;
}

.widget ul ul {
    margin: 0;
    font-size: 100%;
}

.widget_rss ul {
    margin-top: -10px;
}

.widget_rss ul li {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
    width: auto;
    padding: 15px 0 5px 0;
}

.dark .widget_rss ul li {
    border-color: #555;
}

.dark .widget_rss a.rsswidget {
    color: #fff;
}

.widget_rss cite, span.rss-date {
    font-size: 10px;
    color: #999;
}

/* #Calendar Widget
================================================== */
#wp-calendar caption {
    width: 100%;
    text-align: center;
    padding: 7px 2px;
    margin-bottom: 7px;
    font-size: 10px;
    background: #e3e3e3;
}

.dark #wp-calendar caption {
    background: #333;
    color: #ccc;
}

#wp-calendar {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

.dark #wp-calendar {
    color: #ccc;
}

#wp-calendar thead th {
    font-weight: bold;
}

#wp-calendar tbody td {
    padding: 5px 0;
    background: #ffffff;
    border: 1px solid #f3f3f3;
    color: #777;
}

#wp-calendar tbody td a {
    font-weight: bold;
}

.dark #wp-calendar tbody td {

    background: #333;
    border: 1px solid #222;
}

#wp-calendar tbody td#today {
    color: #000;
}

.dark #wp-calendar #today {
    color: #fff;
}

#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}

#wp-calendar tfoot td {
    padding: 3px 0;
}

#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}

.dark #wp-calendar #prev a {
    color: #ccc;
}

#calendar_wrap {
    display: block;
    width: 100%;
    padding: 0 1px 1px 0;
}

#wp-calendar caption {
    background: #222;
    color: #fff;
}

#wp-calendar #today {
    color: #000;
}

/* #Menu and Recent Entries
================================================== */
.widget_nav_menu a, .widget_rss a, .widget_recent_entries a {
    -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
    transition: height .25s, line-height .25s, background .25s, visibility .25s;
}

.widget_nav_menu ul, .widget_nav_menu ul li,
.widget_recent_entries ul, .widget_recent_entries ul li {
    list-style: none;
    margin: 0;
}

.widget_recent_entries span.post-date {
    display: none;
}

.widget_nav_menu ul ul, .widget_recent_entries ul ul {
    margin: 0;
}

.widget_nav_menu ul, .widget_recent_entries ul {
    margin: 0;
    position: relative;
    z-index: 10;
    width: 100%;
}

.widget .menu, .widget_recent_entries ul {
    margin-top: -18px;
}

.widget.widget_nav_menu .widget-title {
    border-style: dotted;
}

.widget_nav_menu a,
.widget_recent_entries a {
    position: relative;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    border-color: rgba(0, 0, 0, .15);
    text-align: left;
    height: auto;
    overflow: hidden;
    padding: 8px 5px 8px 16px;
    z-index: 1000;
    color: #555;
    line-height: 18px;
    font-size: 14px;
    background: url(images/rightarrow.png) 1% 48% no-repeat;
}

.widget.widget_nav_menu a:hover,
.widget.widget_recent_entries a:hover {
    color: #222;
}

@media (min-width: 768px) {
    .widget_nav_menu li:last-child a,
    .widget_recent_entries li:last-child a {
        border-bottom: none;
    }
}

.dark .widget.widget_nav_menu a:hover,
.dark .widget.widget_recent_entries a:hover {
    color: #fff;
}

.dark .widget_nav_menu a,
.dark .widget_recent_entries a {
    color: #dcdcdc;
    background: url(images/rightarrow-dark.png) 1% 48% no-repeat;
    border-bottom: 1px solid #444;
}

.widget_recent_entries a {
    padding: 14px 25px 14px 16px;
}

.widget_nav_menu a:hover, .widget_recent_entries a:hover {
    background: #f9f9f9 url(images/rightarrow.png) 3% 48% no-repeat;
    background-color: rgba(0, 0, 0, .05);
    color: #333;
}

.dark .widget_nav_menu a:hover,
.dark .widget_recent_entries a:hover {
    background: #333 url(images/rightarrow-dark.png) 3% 48% no-repeat;
    color: #fff;
}

.widget_nav_menu li li a,
.widget_nav_menu li li li a {
    padding-left: 25px;
}

/*-----------------------------------------------------------------------------------*/
/*  *Widths smaller than 1130
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1130px) {
    /* Hide the top button if it's too narrow */
    .top {
        display: none !important;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  *Width between smaller than 1130 and 960
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1130px) {
    /* Disable for touch devices at this size */
    .full-bg-image {
        background-attachment: scroll !important;
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .post-break .wp-caption-text {
        padding-right: 0;
        margin-right: 0;
    }

    .three-fourths-post .post-break .wp-caption-text,
    .three-fourths-post .full-bg-image {
        padding-right: 180px;
        margin-right: -180px;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  *Portrait size to standard 960 (devices and browsers)
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Disable for devices at this size */
    .full-bg-image {
        background-attachment: scroll !important;
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .post-break .wp-caption-text {
        padding-right: 0;
        margin-right: 0;
    }

    .three-fourths-post .post-break .wp-caption-text,
    .three-fourths-post .full-bg-image {
        padding-right: 140px;
        margin-right: -140px;
    }

    .fluid-width-video-wrapper {
        width: 768px !important;
        padding-bottom: 110px;
        margin: 40px 0 55px 0;
    }

    /* #Nav Changes */
    .sf-menu li {
        margin-left: 2px;
    }

    .sf-menu li > a {
        padding: 2em 0 2em 1.7em;
        letter-spacing: normal;
    }

    /* Thumbnail Changes */
    .postphoto {
        width: 245px;
    }

    .big .postphoto {
        width: 495px;
    }

    /* Gallery Changes */
    .three-fourths-post .gallery-wrap.fixed,
    .three-fourths-post .gallery-wrap.fixed .gallery,
    .three-fourths-post img.fixedimg,
    .three-fourths-post .singlecontent img.fixedimg,
    .three-fourths-post .singlecontent img.alignright,
    .three-fourths-post .wp-caption.alignright,
    .three-fourths-post div.fixed {
        margin-right: -145px !important;
    }

    /* Regular Gallery */
    .three-fourths-post .single-gallery.gallery-wrap.fixed {
        margin-left: -5px;
        margin-right: -155px;
    }

    /* Regular Gallery Thumbnail Changes */
    .three-fourths-post .single-gallery.fixed img,
    .three-fourths-post .single-gallery img {
        width: 241px;
    }

    .single-gallery.fixed img,
    .single-gallery img {
        width: 241px;
    }

    /* Image Changes */
    .three-fourths-post img.fixedimg,
    #sitecontainer .three-fourths-post img.fixedimg {
        max-width: 749px !important;
    }

    /* Page Title Pager */
    .pagetitle .bx-wrapper .bx-pager {
        right: -135px;
    }

    /* Blog Changes */
    .indexcontent {
        width: 346px;
    }

    .blogisowrap {
        padding-left: 13px;
        width: 765px;
        overflow: hidden;
    }

}

/*-----------------------------------------------------------------------------------*/
/*  *All Mobile Sizes (devices and browser)
/*-----------------------------------------------------------------------------------*/

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

    /* Disable on mobile sizes */
    .full-bg-image {
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
        margin-right: 0;
        background-attachment: scroll;
    }

    .post-break .wp-caption-text {
        padding-right: 25px;
        margin-right: 0;
    }

    .fluid-width-video-wrapper {
        width: 100% !important;
        padding-bottom: 0;
        margin: 15px 0 25px 0;
    }

    /* Navigation Changes */
    .top-nav {
        position: relative !important;
    }

    #sitecontainer {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Font Changes */
    .pagetitle .title {
        font-size: 36px;
        line-height: 40px;
    }

    .pagetitle .subtitle {
        font-size: 18px;
        line-height: 32px;
    }

    h1 {
        font-size: 35px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    h3 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    h4 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 18px;
    }

    h5 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 18px;
    }

    .wp-caption-text,
    .gallery-caption,
    .mfp-title {
        font-size: 10px;
        line-height: 14px !important;
    }

    .wp-caption-text,
    .gallery-caption {
        padding: 10px 20px;
    }

    /* Page Titles */
    .page-template-template-home-php .pagetitle,
    .page-template-template-portfolio-php .pagetitle,
    .pagetitle,
    .post .pagetitle,
    .portfolio .pagetitle,
    .pagetitle.background-not-transparent {
        padding: 25px 0 15px 0;
        margin-bottom: 10px;
    }

    .portfolio .pagetitle .title {
        max-width: 80%;
        margin-left: 0;
    }

    .pagetitle.background-not-transparent {
        margin-bottom: 50px;
    }

    .pagetitle a.button {
        margin-top: 0;
    }

    /* Pager */
    .pagetitle .bx-wrapper .bx-pager {
        width: 100%;
        top: auto;
        right: auto;
        padding-top: 10px;
        bottom: -15px;
    }

    .pagetitle .bx-wrapper .bx-pager.bx-default-pager a {
        height: 2px;
        width: 2px;
    }

    /* Post Controls */
    .post .pagetitle .thirteen.columns,
    .portfolio .pagetitle .thirteen.columns {
        width: 100%;
    }

    .controls span a {
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }

    .pagetitle .closepost {
        display: none;
    }

    .pagetitle .closepost a {
        background-position: -281px -12px;
    }

    .pagetitle .prevpost a {
        background-position: -172px -19px;
    }

    .pagetitle .nextpost a {
        background-position: -236px -19px;
    }

    p.hoverhelper {
        display: none !important;
    }

    /* Comments Changes */
    .singlecomment {
        margin-left: 0;
    }

    .singlecomment:after {
        top: -20px;
        left: 0;
        border-bottom: none;
        border-top: 20px solid transparent;
        border-right-color: #e3e3e3;
        border-right-color: rgba(0, 0, 0, 0.08);
    }

    .comment .avatar {
        float: none;
        margin-bottom: 14px;
    }

    /* Gallery Changes */
    .gallery-wrap.fixed,
    .gallery-wrap.fixed .gallery,
    .gallery-wrap .gallery,
    img.fixedimg,
    .singlecontent img.fixedimg,
    #sitecontainer img.fixedimg,
    .singlecontent img.alignright,
    .wp-caption.alignright,
    .singlecontent img.alignleft,
    .wp-caption.alignleft {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .three-fourths-post .gallery-wrap.fixed,
    .three-fourths-post img.fixedimg,
    #sitecontainer .three-fourths-post img.fixedimg,
    .three-fourths-post img.alignright,
    .three-fourths-post .wp-caption.alignright,
    .three-fourths-post div.fixed {
        margin-right: auto !important;
    }

    /* Thumbnail Changes */
    .slim .postphoto {
        min-height: 20px !important;
    }

    .postphoto div.title h2 {
        font-size: 14px;
        line-height: 18px;
        padding: 0 30px;
    }

    .slim .postphoto div.title h2 {
        font-size: 14px;
        line-height: 18px;
        padding: 0 30px;
    }

    .big .postphoto div.title h2 {
        font-size: 22px;
        line-height: 28px;
        padding: 0 30px;
    }

    /* Lightbox Changes */
    .gridstack .mfp-zoom-in.mfp-image-loaded button.mfp-arrow-right {
        right: 6px;
    }

    .gridstack .mfp-zoom-in.mfp-image-loaded button.mfp-arrow-left {
        left: 6px;
    }

    /* Image Changes */
    .three-fourths-post img.fixedimg,
    .three-fourths-post .singlecontent img.fixedimg,
    #sitecontainer .three-fourths-post img.fixedimg {
        max-width: 100% !important;
        height: auto !important;
    }

    .single-gallery.gallery-wrap.fixed {
        margin-right: -20px !important;
    }

    .single-gallery.full img,
    .single-gallery.fixed img,
    .single-gallery img {
        width: 201px;
    }

    /* Lightbox Changes */
    .gridstack .mfp-counter {
        display: none;
    }

    /* Caption Changes */
    .single-carousel .gallery-icon .gallery-caption span,
    .single-gallery .gallery-item .gallery-caption span {
        padding: 20px;
    }

    /* #Column Widths */
    .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
        width: 100%;
    }

    /* Disable vertical centering */
    .verticalcenter {
        display: block;
    }

    .verticalcenter .cell.verticalcenter {
        display: block;
        float: inherit;
    }

    /* Change the top-nav and logo padding */
    #logo {
        margin: 30px 0;
    }

    .container.top-nav {
        padding: 20px 0 0px 0;
    }

    /* Display the mobile dropdown */
    .mobilenavcontainer, .mobilebutton {
        display: block;
    }

    /* Hide the desktop nav */
    .verticalcenter .cell.menucell {
        display: none;
    }

    .verticalcenter .cell {
        height: auto !important;
    }

    /* Add padding to the top of the sidebar */
    .sidebar {
        margin-top: 45px;
    }

    /* Blog Changes */
    .blogisowrap {
        padding-left: 0;
        width: 100%;
        overflow: hidden;
    }

    .twocol .post.noborder .twocol-inner {
        padding-top: 40px;
        margin-bottom: 35px;
        border-top: 1px solid #dcdcdc;
    }

    .twocol .isobrick:first-child .post .twocol-inner {
        padding-top: 0;
        border-top: 0;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  *Mobile Landscape Size to Portrait (devices and browsers)
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Full Slideshow Changes */
    .single-slideshow.full {
        margin-left: -100px;
        margin-right: -100px;
    }

    .single-slideshow.full .bx-wrapper .bx-prev {
        left: 100px;
    }

    .single-slideshow.full .bx-wrapper .bx-next {
        right: 100px;
    }

    .single-slideshow.full .gallery-caption {
        left: 108px;
        bottom: 0;
        padding: 10px;
        max-width: 300px;
    }

    /* Thumbnail Changes */
    .postphoto {
        /*width: 206px;*/
        width: 100%;
    }

    .big .postphoto {
        /*width: 416px;*/
        width: 100%;
    }

    /* Blog Changes */
    .indexcontent {
        width: 305px;
    }

}

/*-----------------------------------------------------------------------------------*/
/*  *Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {

    .indexcontent {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .onecol .thumbnailarea {
        margin-bottom: 0;
    }

    .datesection {
        width: 100%;
    }

    .fulldate {
        display: inline-block;
        width: auto;
        height: auto;
        border: none;
    }

    .fulldate .monthyear:after {
        content: "|";
        padding-left: 5px;
    }

    .fulldate .day {
        display: inline-block;
        float: none;
        margin-top: 0;
        line-height: 10px;
        margin-bottom: 0;
        font-size: 10px;
    }

    .fulldate .day:after {
        content: ",";
    }

    .fulldate .monthyear {
        display: inline-block;
        margin-right: 5px;
    }

    .datesection span, .datesection p {
        font-weight: bold;
    }

    .datesection p {
        display: inline-block;
        text-align: left;
        margin-right: 5px;
    }

    .datesection p.authorlink:after {
        content: "|";
        padding-left: 3px;
    }

    /* Full Slideshow Changes */
    .single-slideshow.full {
        margin-left: -100px;
        margin-right: -100px;
    }

    .single-slideshow.full .bx-wrapper .bx-prev {
        left: 100px;
    }

    .single-slideshow.full .bx-wrapper .bx-next {
        right: 100px;
    }

    .single-slideshow.full .gallery-caption {
        left: 108px;
        bottom: 0;
        padding: 10px;
        max-width: 300px;
    }

    /* #General Layout Changes */
    .mobilenavigation, ul#mobilenav {
        width: 300px;
    }

    #jump {
        width: 270px;
    }

    /* Gallery Changes */
    .single-gallery.full img,
    .single-gallery.fixed img,
    .single-gallery img {
        width: 140px;
    }

    /* Thumbnail Changes */
    .postphoto {
        width: 146px;
    }

    .big .postphoto {
        width: 296px;
    }

}


/*old stuff from custom css*/
a.postlink:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.page-template-template-home-php #postcontainer {
    padding-top: 0px;
}

.sf-menu li {
    margin-left: 3px;
}

/*#logo img {
    position: absolute;
    margin-top: 30px;
    width: 100%;
}*/

/*.sf-menu {
    float: left;
    padding-top:60px;
}*/

/*.cell.verticalcenter {
    height:0px !important;
}*/

.mobilenavcontainer {
    padding-top: 50px !important;
}

.postphoto h2 {
    display: none !important;
}

/*.big.isobrick {
    padding-top: 4px;
    padding-bottom: 2px;
}*/

.pagetitle.background-not-transparent {
    background-image: none !important;
    background-color: #eaeaea;
}

/*end old stuff*/


/*-----------------------------------------------------------------------------------*/
/*  *New Stuff 2019
/*-----------------------------------------------------------------------------------*/


.sf-menu {
    float: left;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sf-menu > li > a,
.sf-menu > li > a:visited {
    color: white;
}

.sf-menu > li > a:hover,
.sf-menu > li > a:active,
.sf-menu > li > a:focus {
    color: #ccc;
}

.sf-menu a:focus {
    outline-style: solid;
    outline-color: #ccc;
}

.sf-menu > li > a {
    padding: 1em 0 1em 1.25em;
}

.sf-menu > li:first-of-type > a {
    padding: 1em 0 1em 0;
}

.sf-menu > li:last-of-type > a {
    padding: 0.5em 0.75em;
    margin-left: 2em;
    border: 1px solid white;
    text-decoration: underline;
}

.sf-menu li li a:visited:hover,
.sf-menu li li li a:visited:hover,
.sf-menu li li li li a:visited:hover {
    color: #000;
}

.sf-menu li li a:hover,
.sf-menu li li li a:hover,
.sf-menu li li li li a:hover {
    color: #000;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top: 2.9em;
}

.logo-container {
    width: 100%;
    padding: 1rem 0;
    height: 60px;
}

#logo {
    margin-right: auto;
    margin-left: auto;
}

#logo img {
    position: static;
    margin-top: 0;
    width: 100%;
}

.navbar-wrapper {
    background-color: #222;
}

.top-nav .container .cell {
    padding: 0;
}

#postcontainer {
    margin-top: 5px;
}

.top-bar {
    border-bottom: 1px solid #9b9b9b;
}

.top-bar > .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.bottom-menu,
.top-menu {
    margin-bottom: 0;
    display: flex;
}

.bottom-menu li,
.top-menu li {
    display: inline;
    margin: 0 0 0 0.5rem;
}

.top-menu li a {
    color: #9b9b9b;
    font-size: 12px;
    text-decoration: underline;
}

.bottom-menu li:not(:first-of-type) ::before,
.top-menu li:not(:first-of-type) ::before {
    content: '|';
    margin-right: 0.5rem;
}

.top-menu li:not(:first-of-type) ::before {
    color: #9b9b9b!important;
}

.bottom-menu li:not(:first-of-type) ::before {
    color: #dcdcdc!important;
}

.top-menu li a:hover,
.top-menu li a:active,
.top-menu li a:focus {
    color: #222;
}

.top-bar .top-search {
    margin-left: 1rem;
    box-sizing: border-box;
    position: relative;
}

.top-bar .top-search .top-search__input {
    box-sizing: border-box;
    margin: 0.3rem 0;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    width: 100%;
}

.top-bar .top-search .top-search__icon {
    position: absolute;
    top: 0.6rem;
    left: 0.8rem;
}

.top-bar .top-search .top-search__icon i {
    color: #9b9b9b;
    transition: color ease-out 0.5s;
}

.top-bar .top-search .top-search__icon i:hover {
    color: #656565;
}

.top-bar .issue-month {
    font-size: 12px;
    color: #9b9b9b;
    margin-right: auto;
}

.featured-section {
    background: #f9f9fa;
    padding-top: 2rem;
}

@media (max-width: 959px) {
    .top-menu {
        display: none;
    }
}

.section-title {
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 3rem;
    display: inline-block;
}

.section-title:after {
    content: '';
    position: absolute;
    background: black;
    width: 60px;
    height: 4px;
    top: 32px;
    left: 0;
}

.post .post__title h3 {
    font-weight: bold;
}

.featured-section .post:not(.post__first) .post__title h3 {
    height: 48px;
}

.post .post__image {
    text-align: center;
    display: block;
}

.post .post__image img {
    /*width: 100%;*/
    max-height: 250px;
}

.post .post__excerpt {
    word-wrap: break-word;
    hyphens: auto;
}

.sidebar-issue {
    float: right;
    text-transform: uppercase;
}

.magazine {
    text-align: center;
    margin-bottom: 1rem;
}

.magazine img {
    width: 100%;
}

.magazine a {
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 1rem
}

.subscribe img {
    width: 300px;
    display: flex;
    margin: 0 auto;
}

/*.ad-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ccc;
    width: 100%;
    margin-bottom: 1rem;
}

.ad-slot .three-hundred-twenty-by-fifty{
    height: 50px;
    width: 320px;
    background: #bebebe;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

#footer .footer-socials .footer-facebook img {
    width: 3rem;
    height: auto;
}

#footer h3 {
    margin-bottom: 2rem;
}

#footer .footer__text {
    width: 100%;
    margin-right: 0;
}

#footer .footer__links {
    margin-left: 2%;
}

#footer #nav_menu-3,
#footer #nav_menu-5 {
    margin-bottom: 0;
}

.mb-0 {
    margin-bottom: 0;
}

#copyrightFooter .bottom-bar__links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#copyrightFooter .bottom-bar__copyright {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#copyrightFooter .bottom-bar__copyright p {
    margin-bottom: 0;
}

#copyrightFooter a,
#copyrightFooter p {
    font-size: 12px;
}

#copyrightFooter.dark {
    background: #0a0a0a;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

#copyrightFooter .bottom-menu {
    height: 24px;
}

#copyrightFooter .bottom-menu li {
    line-height: 24px;
}

#copyrightFooter .bottom-menu li a {
   text-decoration: underline;
}

.ad-slot-display, .ad-slot-buddy {
    display:flex;
}

.ad-slot-buddy {
    /*margin: 8px 0;*/
    display: none;
}

.post__end .more-link {
    float: right;
    margin-top: 0;
    display: inline-block;
}

.post__end .post__date {
    display: inline-block;
}

a.subscribe-ad img {
    display: none;
}

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

.story-link {
    float: right;
}

.story-link a {
    color: black;
}

.story-link span {
    font-weight: 600;
    text-decoration: underline;
}

.ad-placeholder {
    margin: 2px;
    display: flex;
    justify-content: space-between;
}

.crp_related ul {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 480px) {
    .mobilenavcontainer {
        padding-top: 85px !important;
    }
}

@media (min-width: 768px) {
    .text-md-center {
        text-align: center;
    }

    #footer .footer__text {
        width: 40%;
        margin-right: 10%;
    }

    .logo-mobile {
        display: none;
    }
}

@media (min-width: 400px) and (max-width: 767px) {
    #copyrightFooter .container,
    #copyrightFooter .container > .columns {
        width: 400px;
    }
}

@media (max-width: 767px) {
    #copyrightFooter .bottom-bar__links {
        justify-content: center;
    }

    #copyrightFooter .bottom-bar__copyright {
        justify-content: center;
        text-align: center;
    }

    .logo-desktop {
        display: none;
    }
}

@media (max-width: 959px) {
    .crp_related {
        text-align: center;
    }
}

@media (min-width: 960px) {
    .big.isobrick {
        width: 66%;
    }

    .isobrick {
        width: 33%;
    }

    a.subscribe-ad img {
        display: inline;
    }

    .ad-slot-buddy {
        display: flex;
    }

    .text-lg-center {
        text-align: center;
    }

    .sidebar {
        margin-left: 30px;
    }
}