/*
Theme Name: Cafsite 2025
Theme URI: http://wordpress.org/themes/twentythirteen
Author: Dank Designs
Author URI: http://www.dankdesigns.com.au
Description: Cafsite Building Services theme based on Twenty Thirteen.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentythirteen
*/


/* ============================================
   CAFSITE CUSTOM LAYOUT
   ============================================ */

.home-table {
	margin-right: 5px;
	margin-top: -5px;
}

.banner-shadow {
	width: 980px;
	height: 30px;
	background: url(images/banner-shadow.jpg) no-repeat;
}

.logo-placer {
	float: left;
	width: 337px;
}

.clear {
	clear: both;
}

.main-left {
	float: left;
	width: 622px;
}

.main-right {
	float: right;
	width: 358px;
}

.r-hbg {
	float: right;
	width: 358px;
	height: 68px;
	margin-right: -20px;
	background: url(images/right-side-hbg.jpg) no-repeat;
}

.r-hbg h1 {
	color: #fff;
	font-size: 20px;
	margin-top: 20px;
	text-indent: 20px;
	line-height: 0px;
}

.main-bg {
	position: relative;
	width: 1800px;
	height: 379px;
	background: url(images/main-bg.jpg) repeat-x;
}


/* ============================================
   1.0 RESET (modern Twenty Thirteen base)
   ============================================ */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article, aside, details, figcaption, figure,
footer, header, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}

/* CAFSITE: custom body background */
body {
	background: url(images/main-bg.jpg) repeat-x;
	padding: 0;
	margin: 0;
	line-height: 1.5;
	color: #141412;
}

a {
	color: #ca3c08;
	text-decoration: none;
}

a:visited {
	color: #ac0404;
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	color: #ea9629;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

/* CAFSITE: headings use Arial + blue h1 */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
}

h1 {
	font-size: 20px;
	margin: 25px 0;
	color: #003D8C;
	font-weight: normal;
}

h2 { font-size: 20px; margin: 25px 0; }
h3 { font-size: 22px; margin: 22px 0; }
h4 { font-size: 20px; margin: 25px 0; }
h5 { font-size: 18px; margin: 30px 0; }
h6 { font-size: 16px; margin: 36px 0; }

p {
	margin: 0 0 24px;
	font-size: 14px;
}

/* CAFSITE: list styling */
ul {
	list-style-type: square;
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

menu, ol, ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

/* CAFSITE: table cells */
td {
	padding: 6px;
	vertical-align: top;
}


/* ============================================
   2.0 REPEATABLE PATTERNS
   ============================================ */

.clear:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-body:after {
	clear: both;
}

.clear:before, .clear:after,
.entry-content:before, .entry-content:after,
.page-content:before, .page-content:after,
.navigation:before, .navigation:after,
.nav-links:before, .nav-links:after,
.gallery:before, .gallery:after,
.comment-body:before, .comment-body:after {
	content: "";
	display: table;
}

.screen-reader-text {
	clip-path: inset(50%);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000;
}

/* CAFSITE: custom form fields */
input, textarea {
	border: none;
	background-color: #efefef;
	font-family: inherit;
	padding: 5px;
	width: 350px;
	color: #141412;
}

input:focus, textarea:focus {
	background-color: #ccc;
	outline: 0;
}

/* CAFSITE: blue buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	color: #003D8D;
	padding: 10px;
	background: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
}

button:hover, button:focus,
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	color: #001C40;
}

.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

embed, iframe, object, video {
	max-width: 100%;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: 5px 20px 5px 0; }
img.alignright { margin: 5px 0 5px 20px; }
img.aligncenter { margin: 5px auto; }
img.alignnone { margin: 5px 0; }


/* ============================================
   3.0 BASIC STRUCTURE (CAFSITE: 980px width)
   ============================================ */

.site {
	background-color: #fff;
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}

.site-main {
	position: relative;
}


/* ============================================
   4.0 HEADER & NAVIGATION (CAFSITE customized)
   ============================================ */

.site-header {
	position: relative;
}

/* CAFSITE: navbar floated right, pushed down below logo */
.navbar {
	background-color: #fff;
	margin: 0 auto;
	float: right;
	max-width: 643px;
	width: 100%;
	margin-top: 143px;
}

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
}

/* CAFSITE: right-aligned menu */
ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	text-align: right;
	padding: 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #111;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

/* CAFSITE: light-blue hover */
.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: #B9BFE1;
	color: #fff;
}

/* CAFSITE: blue active menu item */
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #fff;
	background-color: #003D8D;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #220e10;
	border: 2px solid #f7f5e7;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.menu-toggle {
	display: none;
}


/* ============================================
   5.0 CONTENT (CAFSITE: 980px, hidden titles)
   ============================================ */

.hentry {
	padding: 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}

/* CAFSITE: hides the page/post title */
.entry-header {
	margin-bottom: 30px;
	display: none;
}

.entry-title {
	font-weight: normal;
	margin: 0 0 5px;
}

.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

/* CAFSITE: blue content links */
.entry-content a,
.comment-content a {
	color: #003D8D;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #001C40;
}


/* ============================================
   7.0 FOOTER (CAFSITE customized)
   ============================================ */

.site-footer {
	color: #666;
	font-size: 13px;
	text-align: center;
}

.site-footer a {
	color: #686758;
}

/* CAFSITE: right-aligned footer info, custom padding */
.site-info {
	margin: 0 auto;
	max-width: 980px;
	text-align: right;
	padding: 0 0 20px 0;
	width: 100%;
}


/* ============================================
   8.0 MEDIA QUERIES (mobile menu)
   ============================================ */

@media (max-width: 643px) {
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
	}

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

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		width: 100%;
	}

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

	.navbar {
		float: none;
		margin-top: 0;
		max-width: 100%;
	}
}