/* adjust container padding with fixed nav */
body.fixed-nav .offcanvas-inner {
    padding-top: 52px;
}

/* fluid body container */
.container_fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.show-onload {
    display: none;
}

/* bootstrap resets */
.jumbotron {
    background-color:rgba(0,0,0,.05);
    margin:30px 0;
}
.thumbnail {
    background-color:rgba(255,255,255,.1);
    border-color:rgba(0,0,0,.1);
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color:rgba(0,0,0,.3);
}

.breadcrumb {
    background-color:rgba(255,255,255,.1);
}

hr {
    border-color:rgba(0,0,0,.1);
}


/* main header styles */
#site-header {
    padding: 15px;
}

#site-header img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

#site-navbar-container.affix {
    top: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
}

#site-top-nav-container,
#site-top-nav {
    line-height: 36px;
    height: 40px;
}

#site-top-nav-container ul {
    margin-bottom: 0;
}

#site-header .divider {
    padding: 0 5px;
    color: rgba(0,0,0,.2);
}

.list-inline.block-links {
    padding: 0;
    font-size: 12px;
    line-height: 12px;
}

.list-inline.block-links li {
    padding: 0 6px;
}

.list-inline.block-links li:last-child {
    border-right: 0;
}

.list-inline.block-links.pos-top {
    margin-bottom: 10px;
}

.list-inline.block-links.pos-bottom {
    margin-top: 10px;
}

.list-inline.social-links {
    margin-left: 0;
}

.list-inline.social-links li {
    padding: 0;
}

/* remove navbar toggle button outline */
.navbar-toggle {
    outline: none;
    border: none !important;
    box-shadow: none !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:rgba(0,0,0,.2) !important;
}

.navbar-toggle.pull-left {
    margin-left: 15px;
    margin-right: 0;
}

.navbar-toggle .sr-only-show {
    float: left;
    margin-left: 34px;
    font-size: 11px;
    text-transform: uppercase;
}

.navbar-brand img {
    margin-top: -5px;
    max-height: 30px;
}

#site-top-nav .list-inline.nav-list {
    margin-left: 0;
}

#site-top-nav .list-inline.nav-list > li {
    padding: 0;
    margin-right: 12px;
}

#main-navigation {
    margin-bottom: 0;
    padding: 0;
}

#main-navigation .fa {
    font-size: 18px;
}

#main-navigation .navbar-collapse .pull-right .tncms-block {
    float: right;
}

#main-body-container .container:first-child,
#main-body-container .container_fluid:first-child {
    padding-top: 15px;
}

/* main footer styles */
#site-footer {
    padding: 15px 20px 0 20px;
}

#site-copyright {
    padding-top:20px;
    padding-bottom:20px;
}

.not-logged-in,
.logged-in {
    display: none;
}

.padding-top {
    padding-top: 15px;
}

.padding-right {
    padding-right: 15px;
}

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

.padding-left {
    padding-left: 15px;
}

.border-right {
    border-right: 1px solid rgba(0,0,0,0.1);
}

.border-left {
    border-left: 1px solid rgba(0,0,0,0.1);
}

.border-top {
    border-top: 1px solid rgba(0,0,0,0.1);
}

.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.bullet-nav {
    padding-left: 18px;
}

.jumbotron > :first-child {
    margin-top:0;
}

.jumbotron > :last-child {
    margin-bottom:0;
}

/* NOT MOBILE SCREEN SIZE */
@media screen and (min-width: 767px) {
    #main-navigation #navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    #main-navigation .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
}

/* TABLET SCREEN SIZE */
@media screen and (max-width: 991px) {
    #main-navigation {
        width: auto;
        border-right: 0;
        border-left: 0;
    }
    #main-navigation #navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }
    #site-copyright {
        font-size: 80%;
    }
    #site-copyright .text-right {
        text-align:left!important;
    }
    .container > .navbar-header,
    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

/* carousel icons */
.carousel-control .control-left,
.carousel-control .control-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .control-left {
    left: 50%;
}

.carousel-control .control-right {
    right: 50%;
}

