/*
Theme Name: 	Twentytwelve Child
Author: 	Steve Dennis, Worknet Ltd
Template:	twentytwelve
Description: 	Child theme for the Wordpress twentytwelve theme for worknetstatus
Version: 	1.0
*/

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

/* This takes out the standard WP titles and puts in the Worknet logo */

.site-header h1 a,
.site-header h2 a,
.site-header h2 {
	display: block;
}

h1.site-title a {
	color:transparent;
}

h1.site-title {
	height: 115px;
	width: 100%;
	no-background-image: url(http://www.worknetstatus.co.uk/wp-content/uploads/2012/11/Worknet_logo.png), url(http://www.worknetstatus.co.uk/wp-content/uploads/2013/11/telno.gif);
	background-repeat: no-repeat;
	background-position: left, right;
	margin-bottom: -15px; /* move it down (Salli) */
}


/* Remove 28px space between the top of the site and the top of the screen */

body .site {
    margin-bottom: 1rem; /* leave a little gap at the bottom */
    margin-top: 0rem; /* no gap at the top */
}

/* Set default site page width to 1200px */

.site {
    max-width: 81rem; /* pages */
}

footer[role="contentinfo"] {
    max-width: 81rem; /* Footer */
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: 3px;
	box-shadow: none; /* removed for widget area */
}

/* Navigation Menu */

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-bottom: 2px solid #ededed;
	Border-top: 2px solid #ededed;
}

/* Remove margin at top of the page content */

.site-content {
	margin-top: -20px;
	width: 100%; /* Increase content 100% */
	text-align:justify; /* Justify text on pages */
	word-wrap: normal; /* Stop word wrap */
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

/* Remove "Archive Category" Labels */
.archive-header, .page-header {
	display: none;
}

/* Style blog entries */

.entry-header .entry-title {
	font-weight: bold;
}

.entry-title {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 30px;
}

hr {
    background-color: #ccc;
    border: 0 none;
    height: 1px;
    margin: 0 24px 3rem;
}

/* Contact Us Page */
.floatl {
    float: left;
    padding-right: 50px;
    margin-top: -25px; /* Class for the contact form */
}

.floatr {
    float: right;
    padding: 0px 20px; /* Class for the map */
}

/* Blog Highlights */

.blue-box {
	padding: 12px;
	border-radius: 5px;
	background-color: #a4d0e9; 
}

.grey-box {
	padding: 12px;
	border-radius: 5px;
	background-color: #d3d3d3; 
}


/* Footer Widget Area formatting */


.widget-area .widget h3 {
  
	margin-bottom:0;

}



#footerwidgets {
 
	width:100%;

}


#footerwidgets p {
 
	padding-bottom: .5em;

}


#footerwidgets li, #footerwidgets p  {
 
	padding-bottom: 10px;
	font-size:90%;
 
	line-height:1.3em;

}


#footer-left {
 
	width:30%;
 
	float:left;
 

}


#footer-middle {
 
	width:20%;
 
	float:left;
 

}


#footer-right {
 
	width:50%;
 
	float:right;
 

} 


.site-content article {
  
border-bottom:none;

}


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

   
	#footer-right, #footer-middle, #footer-left {
     
	float:none;
     
	padding-left:0;
     
	padding-right:0;
     
	padding-top:1em;
     
	width:100%;
   
	}

}



.the-social-link {
  
	text-align:center;

}


.the-social-link img {
  
	padding:5px;

}

/* Footer Spacing & Line */

footer[role="contentinfo"] {
    border-top: 1px solid #EDEDED;
    clear: both;
    font-size: 0;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 100%;
    padding: 10px;
}

/* Styles for new copy */

.testimonial {
	padding: 12px;
	border-radius: 5px;
	background-color: #a4d0e9; /* pale shade from Salli */
}

.testimonial-title {
	font-size: 18px; 
	text-align: center !important;
	font-weight: bold;
}

#horizontal-line {
	height: 2px;
	background-color: #78a8c3;
	margin: 0px 0px 1.71429rem;
}

#homepage-title {
	font-size: 60px; 
	text-align: left;
	margin: 0;
}

.webpage-title {
	font-size: 24px; 
	text-align: left;
	font-weight: bold;
}

.webpage-subtitle {
	font-size: 18px; 
	text-align: left;
	font-weight: bold;
}


a {
	color: #78a8c3 !important; 
	text-decoration: none;
}

a:hover {
	color: #000000 !important; 
	text-decoration: underline;
}

.widget-call-to-action-1 {
	padding: 8px; 
	border-radius: 5px; 
	margin-bottom: 50px; 
	background-color: #80b4d1; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 600; 
}

.widget-call-to-action-casestudies {
	padding: 12px; 
	border-radius: 5px; 
	margin-bottom: 50px; 
	background-color: #FF4747; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 600; 
}

/* Flusk Page */

#fluskimage {
	width: 275px;
	float: left;
	padding: 40px 100px 10px 0px;
}

/* Contact Us - Contact Form 7 */

#wpcf7-f1201-p11-o1 {
    padding: 10px;
    border: 2px solid #78a8c3 ;
	border-radius: 5px;
}

/* Limit the width of the form elements so that they are responsive to smaller screens */
div.wpcf7 .wpcf7-form-control { max-width: 90%; }

textarea {
	width: 293px; /* This is the max - set to match the rest of the form. Form-control of 90% makes sure that it stays responsive */
}