/*
Theme Name: Open Coventry
Description: Open Coventry Theme
Author: Pgogy Webstuff
Author URI: http://pgogywebstuff.com/
Template: Touch
Version: 0.1
*/

@import url("../Touch/style.css");

#header-apps:hover, 
#header-twitter:hover {
	color: rgba(0,0,0,0.55);
}

.menu-apps-index:hover{
	background: url(images/icon-apps.png) #3E4141 no-repeat center -63px;
}

.menu-twitter-index:hover{
	background: url(images/icon-hash.png) #3E4141 no-repeat center -63px;
}

#header-apps, 
#header-twitter	{
	font-size: 21px;
	cursor: pointer;
	color: rgba(0,0,0,0.25);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

.menu-twitter-index{
	background: url(images/icon-hash.png) no-repeat center 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 240dpi)
.menu-apps {
min-height: 51px;
background-size: 23px 100px !important;
background: url(images/icon-search@2x.png) no-repeat center 16px;
}

.menu-apps{
	min-height: 51px;
	background: url(images/icon-apps.png) no-repeat center 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 240dpi)
.menu-twitter {
min-height: 51px;
background-size: 23px 100px !important;
background: url(images/icon-search@2x.png) no-repeat center 16px;
}

.menu-twitter{
	min-height: 51px;
	background: url(images/icon-hash.png) no-repeat center 16px;
}

.menu-twitter,
.menu-apps{
	min-width: 50px;
	cursor: pointer;
	text-align: center;
	font-size: 10px;
	color: #CFCFCF;
	font-family: 'Montserrat',arial,tahoma,verdana;
	font-weight: 700;
}

.menu-apps-index{
	background: url(images/icon-apps.png) no-repeat center 16px;
}

.menu-apps-index,
.menu-twitter-index{
	margin: 0;
	padding: 45px 0 14px 0;
	min-width: 50px;
	cursor: pointer;
	text-align: center;
	font-size: 10px;
	color: #CFCFCF;
	font-family: 'Montserrat',arial,tahoma,verdana;
	font-weight: 700;
}

#header-twitter-wrapper-index .wrapper{
	height: 100px;
}

#header-apps-wrapper-index .wrapper{
	height: 100px;
}

#header-apps-wrapper-index .wrapper,
#header-apps-wrapper .wrapper,
#header-twitter-wrapper-index .wrapper,
#header-twitter-wrapper .wrapper{
	opacity: 0;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	margin: -72px 0 0 0;
	background-color: #fff;
	z-index: 9999;
	overflow: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

#header-twitter-wrapper .wrapper #tweet_text{
	height: 30px;
}

.wrapper-content{
	margin-left:10px;
	text-align: center;
	font-size: 10px;
	color: #CFCFCF;
	font-family: 'Montserrat',arial,tahoma,verdana;
	font-weight: 700;
}

.wrapper-content button{
	text-align: center;
	font-size: 10px;
	padding: 5px;
	color: #CFCFCF;
	font-family: 'Montserrat',arial,tahoma,verdana;
	font-weight: 700;
	background:#fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:1px solid #aaa;
	cursor: pointer;
}

.wrapper-content p{
	margin:3px;
	padding:0px;
}

#header-apps-wrapper-index #apps-close:hover
#header-twitter-wrapper-index #twitter-close:hover{
	opacity: .45;
}

#header-apps-wrapper-index #apps-close,
#header-apps-wrapper #apps-close,
#header-twitter-wrapper-index #twitter-close,
#header-twitter-wrapper #twitter-close {
	opacity: .20;
	position: absolute;
	top: 14px;
	right: 0;
	width: 55px;
	height: 46px;
	cursor: pointer;
	background: url(images/searchform-close.png) no-repeat center center;
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	-o-transition: all .20s ease;
	-ms-transition: all .20s ease;
	transition: all .20s ease;
}

#header-apps-wrapper .wrapper {
	opacity: 0;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	height: 51px;
	margin: 0;
	background-color: #fff;
	z-index: 9999;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

#header-twitter-wrapper .wrapper {
	opacity: 0;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	height: 100px;
	margin: 0;
	background-color: #fff;
	z-index: 9999;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}