/* MOBILE SCREEN SIZE */
@media screen and (max-width: 767px) {
    .navbar-brand.pos_left_right,
    .navbar-brand.pos_left_right div {
        text-align: center !important;
        float: none;
    }
    #main-navigation #navbar-collapse .pull-right {
        float: none !important;
    }
    #main-navigation {
        margin-bottom: 0;
    }
    /* Off Canvas */
    /* prevent body scroll when drawer opened. This doesnt work well on iOS. */
    .drawer-open {
        overflow: hidden !important;
    }
    /* canvas inner content */
    .offcanvas-inner {
        position: relative;
        left: 0;
        -webkit-transition: left 0.25s ease-out;
        -moz-transition: left 0.25s ease-out;
        -o-transition: left 0.25s ease-out;
        -ms-transition: left 0.25s ease-out;
        transition: left 0.25s ease-out;
    }
    .offcanvas-drawer-left .tncms-region,
    .offcanvas-drawer-right .tncms-region {
        padding: 15px;
    }
    /* left drawer closed */
    .offcanvas-drawer-left,
    .offcanvas-content-left {
        left: -80%;
    }
    /* left drawer open */
    .active-left .offcanvas-drawer-left,
    .active-left .offcanvas-content-left {
        left: 0;
    }
    /* left drawer open content */
    .active-left .offcanvas-inner,
    /* move fixed nav */
    .active-left .navbar-fixed-top,
    .active-left #site-navbar-container.affix {
        left: 80%;
    }
    /* right drawer closed */
    .offcanvas-drawer-right,
    .offcanvas-content-right {
        right: -80%;
    }
    /* left drawer open */
    .active-right .offcanvas-drawer-right,
    .active-right .offcanvas-content-right {
        right: 0;
    }
    /* left drawer open content */
    .active-right .offcanvas-inner,
    /* move fixed nav */
    .active-right .navbar-fixed-top,
    .active-right #site-navbar-container.affix {
        left: -80%;
    }
    /* make sure fixed nav does not collapse */
    .drawer-open .navbar-fixed-top,
    .drawer-open #site-navbar-container.affix {
        width: 100% !important;
        -webkit-transition: left 0.25s ease-out;
        -moz-transition: left 0.25s ease-out;
        -o-transition: left 0.25s ease-out;
        -ms-transition: left 0.25s ease-out;
        transition: left 0.25s ease-out;
    }
    /* affix left */
    #site-navbar-container.affix {
        left: 0;
    }
    /* fixed nav toggle positions */
    .navbar-fixed-top .navbar-toggle.pull-left {
        margin-left: 0;
    }
    .navbar-fixed-top .navbar-toggle.pull-right {
        margin-right: 0;
    }
    /* drawer base styles */
    .offcanvas-drawer, .offcanvas-content-left,
    .offcanvas-content-right {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 80%;
        z-index: 0;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    /* close button */
    .offcanvas-close-btn {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 20%;
        z-index: 1031;
        height: 100%;
        cursor: pointer;
        display: none;
    }
    .active-left .offcanvas-close-btn {
        right: 0;
        display: block;
    }
    .active-right .offcanvas-close-btn {
        left: 0;
        display: block;
    }
    /*
     * Off Canvas Theme
     * --------------------------------------------------
     */
    .drawer-open .navbar-toggle .icon-bar {
        opacity: .5;
    }
    .offcanvas-drawer,
    .offcanvas-content-left,
    .offcanvas-content-right {
        background-color: #333;
        color: #fff;
        background-image: url('../../../themes/resources/images/noise_pattern.png');
    }
    .offcanvas-drawer-left {
        -webkit-box-shadow: inset -8px 0 5px 0 rgba(0,0,0,.2);
        box-shadow: inset -8px 0 5px 0 rgba(0,0,0,.2);
    }
    .offcanvas-drawer-right {
        -webkit-box-shadow: inset 8px 0 5px 0 rgba(0,0,0,.2);
        box-shadow: inset 8px 0 5px 0 rgba(0,0,0,.2);
    }
    .offcanvas-drawer .navbar-nav {
        margin: 0;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
    }
    .offcanvas-drawer .navbar-nav li {
        border-top: 1px solid rgba(255,255,255,.075) !important;
        border-bottom: 1px solid rgba(0,0,0,.2) !important;
    }
    .offcanvas-drawer a,
    .offcanvas-drawer a:hover {
        color: #bbb;
    }
    .offcanvas-drawer .navbar-nav li a,
    .offcanvas-drawer .open .dropdown-menu > li > a {
        color: #ccc;
        font-size: 16px;
        font-weight: bold;
        padding: 15px;
        line-height: 16px;
        background-color: transparent;
        border: 0 !important;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
    }
    .offcanvas-drawer .open .dropdown-menu > li > a {
        padding-left: 25px;
    }
    .offcanvas-drawer .dropdown ul {
        padding: 0;
    }
    .offcanvas-drawer .navbar-nav li a:hover,
    .offcanvas-drawer .navbar-nav li.open,
    .offcanvas-drawer .navbar-nav li:active,
    .offcanvas-drawer .navbar-nav li.open > a {
        background-color: rgba(0,0,0,.2);
    }
    .offcanvas-drawer .navbar-nav h3 {
        margin: 0;
        background-color: #333;
        color: #888;
        border-top: 1px solid rgba(255,255,255,.1);
        font-size: 14px;
        text-transform: uppercase;
        padding: 6px 15px;
    }
    .offcanvas-drawer .navbar-nav .glyphicon {
        color: #444;
        margin-right: 5px;
    }
}

