/*
Theme Name:  TheBlogger Child
Theme URI:   http://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [TheBlogger Theme] in this child theme.
Author:      Pixelwars
Author URI:  http://themeforest.net/user/pixelwars
Version:     1.9.3
Template:    theblogger
Tags:        blog
Text Domain: theblogger-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

html .site-footer a.social-link {
    background: none;
    color: #fff;
}

.site-footer {
    color: #fff;
}

.site-footer a:hover {
    color: #D2AB74;
}

.widget-title {
    font-family: 'Lato' !important;
	font-weight: bold;
}

.widget-area .widget.widget_text {
	margin: 0;
}

.widget-area .selectionShareable {
	margin-block-start: 0em;
    margin-block-end: 0em;
}



@media (max-width: 992px) {
	html.is-menu-toggled-on .header-wrap-inner {
		display: flex;
		flex-direction: column-reverse;
	}
	
    .header-wrap-inner .site-navigation {
        vertical-align: middle;
        display: inline-block;
        width: 10%;
    }
	
	html.is-menu-toggled-on .header-wrap-inner .site-navigation {
    	display: block;
    	width: auto;
    	vertical-align: baseline;
    }

    .header-wrap-inner .site-branding {
        display: inline-block;
        width: 90%;
    }    
}

@media (min-width: 993px) and (max-width: 1500px) {
    .header-wrap-inner {
        display: flex;
        flex-direction: column-reverse;
    }
}

.header-wrap-inner #site-navigation .nav-menu ul>li>a:hover {
    color: #000;
}

.header-wrap-inner #site-navigation .nav-menu ul>li>a:before, .header-wrap-inner #site-navigation .nav-menu ul>li>a:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 100ms ease;
    background-color: #212121;
}

.header-wrap-inner #site-navigation .nav-menu ul>li>a:hover:before, .header-wrap-inner #site-navigation .nav-menu ul>li>a:hover:after {
    opacity: 1;
}

.header-wrap-inner #site-navigation .nav-menu ul>li>a:before {
    top: 8px;
}

.header-wrap-inner #site-navigation .nav-menu ul>li>a:after {
    bottom: 8px;
}

.site-header.clone.smaller .site-branding {
    padding: 20px;
}

.site-header .site-branding {
    padding-bottom: 10px;
}

@media screen and (min-width: 992px){
	.is-header-row .nav-menu {
    	padding-right: 0;
	}
}

@media screen and (min-width: 992px) {
	.nav-menu ul li {
		margin: 0 4px;
	}
}

@media screen and (min-width: 992px) {
	.is-header-row .header-wrap {
    	padding: 25px 0;
	}
}

@media (min-width: 992px) {
	#masthead .header-wrap #site-navigation .layout-medium {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}



@media (min-width: 1500px) {
	#masthead .header-wrap .header-wrap-inner {
		display: flex;
		flex-direction: row-reverse;
	}
	
	#masthead .header-wrap .header-wrap-inner .site-branding {
		margin-left: 0px;
	}
	
	#masthead .header-wrap #site-navigation .layout-medium {
    	justify-content: flex-end;
	}
}

@media (min-width: 992px) {
	#masthead .header-wrap .site-navigation {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}