/* mobile blogs css */
/* index stuff */
.blogs_page {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	position: relative;
	top: 0vw;
	clear: both;
	background-color: transparent;
	overflow-x: hidden;
	display: block;
	overflow: auto;
	z-index: 999;
	min-height: 20vw;
}

.blogs_page_background {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100vw;
}

	.blogs_page_background img {
		width: 100vw;
	}

.blog {
	display: block;
}

.blogs_bloginvis {
	z-index: 1;
	visibility: hidden;
}

.blog_topline {
	margin: auto;
	width: 40vw;
	height: 4vh;
	position: relative;
	top: -28vw;
}

.blog_selectddl {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: auto;
	left: 0px;
	width: 40vw;
}


.customDDL {
	width: 40vw;
	border: none;
}

.k-dropdown {
	background-color: #fff !important;
	width: 40vw !important;
}

.k-dropdown-wrap {
	background-color: #fff !important;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
	box-shadow: none !important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-state-selected.k-draghandle:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-state-selected.k-today, .k-marquee-color {
	background-color: #fff;
	border-color: #cdcdcd;
	color: #282828;
}

.k-dropdown-wrap.k-state-default {
	background-color: #fff;
	color: #282828;
	border-radius: 0px !important;
	box-shadow: none !important;
}

#listBlogs.k-widget.k-listview {
	border: none !important;
}


[data-role="popup"] {
	background-color: #fff !important;
	border-color: #cdcdcd !important;
}

	[data-role="popup"] ul li[class="k-item k-state-hover"], [data-role="popup"] ul li[class="k-item k-state-selected k-state-focused"] {
		border-radius: 0px;
		background-color: #eaeaea !important;
		color: #2e2e2e !important;
		border-color: #eaeaea !important;
		box-shadow: none !important;
	}

.k-list-optionlabel.k-state-selected.k-state-focused {
	/* this is the label at the top of the ddl immediately befor the options*/
	background-color: #fff;
	color: #282828;
}

.blogs_blogvis {
	visibility: visible;
	position: relative;
	top: -25vw;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow-y:visible;
	background-color: transparent;
}

.blogs_blog_container {
	position: relative;
	top: 5vw;
	left:-1vw;
	margin-bottom:5vw;
	width: 82vw;
	height: 70vw;
	float: left;
	border-radius:3vw;
	border: solid 0.5vw #efefef;
	background-color:#fff;
}

.blogs_blog {
	float: left;
	position: relative;
	top: 0px;
	width: 80vw;
	height: 70vw;
	margin: 0px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	border: solid 1vw #fff;
	border-radius: 3vw;
}


.blogs_blog_extra {
	float: left;
	position: relative;
	top: 10px;
	width: 80vw;
	height: 14vw;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}

.showblogcontainer {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;
	float: right;
	position: relative;
	width: 80vw;
	height: 70vw;
	margin: 0px 0px 0px 0px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	background-color: transparent;
	border-radius: 3vw;
}

	.showblogcontainer img {
		width: 80vw;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		border-radius: 3vw;
		background-color: #fff;
	}

.blogs_hoverimgblog {
	position: absolute;
	top: 0px;
	left: 0%;
	overflow: hidden;
	width: 80vw;
	height: 49vw;
	background-color: rgba(0,0,0,0.33);
	border-radius: 3vw;
}

.blogs_text {
	position: relative;
	top: 52vw;
	left: 0%;
	overflow: hidden;
	width: 80vw;
	height: 14vw;
	background-color: #fff;
	color: #000;
	font-weight:bold;
}

.blogs_blog_img_container {
	width: 78vw;
	height: 30vw;
	position: absolute;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.blogs_blog_extra {
	position: relative;
	top: 18vw;
	left: 2vw;
	width: 80vw;
	color: #d62128;
	font-size: 3vw;
	text-transform: uppercase;
	text-align: left;
}

.blogs_blog_text_container {
	font-family: "Avenir Next Regular";
	color: #fff;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
}


.k-pager-wrap {
	background-repeat: repeat;
	background-position: 0 center;
}

.blogs_blogs_show {
	width: 80vw;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) {

	.blogs_blog_text_container {
		font-size: 1.5vw;
	}


	.blogs_footer_input_email {
		position: relative;
		top: 30px;
		left: 0px;
	}

	.blogs_footer_input_btn {
		left: 295px;
	}

	.blogs_footer_input_inf_btn {
		left: 400px;
	}
}
/* end of index stuff */