/* Header styles */
.topnav-top #logo {
    width: 100%;
    padding-right: 0px;
}

.topnav-top #logo a {
    /*height: auto;
    width: 150px;*/
}

@media (max-width: 768px) {
    .header-transparent.topnav-top #header ~ #main-content {
        margin-top: 0px;
    }
}

.theme-purple #wrapper {
    /*    background: #d9d9d9;*/
}

.header-dark.theme-purple #header:not(.img-cover) #main-navigation .main-nav-wrapper {
    background: #4b2e83;
}

/* Slide styles, renaming the Resturant selectors */
.tp-caption.Main-Title, .Main-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Main-Point, .Main-Point {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Initiative-Button, .Initiative-Button {
    background-color: rgba(10, 10, 10, 0);
    border-color: rgba(255, 255, 255, 0.50);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: rgba(255, 255, 255, 1.00);
    font-family: inherit;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}

.tp-caption.Initiative-Button:hover, .Initiative-Button:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 224, 129, 1.00);
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 2px;
    color: rgba(255, 255, 255, 1.00);
    text-decoration: none
}

.tp-caption.Initiative-Button a:link, .tp-caption.Initiative-Button a:visited {
    color: white;
    text-decoration: underline;
}

.tp-caption.Sub-Point, .Sub-Point {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}

.tp-caption.Sub-Point, .Sub-Point {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 0 0 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 0;
    text-decoration: none;
    /*
    I like the idea of text shadow, but it makes the text a bit blurry.
    text-shadow: 1px 1px 1px #000000;
    */
}

/*
Some slide backgrounds are just too weird to read the text.  In such cases, we should add a 'darken' class to
the containing <li> tag.  Adding darken will put a background onto the subpoint text.
*/
#rev_slider li.darken .tp-mask-wrap{
    overflow: visible !important;
}
#rev_slider li.darken .Sub-Point {
    -webkit-box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.5);
}

/* Masony Styles*/
figure figcaption {
    background: #d9d9d9;
    color: #444444;
}

figure figcaption h4 {
    min-height: 38px;
}

figure.purple {
    background-color: #4b2e83 !important
}

figure.gold {
    background-color: #b7a57a !important
}

figure.gold-metallic {
    background-color: #85754d !important
}

figure.black {
    background-color: #000000 !important
}

figure.white {
    background-color: #ffffff !important
}

figure.grey-light {
    background-color: #d9d9d9 !important
}

figure.grey-dark {
    background-color: #444444 !important
}

.theme-purple figure figcaption a.btn {
    color: #ffffff;
}

.theme-purple figure figcaption a.btn:hover {
    color: #d9d9d9 !important;
}

.header-dark.theme-purple .items-filter li a {
    color: #4b2e83;
}

figure > figcaption {
    text-align: center;
}

/* custom filter button trickery */
.items-filter {
    margin-bottom: 5px;
}

.items-filter li a {
    padding: 0.3em;
    border-bottom: 2px solid transparent;
}

.items-filter li a:focus, figure.he-2 a:focus, .hover-icons-wrapper a:focus, figcaption h4 a:focus {
    border-bottom: 2px solid #4b2e83;
}

.init-links {
    min-height: 3em;

}

.init-links div {
    display: none;
}

.init-links a strong {
    font-size: 110%;
    text-decoration: underline;
}

.init-links a:link,
.init-links a:visited {
    color: white !important;
}

@media (max-width: 650px) {
    .items-filter {
        display: block;
    }

    .items-filter li:before {
        content: '\ffed';
        margin-right: 0.5em;
    }

    .items-filter .filter-title:before,
    .items-filter .filter-all:before {
        content: "";
        margin-right: inherit;
    }

    .items-filter li.filter-all {
        float: none;
        display: block;
    }

    .items-filter .filter-all a,
    .items-filter .filter-title {
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .init-links {
        min-height: initial;
    }

    .grid .item-wide {

        height: 300px !important;
    }

    .grid .item-wide figure img {
        height: 225px;
        width: auto;
    }

    /* Here we are toying with the idea of being able to align the images so we can see the proper part of the image.
    For example, the wide shot of the lady sitting on the right side of the bench defaults to show just the empty left
    side of the bench.  We would like to be able to show the part of the image we prefer.*/
    .grid figure img.right {
        /*margin-left: -100%;*/
    }
}

/* Call to action buttons*/
.section-call-to-action.contact .action-subtitle {
    clear: both;
    margin-bottom: 3em;
}

.section-call-to-action.contact .action-text {
    line-height: 3em;
}

.btn-inline-container {
    float: left;
    margin-right: 1em;
}

/* Breakpoint debugging */

@media only screen and (min-width: 0px) {
    body.debug-on .Main-Title {
        color: cyan;
    }
}

@media only screen and (min-width: 479px) {
    body.debug-on .Main-Title {
        color: magenta;
    }
}

@media only screen and (min-width: 778px) {
    body.debug-on .Main-Title {
        color: yellow;
    }
}

@media only screen and (min-width: 1024px) {
    body.debug-on .Main-Title {
        color: black;
    }
}

@media only screen and (min-width: 1920px) {
    body.debug-on .Main-Title {
        color: white;
    }
}


/* UWT CUSTOM */
#main-aside-navigation footer{
display:none;
visibility:hidden;
}