/**
 * Business Casual - theme class
 * 
 * Business Casual is a full website template for Bootstrap 3. It features four different HTML pages and a number of custom style components.
 * 
 * @copyright 2016 SCHLIX Web Inc
 *
 * @license MIT
 *
 * @package businesscasual
 * @version 1.0
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */

/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url('../images/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
    background: rgba(255,255,255,0.9);
}

footer p {
    margin: 0;
    padding: 50px 0;
}

@media screen and (min-width:768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 12px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.frontpage-body-text h1 {text-align:center}
.box.breadcrumb-box {padding:0 !important}

.box.breadcrumb-box > div.breadcrumb-container > ul.breadcrumb {background: none;margin:0}

.box.breadcrumb-box > div.breadcrumb-container > ul.breadcrumb > li {background:none;font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:30px}

/********* Custom **************/
/**
 * Blank Bootstrap 3 - theme class
 * 
 * Blank Bootstrap 3 template
 * 
 * @copyright 2016 SCHLIX Web Inc
 *
 * @license MIT
 *
 * @package blankbootstrap3
 * @version 3.3.7
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */
.navbar-no-margin-bottom {margin-bottom:0}
#bottom {background-color:#333333;color:white}
footer {background-color:#999999;color:white}
.copyright {padding:1em 0}
img {max-width:100%}

/********************** Custom ******************/
/****************************************************/
/* Colour scheme #968C8B, #673916, #F0ECEB,  #FAFAFC */
/****************************************************/
.bg-color1 {background-color: #968C8B;color: #FAFAFC}
.bg-color2 {background-color: #673916;color:#F0ECEB}
.bg-color3 {background-color: #F0ECEB;color:#968C8B}
.bg-color4 {background-color:  #FAFAFC;color:#673916}

/********************/
/* Horizontal Ruler */
/********************/

hr.submenu_divider {margin:5px 0}

/************************/
/* Page Display Wrapper */
/************************/
html > body > div.container > div.row > div.box > div.col-md-12 > section#display-frontpage > div#app-landing-category-1.app-page-category.app-landing > div#recent-blog-posts.landing-item > div.text > div.text-center.recent-blog-posts > div.container {max-width:1110px;padding:0 !important; margin:0 !important}
html > body > div.container > div.row > div.box > div.col-md-12 > section#display-frontpage > div#app-landing-category-1.app-page-category.app-landing > div#recent-blog-posts.landing-item > div.text > div.front_extra_row1 > div.container > div.row >  .frontpage-latestblog {margin:0;padding:0}
section#display-frontpage {margin-top: 0px;padding-top:0px;margin-bottom:0;padding-bottom:0} 
.frontpage-latestblog > div.row > div.intro-text {max-width:200px}
/**********/
/* Navbar */
/**********/

.frontpage-navbar-wrapper{ position:absolute;  top:0;  right:0;  left:0;  z-index:20}
.navbar-default {}

.body-frontpage .navbar-default
{
  background: transparent;
}

@media (max-width: 767px) {
    .body-frontpage .navbar-default
    {
      background: white !important;
    }
}

.navbar-default .navbar-nav > li.active > a, 
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    color: #968C8B;
    background: #F0ECEB !important;
    opacity: 0.8;
}
/*************************/
/* Landing Pages Styling */
/*************************/


.text-above-about-us-background {position: relative;z-index: 100;padding: 20px;background: rgb(34,34,34);background: rgba(34,34,34,0.75);    color:white;}

.section-testimonials {text-align:center;font-size:small;padding-bottom:4em;padding-top:1em}
.section-about-theme {padding-bottom: 4em;padding-top:1em}
h2.section-heading {color: #FAFAFC;font-size:30px;margin-bottom:1em}
img.review-person {border-radius: 50%}

h5.section-subheading {color:lightslategray}
p.section-subheading {color:maroon;text-transform:uppercase}
.section-about-us {background-color:#101010;color:white;background: url("../../../../../system/images/demo/team_meeting_1.jpg") no-repeat;background-position: center;background-size: cover;color:black;}
.text-above-about-us-background p {color:#FEFEFE}
.section-about-us h2 {padding-top:0 !important;color:white}
 /******************/
/* Articles/Blog  */
/******************/

.app-page-main.grid-mode.app-blog  div.main.items.row > section.child-item h2.item.title {font-size:17px}

.app-blog > .main.items > section.child-item {border-top:1px solid #ABABAB;border-bottom:1px solid #ABABAB;}

.app-blog > .main.items > section.child-item {color:#666666;}

div.article-meta-created-by {border-top:1px dotted #999999;padding-top:10px}
img#avatar,
img.user-article-avatar {border-radius: 50%}

.article-item-category,
.article-item-tag {margin-right:1em;background-color:#FEFEFE}

.article-item-tags,
.article-item-categories {margin-top:1em;margin-bottom:1em}

/*************/
/* Frontpage */
/*************/
.body-frontpage {padding-top:0}


.row-flex {display:flex}
.featurette {font-size:small;margin:0  !important;padding:0 !important}
.featurette > div {padding-top:2em;padding-bottom:2em}

.jumbotron p {font-size:14px}
.recent-blog-posts {background-color:#968C8B;padding:0;margin:0}

.frontpage-latestblog .intro-text {font-size:12px;overflow:hidden}
.frontpage-latestblog .intro-title {font-size:16px;padding-bottom:0 !important;margin-bottom:0 !important;line-height:1 !important;font-weight:bold;}
.frontpage-latestblog .intro-date {font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.frontpage-latestblog-category-title {font-weight:bold;text-transform: uppercase;letter-spacing: 5px}

.frontpage-latestblog a i {font-size:16px}
.front_extra_row1 {}
.front_extra_row2 {}
.front_extra_row3 {}

.front_extra_row1 a,
.front_extra_row2 a,
.front_extra_row3 a {color:#968C8B}

/********************/
/*   Social media   */
/********************/
ul.social-footer,
ul.social-footer li{list-style:none;margin:0;padding:0}
/**********/
/* Footer */
/**********/
.footer{ background:none repeat scroll 0 0 #2E2E2E;   height:84px;  margin-top:110px;}
.footer_left{ padding:10px}

#footer{ padding-top:30px;  padding-bottom:30px;  color:white;  background: #FAFAFC}
#footer a{ color:#fff}
#footer a:hover{ color:#c52d2f}
#footer ul{ list-style:none;  padding:0;  margin:0}
#footer ul >li{ display:inline-block;  margin-left:15px}

/*************/
/*   Bottom  */
/*************/

#bottom{ background:#968C8B; border-top:5px solid #673916;  border-bottom:5px solid #F0ECEB;  font-size:14px;margin:0;}
#bottom h3{ margin-top:0;  margin-bottom:10px;  text-transform:uppercase;  font-size:22px;  color:#000}
#bottom ul{ list-style:none;  padding:0;  margin:0}
#bottom ul li{ display:block;  padding:5px 0}
#bottom ul li a{ color:#808080}
#bottom ul li a:hover{ color:#c52d2f}


/**********************/
/* Blog Category Tree */
/**********************/

ul.nested-category-list {font-family: 'Montserrat', sans-serif;padding:0;}
ul.nested-category-list ul {padding-left: 0.1em;}
ul.nested-category-list li {list-style:none;padding-left: 1.3em;    }
ul.nested-category-list li a{padding:5px 0;    display:block;    }
ul.nested-category-list li ul li {color: blue;}

ul.nested-category-list li a:before {content: "\f054";font-family: FontAwesome;display: inline-block;margin-left: -1.3em;width: 1.3em;}


/**********/
/* Header */
/**********/

.header {position: relative;}

.header-normal .navbar-default {background: #FAFAFC !important;}

.header-frontpage {min-height:630px;position:relative}
/*****************************************/
/* A. Default options - responsive image */
/*****************************************/
.samplemagazine-logo {height:100px}

img {max-width:100%}
.lead{ font-size:16px;  line-height:24px;  font-weight:400}
body >section{ padding:0.5em 0}

.center{ text-align:center;  padding-bottom:55px}


.transparent-bg{ background-color:transparent !important;  margin-bottom:0}

/**************************/
/* B. SCHLIX Notification */
/**************************/
.schlix-notification-icon{}

.schlix-notification-container{ position:fixed;  z-index:99999;  right:5px;  top:50px}

.schlix-notification-box{ cursor:pointer;  padding:12px;  margin:0 0 6px 0;  background-color:black;  opacity:0.7;  color:white;  font:normal 13px 'Open Sans','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;  border-radius:3px;  box-shadow:#999 0 0 12px;  width:300px}

.schlix-notification-box:hover{ opacity:1;  box-shadow:#000 0 0 12px}
.schlix-notification-message{ color:white}

.schlix-notification-title{ color:white}

/***************************************************/
/* C. Article meta - date created, created by, etc */
/***************************************************/
div.meta.before-article {font-size:small}
address.article-meta-created-by,
address.article-meta-modified-by,
time {display:inline-block}

time.article-meta-date-created,
time.article-meta-date-modified,
address.article-meta-created-by,
address.article-meta-modified-by{margin-right:1em}

hr.article-separator { padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; } hr.article-separator:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; }


/******************/
/* D. Blog Margin */
/******************/

#app-blog-main.mainpage.app-blog > article.item{margin-bottom:10px; border-bottom:1px solid #999999}
 

/*****************/
/* D. Responsive */
/*****************/

@media (min-width:768px){ 
}

@media (min-width:992px){
}

@media (max-width:767px){ 
}

@media (max-width:991px){
}