/* responsive video containers */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* COMMON PLUGINS */
/* yamm menu */
.yamm .nav, .yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}

.yamm .yamm-content {
    padding: 10px 20px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* lazy load */
img.lazy-load {
    opacity: 0;
    transition: opacity .2s ease-in;
}

/* new textures from subtlepatterns.com */
.batthern {
    background-image: url('../../../themes/resources/images/textures/batthern_e1.png');
}


.bright_squares {
    background-image: url('../../../themes/resources/images/textures/bright_squares_e1.png');
}

.crossed_stripes {
    background-image: url('../../../themes/resources/images/textures/crossed_stripes_e1.png');
}

.diagmonds {
    background-image: url('../../../themes/resources/images/textures/diagmonds_e1.png');
}

.elegant_grid {
    background-image: url('../../../themes/resources/images/textures/elegant_grid_e1.png');
}

.fancy_deboss {
    background-image: url('../../../themes/resources/images/textures/fancy_deboss_e1.png');
}

.flowers {
    background-image: url('../../../themes/resources/images/textures/flowers_e1.png');
}

.hexellence {
    background-image: url('../../../themes/resources/images/textures/hexellence_e1.png');
}

.lghtmesh {
    background-image: url('../../../themes/resources/images/textures/lghtmesh_e1.png');
}

.px_by_Gre3g {
    background-image: url('../../../themes/resources/images/textures/px_by_Gre3g_e1.png');
}

.random_grey_variations {
    background-image: url('../../../themes/resources/images/textures/random_grey_variations_e1.png');
}

.squares {
    background-image: url('../../../themes/resources/images/textures/squares_e1.png');
}

.triangles {
    background-image: url('../../../themes/resources/images/textures/triangles_e1.png');
}

.zigzag {
    background-image: url('../../../themes/resources/images/textures/zigzag_e1.png');
}

/* Asset Common */
/* Base styles used by all asset types */
.asset {
    position: relative;
    padding-bottom: 18px;
}

.asset figure {
    display: block;
    margin: 40px auto;
}

.asset figure .caption {
    margin-top: 10px;
    color: #666;
    font-size: 12px;
}

.asset figure .caption .credit {
    display: block;
    color: #999;
}

.asset .inline-asset {
    margin: 40px 0;
}
.asset .inline-asset figure {
    margin: 0 auto;
}

.asset .inline-asset.layout-vertical {
    width: 35%;
    float: right;
    margin: 5px 0 40px 30px;
}

.asset .inline-asset .card {
    border: 1px solid #e0e0e0;
    margin: 40px 0;
    padding: 0;
}

.asset .inline-asset .card .card-image figure {
    margin: 0;
}

.asset .inline-asset .card .card-body {
    padding: 15px;
}

.asset .inline-asset .card.summary .card-image .photo {
    width: auto;
    float: none;
}

.asset .inline-asset .card .card-body .card-headline h3 {
    margin: 0 0 5px 0;
    font-size: 14px;
}

.asset .inline-asset .card .card-body .card-lead p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}

