/** 
 *------------------------------------------------------------------------------
 * @package       T3 Framework for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt, JoomlaBamboo, (contribute to this project at github 
 *                & Google group to become co-author)
 * @Google group: https://groups.google.com/forum/#!forum/t3fw
 * @Link:         http://t3-framework.org 
 *------------------------------------------------------------------------------
 */


 .oh{
  overflow: hidden;
 }

// ---------------------------------------------------------
// MAIN TEMPLATE STYLES
// ---------------------------------------------------------
a {
    .transition(.3s);

    &:hover {
        background: transparent;
    }
}

.nav>li>a {

    &:hover {
        background: transparent;
    }
}

.t3-top {}

// 
// HEADER
// ---------------------------------------------------------
.t3-header {}


// Logo
// ----
.logo {

    text-align: center; // Left align the logo on  Tablets / Desktop
    @media screen and (min-width: @screen-sm) {
        text-align: left;
    }

    a {
        display: inline-block;
        line-height: 1;
        margin: 0;
    }
}

// Logo Image
// ----------
.logo-image {
    // Hide sitename and slogan
    span,
    small {
        display: none;
    }
}

// Logo Text
// ----------
.logo-text {

    a {
        text-decoration: none;
        font-size: ceil(@font-size-base * 2);
        font-weight: bold;
    }

    &:hover a,
    a:hover,
    a:active,
    a:focus {
        text-decoration: none;
    } // Taglines
    .site-slogan {
        display: block;
        font-size: @font-size-base;
        margin-top: 5px;
    }
}

// Head Search
// -----------
.head-search {

    margin-top: @t3-global-margin;
    .clearfix();

    form {
        margin: 0;
    }

    label {
        display: none;
    }

    .search {
        position: relative; // Place a search icon
        &:before {
            font-family: "FontAwesome";
            content: "\f002";
            display: block;
            position: absolute;
            left: 10px;
            top: 6px;
            color: @gray;
        } // Float to right on Tablets / Desktop
        @media screen and (min-width: @screen-sm) {
            float: right;
        }
    }

    .form-control {
        width: 100%;
        padding-left: 30px; // Width Control on Tablets / Desktop
        @media screen and (min-width: @screen-sm) {
            width: 150px; // focus state
            &:focus {
                width: 200px;
            }
        }
    }
}



// ---------------------------------------------------------
// SPOTLIGHTS
// ---------------------------------------------------------
.t3-sl {
    padding-top: 25px;
    padding-bottom: 75px;
}

// Spotlight 1
// -----------
.t3-sl-1 {}

// Spotlight 2
// -----------
.t3-sl-2 {}

// Spotlight 3
// -----------
.t3-sl-3 {
    padding-top: 75px;
    padding-bottom: 0px;
}

// Spotlight 4
// -----------
.t3-sl-4 {}

.t3-sl-5 {
    padding-bottom: 45px;
}

.t3-sl-map {
    margin-bottom: 30px;
}


body {
    &.body__home:not(.view-article) {

        .position-2 {
            padding-top: 100px;
            padding-bottom: 0px;
            position: relative;
            &:after {
                content: "";
                position: absolute;
                background: @global-color2;
                top: 0px;
                left: 0%;
                right: 0%;
                width: 80%;
                bottom: 32%;
                display: block;
                z-index: 0;
                @media (max-width: 1200px) {
                    background-attachment: scroll;
                }
            }
            .container {
                position: relative;
                z-index: 1;
            }
        }

        .position-4 {
            padding-top: 30px;
            padding-bottom: 100px;
            position: relative;
            &:after {
                content: "";
                position: absolute;
                background: url(../images/bg_1.jpg) 0% 0 no-repeat;
                top: 0px;
                left: auto;
                right: 0;
                width: 80%;
                height: 100%;
                display: block;
                z-index: 0;
                background-size: cover;
                @media (max-width: 1200px) {
                    background-attachment: scroll;
                }
            }
            .container {
                position: relative;
                z-index: 1;
            }
        }
    }

    &.body__about:not(.view-article) {
        .position-2 {
            padding-top: 100px;
            padding-bottom: 0px;
            position: relative;
            &:after {
                content: "";
                position: absolute;
                background: @global-color2;
                top: 0px;
                left: auto;
                right: 0%;
                width: 80%;
                bottom: 0%;
                display: block;
                z-index: 0;
                @media (max-width: 1200px) {
                    background-attachment: scroll;
                }
            }
            .container {
                position: relative;
                z-index: 1;
            }
        }

                .position-4 {
            padding-top: 30px;
            padding-bottom: 160px;
            position: relative;
            &:after {
                content: "";
                position: absolute;
                background: url(../images/bg_1.jpg) 0% center no-repeat;
                top: 0px;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                display: block;
                z-index: 0;
                background-size: cover;
                @media (max-width: 1200px) {
                    background-attachment: scroll;
                }
            }
            .container {
                position: relative;
                z-index: 1;
            }
        }
    }
}



