/*
Theme Name: responsive-mobile-child
Theme URI: 
Template: responsive-mobile
Author: Ash
Author URI: 
Description: Child Theme based on Responsive Mobile.
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: responsive-mobile
*/

@import url("../responsive-mobile/style.css");

a:hover { text-decoration:none; }

#widgets {
	
	margin-bottom:0;
}

.content-area {
	
	min-height:350px;
}

.clearfloat, .clear, span.clearfloat, span.clear {
	
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.breadcrumb-list {
	
	float:right;
	font-size:11px;
}

/*--------------------------------------------------------------
 8.2 - Featured area
--------------------------------------------------------------*/
main #featured-content, main #featured-image {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0px 0;
}

@media (min-width: 992px) { /* ASH reset main setting */
  .home-widget {
    float: none;
    width: auto;
  }
}

@media (min-width: 760px) { /* ASH wrap home widgets */
  .home-widget {
    float: left;
    width: 33.33333%;
  }
}

/*---------------------------------------------------------*/

h1 {
	
	font-size:34px;
	font-weight:normal;
	margin:34px 0 20px 0;
	text-transform:uppercase;
}

.entry-header {
  padding-top: 14px;
}

.entry-header h1 {

	margin:45px 0 40px 0;	
}

#header {

	padding-top:10px;
	padding-bottom:10px;
	background:#e5e6e8;	
}

#header .container {
	
	width:auto;
	position:relative;
}

#logo img {

	position:relative;
	top:14px;
	left:6px;
	z-index:10000111;
	width:320px;	
	max-width:60%;
}

#wrapper {
	
	position:relative;
	overflow:hidden;
}

.content-area {
	
	padding:0;
}

main#main, #main, .full-width-page main#main {

	float:none;	
	width:70%;
	margin:0 auto;
}

main#main a:hover, #main a:hover, .full-width-page main#main a:hover {

	text-decoration:underline;
}

#main article {

	border-bottom:none;
	padding-bottom:0;	
}

.contact-us .post-entry p:nth-child(1), .contact-us .post-entry p:nth-child(2) {
	
	max-width:60%;
}

#footer {
	
	margin-top:0;
	padding:0;
	background-color:#e5e6e8;
	color:#000;
}

#footer-wrapper {
	
}

#menu-social-container {
	
	border-bottom:none;
	max-width:860px;
	margin:10px auto 0 auto;
	padding:10px 0 0 0;
}

.colophon-widget {
	
	color:#666;
	text-align:center;
	font-size:12px;
}

#telNumbers {

	padding:20px 0 0 0;
	text-align:center;	
}

#telNumbers img {

	vertical-align:middle;
	margin-bottom:12px;	
	max-width:12px;
}

#telNumbers span a, #emailAddress a {

	font-size:30px;
	margin:0 16px;
	letter-spacing:-1px;	
	color:#666;
}

#telNumbers span a:hover, #emailAddress a:hover {

	text-decoration:none;
}

#emailAddress {

	text-align:center;
	margin-bottom:14px;	
}

#footer-menu-container {
 
	width:70%;
}

#social-icons-container {
 
	width:26%;
}

#footer-menu-container .footer-menu li:after {
 
	content: '-';
	color: #666;
}

#footer-menu-container .footer-menu li a {

	color: #666;
	font-size:0.85em;
}

#footer-menu-container .footer-menu li a:hover {

	color: #222;
}

#MenuButton {

	position:absolute;
	bottom:0px;
	right:12px;	
	cursor:pointer;	
}

#MenuButton span.menuButtonText {

	margin-right:10px;
	font-size:1.2em;
	font-weight:bold;
}

#MenuButton img {

	display:none;
	max-width:30px;		
}

#AngledCoverBox {

	position:absolute;
	top:0;
	left:0;
	width:680px;
	max-width:80%;
	z-index:10000000;
}

#AngledCover {
	
	position: relative;
	width: 100%;
	height: 30px;
	overflow: hidden;
	background-color: transparent;
}

#AngledCover:before { 

	content: '';
	position: absolute;
	left: -20px;
	top: -90px;
	width: 100%; 
	height: 400%; 
	background-color:#e5e6e8;
	-webkit-transform: rotate(-16deg);
	-moz-transform: rotate(-16deg);
	transform: rotate(-16deg);
}

.front-page .widget_search {
	
	margin-top:0;	
}

.front-page .content-area {
	
	background:#fff;
	color:#000;	
}

#featured-content p {

	margin:0;
	padding:0;	
}

#featured-area {
	
	padding:0;
	margin-bottom:50px;
}

main #featured-content {

	float:none;
	width:70%;
	margin:0 auto;
	text-align:center;	
	color:#555;
}

main #featured-image {
	
	float:none;
	width:auto;
}

#top-widget { 

	float:right;
}

.home-widgets {
  margin-top: 0px;
}

.home-widgets, .front-page .widget-wrapper {
	
	padding:0;
}

/*---------------------------------------------------------*/

/*---------------------------------------------------------*/
/* Tablet Layout: Landscape */

@media screen and (max-device-width: 1024px) and (orientation:landscape) {

}

/*---------------------------------------------------------*/
/* Tablet Layout: Portrait */

@media screen and (max-device-width: 1024px) and (orientation:portrait) {

}

/*---------------------------------------------------------*/
/* Tablet Layout: 901px to 980px. */

@media screen and (min-width:901px) and (max-width:980px) {

}

/*---------------------------------------------------------*/
/* Tablet Layout: 481px to 900px. */

@media screen and (min-width:651px) and (max-width:900px) {

	main#main, #main {
	
		float:none;	
		width:85%;
		margin:0 7%;
	}
}

/*---------------------------------------------------------*/
/* Tablet Layout: 481px to 900px. */

@media screen and (min-width:481px) and (max-width:650px) {

	#MenuButton span.menuButtonText { display:none; }
	#MenuButton img { display:block; }

	main#main, #main {
	
		float:none;	
		width:90%;
		margin:0 5%;
	}
}

/*-------------------------------------------------------------------------------*/
/* Mobile Layout: 480px and below. */

@media only screen and (min-width:0px) and (max-width:480px) {

	#MenuButton span.menuButtonText { display:none; }
	#MenuButton img { display:block; }

	h1 {
		
		font-size:26px;
		font-weight:normal;
		margin:36px 0 12px 0;
		text-transform:uppercase;
	}

	.breadcrumb-list {

		display:none;		
	}

	main#main, #main {
	
		float:none;	
		width:90%;
		margin:0 3%;
	}

	.colophon-widget {

		margin:0 8px;
	}
	
	#telNumbers span {
	
		display:block;	
	}

	#telNumbers img {
		
		display:none;
	}

	#emailAddress a {
	
		font-size:26px;
	}

	.contact-us .post-entry p:nth-child(1), .contact-us .post-entry p:nth-child(2) {
		
		max-width:100%;
	}
}

/*---------------------------------------------------------------------*/