.asset .asset-tags {
    margin-bottom: 20px;
}

.asset .asset-tags h4 {
    margin: 0 15px 0 0;
    float: left;
}

.asset .asset-tags .list-inline {
    margin: 0 0 0 60px;
}

.asset .asset-tags .list-inline > li,
.card.classifieds-categories .list-inline > li{
    padding: 0;
    margin-bottom: 4px;
}

.asset .asset-masthead {
    margin: 30px 0;
    position: relative;
}

.asset .asset-header,
.asset .asset-header {
    margin: 10px 0;
}

.asset .asset-header .hammer,
.asset .asset-header .kicker,
.asset .asset-header h1 {
    margin: 0 30px 0 0;
}

.asset .asset-header .hammer {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
}

.asset .asset-header h1 {
    font-size: 24px;
    font-weight: normal;
}

.asset .asset-header .subhead {
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0;
}

.asset .asset-header .meta {
    margin-top: 20px;
}

.asset .share-container {
    position: absolute;
    top: 0px;
    right: -15px;
}

.asset .asset-showcase-image {
    position: relative;
    margin-bottom: 40px;
    min-height: 90px;
}

.asset .asset-showcase-image .showcase-title,
.asset .asset-showcase-image .showcase-caption {
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    color: #fff;
}

.asset .asset-showcase-image img {
    width: 100%;
}

.asset .asset-showcase-image .showcase-caption {
    bottom: 0;
}

.asset .asset-showcase-image .showcase-caption .credit {
    position: absolute;
    top: -30px;
    left: 20px;
    text-shadow: 0 0 5px #000;
}

.asset .asset-showcase-image .showcase-caption .caption-text {
    padding: 10px 20px 0;
}

.asset .asset-showcase-image .showcase-title {
    top: 0;
    text-align: center;
    padding: 10px;
}

.asset .asset-masthead.showcase {
    color: #fff;
    margin: 0 -15px 30px;
    padding: 15px 30px;
    background-color: #222;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.asset .asset-masthead.showcase:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
}

.asset .asset-masthead.showcase .asset-header {
    position: relative;
}

.asset .asset-masthead.showcase .asset-byline a,
.asset .asset-masthead.showcase .asset-date,
.asset .asset-masthead.showcase .cm {
    color: #ddd;
}

.asset .asset-masthead.showcase .share-container {
    top: 15px;
    right: 15px;
}

.asset .asset-masthead.showcase .hammer,
.asset .asset-masthead.showcase h1 {
    text-shadow: 2px 2px rgba(0,0,0,0.3);
    font-weight: bold;
}

.asset .asset-body p {
    font-size: 16px;
    line-height: 22px;
}

.asset .related-sidebar > * {
    margin-bottom: 30px;
}

.asset .related-sidebar .asset-audio audio {
    display: block;
}

.asset .asset-author .card.author {
    margin-bottom: 40px;
    padding: 15px;
    border: 1px solid #e0e0e0;
}

.asset .asset-author .author-card .media-body {
    padding: 0 15px;
}

.asset .asset-recommend .outbrain h3 {
    font-size: 18px;
    margin: 10px;
}

.asset .popover .author-card .tagline {
    font-size: 12px;
}

.asset .asset-recommend .outbrain ul {
    padding-left: 30px;
    margin-bottom: 0;
}

.asset .asset-html .html-content {
    margin-bottom: 20px;
}

@media screen and (min-width: 767px) {
    .asset .share-container {
        top: 0;
        right: 0;
    }
    .asset .asset-header .hammer,
    .asset .asset-header .kicker,
    .asset .asset-header h1 {
        margin-right: 120px;
    }
    .asset .asset-header .hammer {
        font-size: 70px;
    }
    .asset .asset-header h1 {
        font-size: 42px;
    }
    .asset .asset-header .subhead {
        font-size: 24px;
    }

    .asset .inline-asset .card .card-image {
        width: 30%;
        float: left;
    }
    .asset .inline-asset .card .card-body {
        margin-left: 30%;
    }
    .asset .inline-asset .card .card-body .card-headline h3 {
        font-size: 20px;
    }
}