// ---------------------------------------------------------
// MAIN BODY
// ---------------------------------------------------------
body.view-article {
    .t3-mainbody {
        padding-bottom: 30px;
    }
}

// Sidebars
// --------
.t3-sidebar {

    .t3-sidebar-content {
        padding-bottom: 30px;
        .clearfix();
        .moduletable {

            &+.moduletable {
                margin-top: 30px;
            }
        }
    }

    @media(max-width: 767px) {
        padding-top: 30px;
    }
}

.t3-sidebar-1 {}

.t3-sidebar-2 {}



// ---------------------------------------------------------
// FOOTER
// ---------------------------------------------------------
#t3-footer {
    position: relative;
}

.t3-footer {
    //border-top: 1px solid @t3-border-color;
    background: @t3-footer-background;
    color: @t3-footer-text-color;
    .clearfix(); // small
    small {
        display: block;
        font-size: 100%; //Use global footer font size.
    } // links
    a {
        // Link States
        &:hover,
        &:active,
        &:focus {}
    }

    .footer_logoimage {
        display: inline-block;
        margin-top: 19px;
    }

    .footer_slogan {
        color: white;
    }

    .footer_logo_aftertext {
        margin-top: 26px;
    }
}

// Foot Nav
// --------
.t3-footnav {
    padding: @t3-global-padding 0;
    .clearfix(); // Larger padding on Tablet / Desktop
    @media screen and (min-width: @screen-sm) {
        padding: (@t3-global-padding * 2) 0;
    } // Footnav Modules
    .t3-module {
        background: @t3-footer-module-background;
        color: @t3-footer-module-text-color;
        margin-top: @line-height-computed / 2;
        margin-bottom: @line-height-computed / 2;

        .module-title {
            color: @t3-footer-module-title-color;
            font-size: @font-size-large;
            margin-bottom: @line-height-computed / 2;
        }

        ul {
            list-style: none;
            margin-left: 0;
            margin-bottom: 0;
            padding-left: 0;

            >li {
                line-height: 24px; // links
                >a {
                    color: @t3-footer-module-text-color; // Link States
                    &:hover,
                    &:active,
                    &:focus {
                        color: @t3-footer-module-text-color;
                    }
                }
            }
        }
    }
}

// Copyright
// ---------
.t3-copyright {
    font-size: @font-size-small;
    padding: (@t3-global-padding * 2) 0 (@t3-global-padding * 4);
    .clearfix();
    small {
        margin-bottom: 5px;
    }
}

.copyright {

    font: 400 14px/29px @font-family-base;
    padding-left: 10%;
    padding-top: 20%;

    .privacy_link {
        &:hover {}
    }
}

.poweredby {
    .clearfix(); // Align right on Tablet / Desktop
    @media screen and (min-width: @screen-sm-max) {
        text-align: right;
    }

    .t3-logo,
    .t3-logo-small {
        opacity: .8;
        display: inline-block;
    }
}

#back-top {
    bottom: 90px;
    position: fixed;
    right: 20px;
    -webkit-transform: translateZ(0);
    z-index: 9999;
    display: none;
    a {
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        display: block;
        font: 34px/34px FontAwesome;
        color: @global-color;

        >span:before {
            content: "\f0aa";
        }
        &:hover,
        &:focus,
        &:active {
            color: @text-color;
            text-decoration: none;
        }
    }
}

.tm_facebook_page_plugin,
.twitter {
    margin-bottom: @line-height-base*2;
}

.t3-footer {
    .map-container,
    .content-container {
        width: 50%;
        float: left;
    }
}