/*--- styles just for desktop child theme */
.banner-div {
    overflow: hidden;
    height: 11.0675rem;
}
.banner-div div > img {
    width: 100%;
    height: auto;
}

.banner-div .banner-left {
    background-color: rgba(102,0,0,.65);
    float: left;
    z-index: 500;
    min-height: 11.0675rem;
    -webkit-box-shadow: 0 5px 8px 3px rgba(30, 30, 30, 0.5);
    -moz-box-shadow: 0 5px 8px 3px rgba(30, 30, 30, 0.5);
    box-shadow: 0 5px 8px 3px rgba(30, 30, 30, 0.5);
    /* position: absolute !important;*/
    /*border: 2px solid black; */
}
.banner-div .banner-right {
    z-index: 100;
    float: left !important;
    position: relative;
    top:-11.0675em;
    background-image: url("../../images/hero.jpg");
    background-position:50% -22px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: grayscale(50%); /* Chrome, Safari, Opera */
    filter: grayscale(50%);
    height: 11.0675em;
}
.banner-div .banner-right img{
    /*min-height: 11.0675rem;*/
    bottom: 136px;
    position: relative;
}
.top-bar .title-area, .top-bar.expanded .title-area {
    background-image: url(../../images/hero.jpg);
    background-size: cover;
    -webkit-filter: grayscale(50%); /* Chrome, Safari, Opera */
    filter: grayscale(50%);
}
.top-bar .name {
    height: 125px;
    background-color: rgba(102,0,0,.15);
}
/*overides for transitions parent theme */

a {
    color: #333;
}
a:visited {
    color: #4c4c4c;
}
.header .main-header h2 {
    color: #fffffc;
}
/*.top-bar .top-bar-section ul.left li.first > a,*/ .content-section .main-content {
                                                        border-top: 1px solid #2c2c2a;
                                                    }
.top-bar {
    background: #2c2c2a;
}
.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #fffffc;
}
.top-bar-section ul li:hover > a, .top-bar .top-bar-section ul.left li a:hover {
    background: #ededed;
    color: #333333;
}
.top-bar .top-bar-section ul.left .has-dropdown > a:after{
    border: inset 5px;
    border-left-style: solid;
    border-color: transparent transparent transparent #fffffc;
}
.top-bar .top-bar-section ul.left .has-dropdown > a:hover:after{
    border: inset 5px;
    border-left-style: solid;
    border-color: transparent transparent transparent #333;
}
.top-bar-section li ul.dropdown>li>a, .top-bar-section ul li > a {
    background: #ededed;
}
.top-bar .toggle-topbar.menu-icon a {
    color: #fffffc;
}
.top-bar .toggle-topbar.menu-icon a span {
    -webkit-box-shadow: 0 10px 0 1px #fffffc, 0 16px 0 1px #fffffc, 0 22px 0 1px #fffffc;
    box-shadow: 0 10px 0 1px #fffffc, 0 16px 0 1px #fffffc, 0 22px 0 1px #fffffc;
}

.top-bar .top-bar-section ul.left .dropdown li.title {
    background: #2c2c2a;
}
.top-bar .top-bar-section ul.left .dropdown li.title h5 > a:after{
    border: inset 5px;
    border-left-style: solid;
    border-color: transparent #fffffc transparent transparent;
}
.top-bar .name {
    height: 125px;
    background-color: rgba(85, 98, 45, 0.25);
}
.row.footer {
    color: #fffffc;
    border-top-color: #55622d;
    background-color: #2c2c2a;
}
.row.footer h3 {
    color: #fffffc;
}
.row.footer a {
    color: #fffffc;
}
.row.footer a .fa-svg:before {
    background-color: #FFFFFC;
}
.row.footer a:hover {
    color: #ffffcc;
}
.row.footer a:hover .fa-svg:before {
    background-color: #FFFFCC;
}

@media only screen and (min-width: 768px){
    .header .main-header h2.header-title {
        font-size: 2.7813em;
    }
}
@media only screen and (max-width: 768px) {
    .top-bar-section ul li > a {
        color: #333;
    }
    .top-bar .top-bar-section ul.left .has-dropdown > a:after {
        border: inset 5px;
        border-left-style: solid;
        border-color: transparent transparent transparent #333333;
    }
}