/* Article Common */
/* Base styles used by all article assets */
body.article .asset {
}

/* Article Longform */
/* Base styles used by all longform article assets */
.article-longform .asset-header .hammer,
body.article .article-longform .asset-header .kicker,
body.article .article-longform .asset-header h1 {
    margin: 0 20px;
}

.article-longform figure.photo {
    max-width: 750px;
}

@media screen and (min-width: 767px) {
    body.article .article-longform .asset-header .hammer,
    body.article .article-longform .asset-header .kicker,
    body.article .article-longform .asset-header h1 {
        margin: 0 120px;
    }
    body.article .article-longform .asset-body p,
    body.article .article-longform .asset-body hr {
        max-width: none;
    }
}

/* block text color */
.block.dark a,
.block.dark a:hover {
    color:rgba(0,0,0,.8);
}
.block.dark {
    color:rgba(0,0,0,.6);
}
.block.dark .text-muted {
    color:rgba(0,0,0,.5);
}

.block.light .card a,
.block.light .card a:hover {
    color:rgba(255,255,255,.8);
}
.block.light .card {
    color:rgba(255,255,255,.6);
}
.block.light .card .text-muted {
    color:rgba(255,255,255,.5);
}

/* social share asset */
.social-share-links.block .social-share-link {
    margin-bottom: 1px;
}

.social-share-links.inline .social-share-link {
    float: left;
    margin-right: 1px;
}

.social-share-link {
    opacity: 0.8;
    width: 28px;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.social-share-link a {
    color: #fff;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.social-share-link a .share-expand {
    color: #fff;
}

.social-share-link:hover {
    opacity: 1;
}

.social-share-link .fa-square {
    color: transparent;
}

.social-share-link .fb {
    background-color: #3A59A5;
}

.social-share-link .tw {
    background-color: #55acee;
}

.social-share-link .gp {
    background-color: #dd4b39;
}

.social-share-link .em {
    background-color: #888;
}

.social-share-link .share-expand {
    padding: 5px 0;
    display: inline-block;
}

.pull-right .social-share-links.expanding .social-share-link {
    float: right;
    clear: both;
}

.pull-left .social-share-links.expanding .social-share-link {
    float: left;
    clear: both;
}

.social-share-links.expanding .social-share-link:hover {
    width: 80px;
}

/* card defaults */
.card.summary,
.card.product,
.card.blog,
.card.showcase,
.card.promo,
.card.classifieds-categories,
.card.event-list {
    margin-bottom: 20px;
    position: relative;
}

.card.summary .card-headline *,
.card.product .card-headline *,
.card.showcase .card-headline *,
.card.blog .card-headline * {
    margin-top: 0;
}

.card.summary .card-image .photo,
.card.product .card-image .photo,
.card.showcase .card-image .photo,
.card.blog .card-image .photo {
    overflow: hidden;
    max-height: 200px;
    width: 33%;
    float: left;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 10px;
}

.card.summary .card-section,
.card.product .card-section,
.card.showcase .card-section,
.card.blog .card-section {
    text-transform: uppercase;
    font-size: 85%;
    padding-bottom: 5px;
}

.card.summary .card-section a,
.card.product .card-section a,
.card.showcase .card-section a,
.card.blog .card-section a {
    color: #999;
}

@media screen and (max-width: 991px) {
    .card.summary .card-headline *,
    .card.product .card-headline *,
    .card.showcase .card-headline *,
    .card.blog .card-headline *{
        font-size: 120%;
    }
    .card.summary .card-meta,
    .card.product .card-meta,
    .card.showcase .card-meta,
    .card.blog .card-meta {
        font-size: 90%;
    }
}

@media screen and (max-width: 767px) {
    .card.summary .card-headline *,
    .card.product .card-headline *,
    .card.showcase .card-headline *,
    .card.blog .card-headline * {
        font-size: 110%;
    }
    .card.summary .card-section,
    .card.product .card-section,
    .card.showcase .card-section,
    .card.blog .card-section {
        display: none;
    }
    .card.summary .card-meta,
    .card.product .card-meta,
    .card.showcase .card-meta,
    .card.blog .card-meta {
        font-size: 85%;
        display: none;
    }
    .card.summary .card-lead,
    .card.product .card-lead,
    .card.blog .card-lead {
        max-height: 60px;
        overflow: hidden;
    }
}

/** user and author avatar defaults */
.card.author .avatar-box{
    position: relative;
    width: 100px; /* initial width */
}

.card.author .avatar-box:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}

