/* Adds styling for mobile version */

/**
 * 1.0 Header
 * 2.0 Content
 * 2.1 Sidebar
 * 3.0 iAdMe Ad
 */

/** 1.0 Header
 */
.site-header .fa-users {
	display: none;
}

.header_tbp_and_login {
	max-width: 640px;
    width: 100%;
    height: 120px;
    overflow: hidden;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
}

.public_id {
	position: absolute; top: 100px; right: 0; color: #ffffff;
}


/** 3.0 iAdMe Ad
 */
.single-bcd_ad {
	background-attachment: fixed !important; 
	background-size: cover !important;
}

.iadme_ad_nav li a {
	width: auto;
	height: auto;
	background: none;
	color: #fff;
}

.iadme_ad_nav li {
	vertical-align: top;
}

.iadme_ad_nav li:hover > a,
.iadme_ad_nav li a:hover {
	background: none !important;
	color: #fff;
}
		

.iadme_nav_item {
	display: inline-table;
    margin: 0 3px;
    padding: 5px;
    border: #2e3e3e solid 1px;
    border-radius: 5px;
	vertical-align: top;
}

.bcdtbp_comments_flag {
	position: absolute; margin: -90px 10px 0 45px; border-radius: 10px; line-height: normal; width: 50px; color: #ffffff; text-align: center; font-size: 18px; font-weight: bold; 
	height: 50px; background: #303030; box-shadow: 3px 3px 3px #000000;
}

/** User submenu **/
.iadme-user-submenu li { display: inline-block; list-style: none; }
.iadme-user-submenu li a { color: #fff; }
.iadme-user-submenu li.current-menu-item a { color: #a3a3a3; }


@media screen and (max-width: 980px) {
		
	.site-header .home-link	{
		max-width: 100%;
	}
	
	.site-header .sidebar-container {
		display: none !important;
	}
	
	.site-header,
	.site-header a {
		text-shadow: 1px 1px 1px #000;
	}
	
	.public_id {
		background: #333;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		padding: 5px;
	}
	
	.toggled-on .sidebar-container,
	.toggled-on .sidebar-container .widget {
		display: block !important;
		height: auto !important;
	}

	.toggled-on .sidebar-container .widget {
		width: 100%;
		max-width: 100% !important;
		background: #333;
		border-bottom: #eee solid 1px;
		float: none;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.site-header .fa-users {
		padding: 12px 0 12px 20px;
		text-align: center;
		display: block;
		color: #fff;
		width: auto;
		vertical-align: top;
		max-width: 100%;
	}
	
	.header_tbp_and_login,
	.toggled-on #sidebar-header,
	.navbar {
		height: auto;
		display: block;
		max-width: 99%;
		width: 99%;
		margin: 0 auto;
	}

	.fa-users:after {
		content: "\f502";
		font: normal 16px/1 Genericons;
		padding-left: 8px;
		vertical-align: -4px;
		font-size: 120%;
	}
	
	.fa-users:before {
		font-size: 120%;
	}
	
	.toggled-on .fa-users:after {
		content: "\f500";
		vertical-align: 2px;
	}
	
	.main-navigation {
		text-align: center;
	}
	
	
	/* Small menu */
	.menu-main-container {
		width: 99%;
	}
	
	.menu-toggle {
		cursor: pointer;
		display: inline-block !important;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
		color: #fff !important;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		background-image: none;
		background-color: #eaeaea;
	}
	
	.nav-menu li a,
	.nav-menu li a:hover,
	.nav-menu .current_page_item > a, 
	.nav-menu .current-menu-item > a,
	.nav-menu .current_page_item > a:hover, 
	.nav-menu .current-menu-item > a:hover	{
		background: none;
	}
	
	.nav-menu li a {
		width: 99%;
		vertical-align: middle;
		text-align: left;
	}
	
	.nav-menu div {
		display: none;
	}

	.toggled-on li a{
		color: #fff;
	}
	
	.toggled-on li,
	.toggled-on .children {
		display: block;
		padding: 10px;
	}

	.toggled-on .nav-menu li > ul {
		background-color: #fff;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	/** 2.0 Content
	 */
	.entry-content-inside {
		max-width: 100%;
		overflow: scroll;
	}
	
	/** 2.1 Sidebar
	 */
	.site-main .sidebar-container,
	.sidebar .entry-content {
		float: none;
		width: 99%;
		max-width: 99%;
		padding: 0;
	}
	
	/** 3.0 iAdMe Ad
	 */
	.single-bcd_ad {
		background-size: cover;
		background-repeat: repeat;
	}
	
	.bcdtbp_ad_view_inner_header_left,
	.bcdtbp_ad_view_inner_header_right,
	.bcdtbp_ad_view_info {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		text-align: center;
	}

	.iadme_ad_nav {
		display: none;
	}
	
	.iadme_ad_nav li a {
		width: auto;
	}

	.toggled-on .nav-menu {
		background: #333;
	}
	
	.bcdtbp_ad_view_inner_nav .menu-ad-container,
	.iadme_ad_nav .iadme_nav_item,
	.iadme_ad_nav div {
		display: block;
		width: 90%;
		margin: 5px auto;
		text-align: left;
	}

	.bcdtbp_comments_flag {
		right: 0;
		margin-top: -150px;
		z-index: 999;
	}
	
	.bcd_ad_bottom_tabs {
		text-align: center;
	}
	
}