/*
Template: 031 - Energizer
Author: Mysiteshop.com
*/

body {
    color: #4c4c4c;
    font: 400 14px/21px 'Oxygen', sans-serif;
}

a {
    color: #A3BD47;
}
a:hover {    
    color: #849A37;
    text-decoration: none;
}
a:focus {
    outline: 0;
}

p {
    margin: 0 0 20px;
}
ul, 
ol {
    margin: 0 0 20px 40px;
}
li {
    margin: 0 0 10px;
}

/* -----------------------------------------------
    Typography
----------------------------------------------- */

h1 {
    margin: 20px auto 40px;
    border-bottom: 1px solid #c4c4c4;
    font: 300 48px/96px 'Oxygen', sans-serif;
}
h2 {
    font: 300 32px/48px 'Oxygen', sans-serif;
}
h3 {
    font: 300 24px/32px 'Oxygen', sans-serif;
}
h4 {
    font: 300 18px/24px 'Oxygen', sans-serif;
}
h5 {
    font: 700 14px/21px 'Oxygen', sans-serif;
}    
h6 {
    font: 700 12px/21px 'Oxygen', sans-serif;
}

/* -----------------------------------------------
    Form
----------------------------------------------- */

form.contact textarea,
form.contact input[type="text"],
form.contact input[type="email"] {
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
form.contact textarea:focus,
form.contact input[type="text"]:focus,
form.contact input[type="email"]:focus {
  border-color: rgba(127, 127, 127, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 1px 1px rgba(0,0,0,.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 1px 1px rgba(0,0,0,.075);
}

/* -----------------------------------------------
    Buttons
----------------------------------------------- */

form.contact .btn {
    border-radius: 1px;
}
form.contact .btn-primary {
    padding: 8px 12px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #A3BD47;
    background-image: -moz-linear-gradient(top, #A3BD47, #849A37);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A3BD47), to(#849A37));
    background-image: -webkit-linear-gradient(top, #A3BD47, #849A37);
    background-image: -o-linear-gradient(top, #A3BD47, #849A37);
    background-image: linear-gradient(to bottom, #A3BD47, #849A37);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04B561', endColorstr='#ff038346', GradientType=0);
    border-color: #849A37 #849A37 #A3BD47;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
form.contact .btn-primary:hover,
form.contact .btn-primary:focus,
form.contact .btn-primary:active {
  color: #ffffff;
  background-color: #849A37;
}

/* -----------------------------------------------
    Navbar
----------------------------------------------- */

.mss-brand img {
    height: 36px;
}

.mss-navbar-fixed-top {
    top: 50px;
    z-index: 1;
}

.mss-navbar-inverse .mss-navbar-inner {
    background-color:#1E1E28;
    background-image:-moz-linear-gradient(top, #222222, #111111);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image:-webkit-linear-gradient(top, #222222, #111111);
    background-image:-o-linear-gradient(top, #222222, #111111);
    background-image:linear-gradient(to bottom, #222222, #111111);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
    border-color:#252525;
}

.mss-navbar.mss-navbar-fixed-top .mss-nav {
    float: right;
}
.mss-navbar.mss-navbar-fixed-top .mss-nav > li {
    margin: 0;
    line-height: 36px;
}
.mss-navbar .mss-nav > li > a {
    font-size: 16px;
}
.mss-navbar-inverse .mss-brand, 
.mss-navbar-inverse .mss-nav > li > a {
    color: #c4c4c4;
    font-weight: 400;
}

.mss-navbar .mss-btn {
    margin: 10px 10px 0 10px;
}

.mss-navbar .mss-nav .mss-dropdown-toggle .mss-caret {
    float: right;
    margin: 18px 0 0 6px;
}

/* Dropdown menu
----------------------------------------------- */

.mss-dropdown-menu {
    padding: 5px 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.mss-dropdown-menu > li {
    margin: 0 0 5px;
}
.mss-dropdown-menu > li:last-child {
    margin: 0;
}
.mss-dropdown-menu > li > a {
    padding: 3px 20px;
    line-height: 20px;
    color: #333;
}
.mss-dropdown-menu > li > a:hover,
.mss-dropdown-menu > li > a:focus,
.mss-dropdown-submenu:hover > a,
.mss-dropdown-submenu:focus > a {
    color: #fff;
    background-color: #a3bd47;
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3bd47',endColorstr='#ffa3bd47',GradientType=0);
}
.mss-dropdown-menu > .active > a,
.mss-dropdown-menu > .active > a:hover,
.mss-dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #a3bd47;
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3bd47',endColorstr='#ffa3bd47',GradientType=0);
}

.mss-navbar .mss-nav > li > .mss-dropdown-menu:before {
    display: none;
}
.mss-navbar .mss-nav > li > .mss-dropdown-menu:after {
    display: none;
}

/*------------------------------------------------
    Sections
----------------------------------------------- */

/*
    Boxed Text
----------------------------------------------- */

.mss-boxed-text {
    display: block;
    padding: 8px;
    border: 1px solid #c4c4c4;
}
.mss-boxed-text span {
    font: 300 24px/32px 'Oxygen', sans-serif;
}

/*
    Sections Basics
----------------------------------------------- */

.mss-section > .container > .row {
    padding-bottom: 40px;
}
.mss-section > .container > .row:first-child {
    padding-top: 40px;
}

/*
    Section One
----------------------------------------------- */

.mss-section.mss-one {
    position: relative;
    height: 550px;
}
.mss-section.mss-one.mss-cover-mini {
    height: 160px;
}

/*
    Section Two
----------------------------------------------- */

.mss-section.mss-two {
    position: relative;
}
.mss-section.mss-two a > img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    filter: alpha(opacity=80); /* IE 5-7 */
    opacity: 0.8;
    transition: all 0.5s ease 0s;
}
.mss-section.mss-two a:hover > img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
    filter: alpha(opacity=100); /* IE 5-7 */
    opacity: 1;
}

/* -----------------------------------
    Catalog
------------------------------------*/

.mss-catalog-item {
    width: 30%;
    margin: 0 3% 20px 0;
    float: left;
    min-height: 1px;
}
.mss-catalog-item:nth-child(3n+4) {
    clear: both;
}

/* -----------------------------------
    Lists
------------------------------------*/

.mss-sidebar .mss-list li a span {
    color: #4c4c4c;
}

/* mss-list-9grid-3item */

.mss-list-9grid-3item {
    margin: 0 0 30px;
}
.mss-list-9grid-3item ul.inline {
    /* display: inline-block; */
}
.mss-list-9grid-3item ul.inline > li {
    float: left;
    width: 32%;
    min-height: 1px;
    margin: 0 0 15px 2%;
    padding: 0;
}
.mss-list-9grid-3item ul.inline > li:nth-child(3n+1) {
    clear: left;
}
.mss-list-9grid-3item ul.inline > li:nth-child(3n-2) {
    margin: 0 0 15px 0;
}

/* mss-list-12grid-4item */

.mss-list-12grid-4item {
    margin: 0 0 30px;
}
.mss-list-12grid-4item ul.inline {
    /* display: inline-block; */
}
.mss-list-12grid-4item ul.inline > li {
    float: left;
    width: 23.5%;
    min-height: 1px;
    margin: 0 0 15px 2%;
    padding: 0;
}
.mss-list-12grid-4item ul.inline > li:nth-child(4n+1) {
    clear: left;
}
.mss-list-12grid-3item ul.inline > li:nth-child(4n-3) {
    margin: 0 0 15px 0;
}

/* -----------------------------------
    Image cover
------------------------------------*/

.mss-gallery > ul {
    list-style: none;
    display: table;
    margin: 0 0 20px;
    padding: 0;
}
.mss-gallery > ul > li {
    padding: 0 1px 1px 0;
    margin: 0;
    width: 25%;
    height: auto;
    float: left;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
.mss-gallery > ul > li > a {
    display: block;
}

.mss-image-cover {

    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    height: 550px;
    margin-left: -50%;
    margin-top: 0;
    overflow: hidden;
}
.mss-image-cover img {

    display: block;
    width: 100%;
    height: auto;
}
.mss-section.mss-one.mss-cover-mini .mss-image-cover {
    height: 160px;
}


/*------------------------------------------------
    Footer
----------------------------------------------- */

footer {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #1E1E28;
    color: #fff;
}
footer h4 {
    color: #849A37;
}
footer a:hover {
    color: #849A37;
    text-decoration: none;
}


/*------------------------------------------------
    Editor mode
----------------------------------------------- */

.mss-section.mss-two .row-fluid > .row {
    margin-left: 0;
    padding-bottom: 40px;
}


/*------------------------------------------------
    Media Queries
----------------------------------------------- */

/*
    Large desktop
----------------------------------------------- */

@media (min-width: 1200px) {

    .mss-section.mss-one {
        height: 700px;
    }
    .mss-image-cover {
        height: 700px;
    }

}
 
/*
    Portrait tablet to landscape and desktop
----------------------------------------------- */

@media (min-width: 768px) and (max-width: 979px) {

    /* Navbar */
    
    .mss-navbar .mss-brand {
        margin: 0;
        max-height: 50px;
    }
    .mss-navbar-fixed-top {
        margin: 0;
    }
    .mss-navbar.mss-navbar-fixed-top .nav {
        float: none;
    }
    
    /* Section 1 */
    
    .mss-section.mss-one {
        height: 450px;
    }
    .mss-section.mss-one.mss-cover-mini {
        height: 100px;
    }

    
    /* Lists */
        
    .mss-list-9grid-3item ul.inline > li {
        width: 49%;
        margin: 0 0 15px 2%;
    }
    .mss-list-9grid-3item ul.inline > li:nth-child(3n+1) {
        clear: none;
    }
    .mss-list-9grid-3item ul.inline > li:nth-child(2n+1) {
        clear: none;
    }
    .mss-list-9grid-3item ul.inline > li:nth-child(3n-2) {
        margin: 0 0 15px 2%;
    }
    .mss-list-9grid-3item ul.inline > li:nth-child(2n-1) {
        margin: 0 0 15px 0;
    }
    
    /* Image cover */
        
    .mss-image-cover {
        height: 450px;
    }
    .mss-section.mss-one.mss-cover-mini .mss-image-cover {
        height: 100px;
    }

    .mss-gallery > ul > li {
        width: 33.33%;
    }
    
}
 
/*
    Landscape phone to portrait tablet
----------------------------------------------- */

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    /* Navbar */
    
    .mss-navbar .mss-brand {
        margin: 0;
        max-height: 50px;
    }
    .mss-navbar-fixed-top {
        margin: 0;
    }
    .mss-navbar.mss-navbar-fixed-top .nav {
        float: none;
    }

    
    /* Sections */
    
    .mss-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /* Section 1 */
    
    .mss-section.mss-one {
        height: 300px;
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Lists */
        
    .mss-list-9grid-3item ul.inline > li {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .mss-list-9grid-3item ul.inline > li {
        clear: left;
    }
    
    /* Image cover */
    
    .mss-image-cover {
        height: 300px;
    }

    .mss-gallery > ul > li {
        width: 50%;
    }
    
    /* Footer */
    
    footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}
 
/*
    Landscape phones and down
----------------------------------------------- */

@media (max-width: 480px) {
    
    /* Section 1 */
    
    .mss-section.mss-one {
        height: 180px;
    }
    
    /* Image cover */
    
    .mss-image-cover {
        height: 180px;
    }

    .mss-gallery > ul {
        display: block;
    }
    .mss-gallery > ul > li {
        width: 100%;
    }
}

/*
    Editor view
----------------------------------------------- */

.mss-section.mss-two .editor-focus {
    background-color: #ffffff;
}

/* 
    Fix: sub-menu link issue on mobile
----------------------------------------------- */

.dropdown-backdrop {
    position: static;
}