.card.author .avatar-box .user-profile-link{
    display:block;
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.block .card.author .media-list,
.block .card.author .card-tagline p{
    margin-bottom:0;
}

/* date square styles */
.date-square {
    display:block;
    border:1px solid rgba(0,0,0,.3);
    border-radius:3px;
    text-align: center;
}
.date-square .month {
    display:block;
    border-bottom:1px rgba(0,0,0,.3);
    font-weight:bold;
    text-transform:uppercase;
    background-color: rgba(0,0,0,.3);
    color: #fff;
}
.date-square .ordinal {
    padding-top:10px;
    display:block;
    line-height:1.25em;
    font-weight:bold;
    font-size:2.25em;
}
.date-square .textual {
    padding-bottom:5px;
    display:block;
    line-height:1em;
    font-size:11px;
}

/* mini event card styles */
.card.event.mini .card-date-square a,
.event-mini-weekly-date a { text-decoration: none; }
.card.event.mini .card-date-square a:hover .date-square,
.event-mini-weekly-date a:hover .date-square { background-color: rgba(0,0,0,.05); }
.card.event.mini .date-col { padding-right:0; }
.card.event.mini .card-headline * { margin-top:0; }
.card.event.mini .card-image .photo {
    overflow: hidden;
    max-height: 200px;
    width: 25%;
    float: left;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 10px;
}
.card.event.mini .card-schedule {
    font-style: italic;
    color: #444;
}
.event-mini-weekly-date {
}

/* image & slider styles */
.hover-expand {
    cursor: pointer;
    position: relative;
}

.hover-expand .expand {
    transition: all 0.25s ease-out;
    opacity: 0;
    font-size: 18px!important;
    z-index: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.hover-expand:hover .expand {
    opacity: 1;
}

.photo-carousel {
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 20px;
}

.photo-carousel .caption-container {
    text-align: left;
    padding: 10px 0;
}

.photo-carousel .caption-container p {
    font-size: 12px;
    line-height: 15px;
    text-shadow: none;
    color: #666;
}

.photo-carousel .photo-carousel-control {
    color: rgba(0,0,0,.4);
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    background-color: rgba(255,255,255,.9);
    padding: 5px 10px;
    font-size: 18px;
}

.photo-carousel .photo-carousel-control:hover {
    color: rgba(0,0,0,.8);
    background-color: #fff;
}

.photo-carousel:hover .photo-carousel-control {
    opacity: 1;
}

.photo-carousel .photo-carousel-control.left {
    left: auto;
    right: 40px;
    top: 5px;
}

.photo-carousel .photo-carousel-control.right {
    right: 5px;
    top: 5px;
}

.photo-carousel .item {
    text-align: center;
}

.photo-carousel .item .photo-container {
    margin: 0 auto;
    display: block;
}

.photo-carousel .item .photo-container {
    background-color: rgba(0,0,0,.85);
}

.photo-carousel .item .photo-container img {
    max-height: 500px;
    display: initial;
}

.photo-carousel .photo-count {
    z-index: 1;
    position: absolute;
    font-weight: bold;
    padding: 10px;
}

.modal.fullscreen .close {
    position: absolute;
    color: #fff;
    opacity: .4;
    font-size: 30px;
    z-index: 2;
    top: 15px;
    right: 15px;
}

.modal.fullscreen .close:hover {
    opacity: .8;
}

.modal.fullscreen .modal-body {
    height: 100%;
    width: 100%;
    padding: 0;
}

.modal.fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.modal.fullscreen .modal-content {
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding: 0;
    border: 0;
    background-color: rgba(0,0,0,.85);
}

.modal.fullscreen .photo-carousel {
    margin: 0;
    background: transparent;
}

.modal.fullscreen .photo-carousel .carousel-inner {
    max-width: 900px;
    margin: 0 auto;
}

.modal.fullscreen .owl-carousel,
.modal.fullscreen .owl-wrapper-outer,
.modal.fullscreen .owl-wrapper,
.modal.fullscreen .owl-item,
.modal.fullscreen .item,
.modal.fullscreen .item-container {
    height: 100%!important;
    position: relative;
}

.modal.fullscreen .photo-carousel .item .photo-container {
    background: transparent;
}

.modal.fullscreen .photo-carousel .item .photo-container img,
.modal.fullscreen .photo-carousel .item .photo-container .tnt-video-container {
    max-height: 100%;
    max-width: 100%;
    height: initial;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal.fullscreen .photo-carousel .item .photo-container {
    height: 100%;
    padding: 3% 0;
}

.modal.fullscreen .photo-carousel .caption-container {
    width: 100%;
    opacity: 1;
    color: #fff;
    transition: all 0.25s ease-out;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    padding: 20px;
    bottom: 0;
}

.modal.fullscreen .photo-carousel .caption-container p {
    color: #eee;
}

.modal.fullscreen .photo-carousel .item:hover .caption-container {
    opacity: 1;
}

.modal.fullscreen .photo-carousel .photo-carousel-control {
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-size: 28px;
    padding: 10px;
    opacity: 1;
    bottom: 15px;
    top: auto;
    left: auto;
}

.modal.fullscreen .photo-carousel .photo-carousel-control.left {
    right: 58px;
}

.modal.fullscreen .photo-carousel .photo-carousel-control.right {
    right: 15px;
}

.modal.fullscreen .photo-carousel .photo-count {
    bottom: 72px;
    right: 22px;
    font-weight: normal;
    color: #bbb;
}

/* photo carousel block */
.slideshow-carousel-container .photo-carousel .caption-container {
    padding: 15px 20px;
    position: absolute;
    bottom:0; background: rgba(0,0,0,.7);
    color: #fff;
    width: 100%;
}

.slideshow-carousel-container .photo-carousel .caption-headline * {
    margin-top:0;
}

.slideshow-carousel-container .photo-carousel .photo-count,
.slideshow-carousel-container .photo-carousel .caption-headline *,
.slideshow-carousel-container .photo-carousel .caption-text {
    text-shadow: 0 0 5px #000;
    color: #fff;
}

.slideshow-carousel-container .photo-carousel .caption-text p {
    color: #ddd;
}

@media screen and (max-width: 991px) {
    .photo-carousel .photo-carousel-control {
        opacity: 1;
    }

    .modal.fullscreen .photo-carousel .item .caption-container {
        opacity: 1!important;
    }

    .modal.fullscreen .photo-carousel .item.hover .caption-container {
        opacity: 1!important;
    }

    .modal.fullscreen .photo-carousel .photo-count {
        top: 5px;
        left: 5px;
        right: auto;
        bottom: auto;
    }

    .modal.fullscreen .photo-carousel .item .photo-container {
        padding: 0;
    }

    .modal.fullscreen .photo-carousel .photo-carousel-control {
        display: none;
    }

    .modal.fullscreen .photo-carousel-control-container {
        opacity: 1;
        position: absolute;
        background-color: rgba(0,0,0,.7);
        width: 100%;
        height: 50px;
        z-index: 5;
    }

    .modal.fullscreen.hover .photo-carousel .photo-carousel-control-container {
        opacity: 1;
    }

    .modal.fullscreen .close {
        top: 5px;
        right: 10px;
        opacity: 1;
    }

    .modal.fullscreen.hover .close {
        opacity: .5;
    }

    .hover-expand .expand {
        opacity: 1;
    }
}

/* map object */
.map-canvas.single-location a.static-map {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.map-canvas .gm-style-iw .card.summary {
    margin:8px 0 8px 8px;
    max-width:420px;
}