/*
 Theme Name:   Human Trafficking Blog
 Theme URI:    #
 Description:  Human Trafficking Blog Theme
 Author:       Billy Patel
 Author URI:   #
 Template:     bhari
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  bhari-child
*/

body {
    font-family: 'Titillium Web', sans-serif !important;
}
.main-navigation {
    background: #1abc9c !important;
}
.main-navigation .current-menu-item a, .main-navigation a:focus, .main-navigation a:hover {
    background-color: #000;
}
@media screen and (min-width: 768px) {
	.main-navigation {
	    text-align: left !important;
	}	
}
.site-footer {
	background:#000 !important;
	color:white;
}
.site-footer a {
	color:#1abc9c !important;
}
.main-navigation a {
    font-weight:bold;
}
.logo h1 {
    font-size: 40px;    
	font-weight: 400;
	margin: 40px 0;
	line-height: 44px;
	font-family: 'Titillium Web';
	/*margin: 60px 0px 20px 0px;*/
}
.logo h1 a {
    /*color: #999;*/
	color:#666666;	
}
.logo h1 a:hover {text-decoration: none;opacity: .7}
.logo h1 a span {
    color: #1abc9c;
}
.header-title-map {
    background: url(/front/img/map-desktop.png) no-repeat 96% center;
    border-right: 10px solid transparent;
    padding-left:23px;
    padding-right:23px;
}
.shopping-item {
    border: 1px solid #ddd;
    float: right;
    font-size: 18px;
    margin-top: 15px;
    padding: 10px;
    position: absolute;
    top: 50px;
    right: 7px;
}
#menu-item-11 a {
	background:#000 !important;
}
#primary-menu li a {
    font-family: "Roboto Condensed",sans-serif;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .layout-content-sidebar #secondary-left, .layout-content-sidebar #secondary-right {
        width: 25% !important;
    }
}
@media screen and (min-width: 768px) {
    .layout-content-sidebar #primary {
        width: 75% !important;
    }
}
.site-header {
     padding: 0 !important; 
}
.header-title-map:after {
    display:none !important;
}
button, input[type=button], input[type=reset], input[type=submit] {
    border-color: #1abc9c;
    background: #1abc9c !important;
    color: #fff;
}
aside .widget-title, .entry-title, .entry-title a,#content a {
    color: #1abc9c !important;   
}
img.avatar {
    display:none;
}
.single .entry-header {
    text-align: left !important;
}
.site-content {
    margin: 0em auto !important;
}
@media screen and (max-width: 768px) {
    .logo h1 a {
        font-size: 30px !important;
    }
}
@media only screen and (max-width: 767px) {
    .logo h1 {
        font-size: 30px;
        margin: 28px 0;
        text-align: center;
        width:90vw;
    }    
    .shopping-item {
        float: none;
        margin-bottom: 20px;
        margin-top: 5px;
        text-align: center;
        background: white;
        position: inherit;
    }
    .header-title-map {
        background-image: url('/front/img/map-faded.png') !important;
        background-position: center center !important;
    }    
    header > .site-content {
        height: 250px !important;
    }
}