/*
Theme Name:St Quentin Consulting
Author:Tracey Shaw @ GOOP
Author URI:http://www.goop.com.au/
Description:Custom WordPress theme for St Quentin Consulting.
Version:1.0
*/

@import url("css/base.css");
@import url("css/form.css");
@import url("css/mailchimp.css");

html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:100%;background:#ffffff;color:#000000;font-weight:400;}

/* Fonts */
body, input, select, textarea, label, button, h1, h2, h3, h4, h5, h6 {font-family: 'Oxygen', sans-serif;}

#sqc {padding:10px 10px 20px;}

/* Header */
header {padding:0;position:relative;margin:0;z-index:100;}
header a.logo {width:100%;display:block;margin:0 auto 20px;}

header a.logo img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 300px;
	width: 100%;
}

#details {text-align:center;font-size:0.7em;display:block;margin:10px 40px 20px;}
#details span {display:block;color:#ee2e24;font-weight:700;font-size:1.1em;margin: 10px 0 5px;}
#details span br {display:none;}

/* Navigation */
nav {padding:0;margin:0;position:relative;display:none;}
nav ul {list-style:none;display:block;text-align:center;margin:0;padding:0;}
nav ul li {position:relative;font-size:0.8em;display:inline-block;margin:0 0 0 4px;text-transform:none;padding:0;}
nav ul li a {display:block;color:#000000;text-decoration:none;border-bottom:3px solid transparent;padding:5px 0;}
nav ul li:hover a {border-color:#ee2e24;}
nav ul li.current-menu-item a, nav ul li.current-page-ancestor a, body.single-post nav ul li.menu-item-news a {border-color:#ee2e24;}
nav ul li ul {position:absolute;left:-9999px;top:-9999px;opacity:0;z-index:1;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}
nav ul li ul li {background:#ffffff;border-top:1px solid #bfbfbf;display:block;margin:0;padding:0;line-height:30px;font-weight:300;font-size:0.9em;}
nav ul li ul li > a {color:#000000;padding:0 10px;margin:0;border:none;}
nav ul li ul li > a:hover, nav ul li ul li > a:focus, nav ul li ul li.current-menu-item a, nav ul li ul li.current-page-item a, nav ul li ul li.current-page-ancestor a, nav ul li ul li.current_page_parent a {color:#ee2e24;}
nav ul li:hover ul {opacity:1.0;position:absolute;left:0;top:100%;display:block;height:auto;white-space:nowrap;margin:0;text-align:left;visibility:visible;padding:0;z-index:10000;} 

/* Responsive Menu */
#responsive {margin:0;z-index:5000;position:relative;}
#responsive span {display:block;height:40px;width:40px;background:url(img/icons/menu.png) no-repeat center right;cursor:pointer;}
#responsive ul {background:#333333 url(img/backgrounds/nav-responsive.png) bottom left repeat-x;display:none;}
#responsive ul li {text-align:left;font-size:0.9em;}
#responsive ul li a {display:block;border-top:1px solid #555555;padding:3px 10px;color:#ffffff;text-decoration:none;}
#responsive ul li a:hover, #responsive ul li.current-menu-item a {background:#ee2e24;color:#ffffff;border-top:1px solid #b12218;}
#responsive ul li:last-child a:hover {background:#ee2e24 url(img/backgrounds/nav-responsive.png) bottom left repeat-x;}
#responsive ul li:first-child a {border-top:none;}
#responsive ul li.menu-item-has-children { position: relative;}
#responsive ul li.menu-item-has-children:before { position: absolute;top:0;right:10px;content: "\25be";color: #ffffff;font-size:1.2em;}
#responsive ul li:hover > ul {opacity:1;top:auto;left:auto;display:block;height:auto;width:auto;white-space:normal;margin:0;text-align:left;overflow:visible;position:relative;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;border-top:1px solid #555555;background:#333333;}
#responsive ul li ul {display:none;opacity:0;top:-9999px;left:0;z-index:1;}
#responsive ul li ul li a:before { content: "- ";}
#responsive ul li ul li:last-child a:hover {background:#ee2e24;}

/* Banner */
#banner {width:auto;overflow:hidden;margin:0 -10px;position:relative;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:2px 0;z-index:0;}
#banner img {width:200%;display:block;}
#banner img.overlay {width:200%;position:absolute;margin:0 0 0 -100%;left:50%;z-index:100;}
#divider {width:auto;overflow:hidden;margin:0 -10px;position:relative;border-top:1px solid #bfbfbf;padding:0;}

/* Section */
section {margin:0;padding:0;position:relative;z-index:0;display:block;}

/* Article */
article {position:relative;padding:30px 0;text-align:justify;}
article h1 {color:#000000;font-size:1.4em;padding:0;margin:0 0 1em;text-align:left;}
#home article h1 {margin: 0 0 15px 5px;}
article h2 {font-size:1.2em;padding:0 0 5px;color:#ee2e24;}
article h3 {color:#444444;font-size:1.1em;padding:0;margin:0 0 2px 0;}
#home article h3 {color:#ee2e24;}
article h4, article h5, article h6 {font-size:1.1em;font-weight:700;}
article p {font-size:0.95em;margin-bottom:1em;}
article ul, article ol {margin:0 10px 15px 30px;}
article p + ul, article p + ol {margin:-5px 10px 15px 30px;}
article ul li, article ol li {margin-bottom:3px;font-size:0.95em;text-align:left;}
article ul.columns-2 {float:left;}
article ol li ul {margin-top:10px;list-style:disc;}
article ul li ul {margin:3px 20px;}
article ul li small, article ol li small {font-size:0.9em;}
article blockquote {font-size:0.9em;}
article blockquote:first-of-type {margin-top:20px;}
article table {margin:0 0 20px 0;border-collapse:collapse;}
article table, article table th, article table td {border: 1px solid #cccccc;}
article table tr th {padding:3px 10px 3px;font-size:1em;text-align:left;}
article table tr td {padding:3px 10px 3px;font-size:1em;text-align:left;}
article hr {border-color:#cccccc;height:1px;}
article .domain:before {content:"\40";margin-right:0px;}

article ul {list-style:square;}
/*article ul li {list-style:none;}
article ul li:before {content:"▪";font-size:1.6em;line-height:0px;vertical-align:middle;color:#ee2e24;margin:0 5px 0 0;}*/
article ul.columns-3 {margin:0;}
article ul.columns-3 li {width:100%;text-align:justify;}
article ul.columns-3 li:before {content:"";margin:0;}



/* Links */
article a {color:#000000;text-decoration:none;border-bottom:1px solid #bbbbbb;}
article a:hover {color:#ee2e24;border-color:#ee2e24;} 

/* Posts & Children */
article .post {clear:both;margin-bottom:20px;padding-bottom: 20px;}
article .post:last-child {border-bottom:none;}
article .post h2.title {background:none;padding:0;margin-bottom:0px;}
article .post h2.title a {border:none;padding:0;}
article .post h2.title a:hover {}
article .post small {display:block;text-transform:uppercase;color:#8c877e;font-size:0.8em;}
article .post small a {border:none;}
article .post a.readmore {padding-top:5px;text-transform:none;}
article .post a.readmore:hover {}
article .post .excerpt h1, article .post .excerpt h2 {display:none;} 
article .post .excerpt p {display:inline;}
article .post .excerpt img {display:none;}
article .post .attachment-post-thumbnail {width:100px;height:100px;float:left;margin:5px 5px 5px 0;padding:2px;border:1px solid #dddddd;} 

#projects blockquote {background:#f4f4f4;margin:0 0 20px 0;padding:20px;font-size:90%;float:left;}
#projects blockquote hr {margin:20px -20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #fafafa;height:0px;clear:both;}

#projects article {padding-right:0;}
#projects article .post {background:#f4f4f4;margin:0;padding:20px;font-size:90%;border-top:1px solid #dcdcdc;border-bottom:1px solid #fafafa;}
#projects article .post:first-of-type {border-top:none;}
#projects article .post:last-child {margin-bottom:20px;}
#projects article .post img {width:100%;height:auto;padding:0 0 2px;border:none;border-bottom:3px solid #ee2e24;padding-bottom:5px;} 


article a .arrow {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.8em;margin-left:0px; content:" \3e";}
.single article.post {padding-bottom:0;margin-bottom:0;border-bottom:0;}
.single article.post small {display:block;border:none;margin:-2px 0 10px 0;padding:3px 0;color:#8c877e;font-size:0.8em;text-transform:uppercase;}
.single article.post small + p {display:block;}

/* Posts Archives */
.blog h1 #archive-select, .archive h1 #archive-select {position:absolute;top:25px;right:30px;}
.blog h1 #archive-select select, .archive h1 #archive-select select {width:150px;padding:3px;border:1px solid #333333;background:transparent;color:#ffffff;font-size:0.6em;}
.single #archive-select {}
.single h1 #archive-select select {width:150px;padding:3px;border:1px solid #333333;background:transparent;color:#ffffff;font-size:0.6em;}
.blog article .post, .archive article .post {clear:both;}

/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;	margin-right: auto;}
img.alignleft {margin: 5px 20px 5px 0;}
.wp-caption.alignleft {margin: 5px 20px 5px 0;}
img.alignright {margin: 5px 0 5px 20px;}
.wp-caption.alignright {margin: 5px 0 5px 20px;clear:both;max-width:40%;}
img.aligncenter {margin: 5px auto;}
img.alignnone {margin: 5px 0;}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {font-style: italic;font-weight: 300;text-align:center;font-size:0.8em;}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside;}
img.alignleft, .wp-caption.alignleft img, img.alignright, .wp-caption.alignright img, img.aligncenter, img.alignnone {width:100%!important;height:auto!important;border-bottom:3px solid #ee2e24;padding-bottom:5px;}

#sponsorships img.alignnone {width:100px!important;height:100px!important;margin:0 7px 7px 0;}

/* Contact Form - see form.css for more */
.page-id-19 form .ninja-forms-required-items {display:block;margin:0 0 5px 0;font-size:0.8em;color:#666666;}
.page-id-19 form input, .page-id-19 form textarea {border:1px solid #bbbbbb;padding:5px 0;text-indent:3px;-webkit-appearance: none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.page-id-19 form .label-above label {margin-bottom: 2px!important;}
.page-id-19 form input[type=submit] {margin:0;background: #ee2e24;border-color:#ee2e24;padding:0 20px;color:#ffffff;font-weight:600;font-size:1em;line-height:30px;cursor: pointer;}
.page-id-19 form input[type=submit]:hover {background: #c5281d;border-color:#c5281d;}

.page-id-19 .ninja-forms-response-msg {margin:10px 0 0 0;font-weight:600;}
.page-id-19 .ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;}
.page-id-19 .ninja-forms-response-msg.ninja-forms-success-msg {color:#398f14;}
.page-id-19 .ninja-forms-field-error {color:#cc0000;font-size:0.8em;}

.parent-pageid-19 form .ninja-forms-required-items {display:block;margin:0 0 5px 0;font-size:0.8em;color:#666666;}
.parent-pageid-19 form input, .parent-pageid-19 form textarea {border:1px solid #bbbbbb;padding:5px 0;text-indent:3px;-webkit-appearance: none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.parent-pageid-19 form .label-above label {margin-bottom: 2px!important;}
.parent-pageid-19 form input[type=submit] {margin:0;background: #ee2e24;border-color:#ee2e24;padding:0 20px;color:#ffffff;font-weight:600;font-size:1em;line-height:30px;cursor: pointer;}
.parent-pageid-19 form input[type=submit]:hover {background: #c5281d;border-color:#c5281d;}

.parent-pageid-19 .ninja-forms-response-msg {margin:10px 0 0 0;font-weight:600;}
.parent-pageid-19 .ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;}
.parent-pageid-19 .ninja-forms-response-msg.ninja-forms-success-msg {color:#398f14;}
.parent-pageid-19 .ninja-forms-field-error {color:#cc0000;font-size:0.8em;}

/* Iframes */
article iframe {margin:10px auto 20px;display:block;width:100%!important;height:250px;}

/* Videos */
.video {position: relative;padding:0 0 56.25%;overflow: hidden;margin-bottom:10px;}
.video iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}

/* Pagination */
article .pagination {margin-bottom:13px;float:left;clear:both;}
article .pagination .page-numbers {background:#888888;display:block;height:18px;width:18px;float:left;text-align:center;line-height:18px;font-size:0.8em;margin-right:5px;color:#ffffff;}
article .pagination a.page-numbers, article .pagination .page-numbers.dots {color:#ffffff;background:#888888;text-decoration:none;border:none;}
article .pagination a.page-numbers:hover, article .pagination .page-numbers.current {background:#ee2e24;}
article .pagination a.page-numbers.prev, article .pagination a.page-numbers.next {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.7em;}
article .pagination.single {display:block;margin:0 0 0;padding:20px 0 10px;float:none;}
article .pagination.single a {border-color:transparent;}
article .pagination.single a:hover {border-color:#ee2e24}
article .pagination.single div {display:block;width:50%;float:left;font-size:0.8em;text-transform:uppercase;}
article .pagination.single div.right {text-align:right;}
article .pagination.single div.left a:before {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.8em;margin-right:6px; content:"\3c";}
article .pagination.single div.right a:after {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.8em;margin-left:6px; content:"\3e";}

/* Sitemap */
article ul.sitemap {margin-left:25px;}
article ul.sitemap li a {border:none;}
article ul.sitemap li ul {margin-top:8px;}
article ul.sitemap li.current_page_item {display:none;}

/* Sidebar */
aside {padding:0;}
/*aside img.wp-post-image {width:100%!important;height:auto!important;padding-bottom:5px;}*/

aside img[class^="attachment-"], aside img[class*=" attachment-"] {width:100%!important;height:auto!important;padding-bottom:5px;margin-bottom:10px;}
aside .archives {margin:0 auto 10px;display:block;padding:0px;}
aside .archives li {display:block;color:#ee2e24;font-size:0.9em;margin:0 0 5px 0;}
aside .archives li h2 {font-size:1.5em;color:#ee2e24;}
aside .archives li a {color:#000000;margin:4px 0;text-decoration:none;line-height:1em;}
/*aside .archives li a:before {content:"▪";font-size:1.8em;line-height:16px;vertical-align:middle;color:#ee2e24;margin-right:4px;}*/
aside .archives li a:hover {border-bottom:1px solid #ee2e24;color:#ee2e24;}

/* Google Map */
.googlemap {position:relative;width:100%;border-bottom:3px solid #ee2e24;height:250px;}
.googlemap img.wp-post-image {padding:0;border:none!important;height:250px!important;}
.googlemap iframe {position:absolute;left:0;top:0;height:245px!important;border-bottom:5px solid #ffffff;width: 100%;}

/* Footer */
footer {text-align:center;background:#ee2e24;padding:6px 10px;}
footer small {font-size:0.8em;color:#bbbbbb;}

footer ul {display:block;text-align:center;list-style:none;margin:0;padding:0;}
footer ul li {display:inline-block;font-size:0.7em;line-height:20px;margin:0 -4px 0 0;}
footer ul li a {color:#ffffff;text-decoration:none;padding:0 7px 0 0;margin:0 7px 0 0;border-right:1px solid #ffffff;}
footer ul li.menu-item-231 a, footer ul li.menu-item-229 a {border:none;}
footer ul li a:hover {text-decoration:underline;}
footer ul.goop li {margin:0 0 0 0;}
footer ul.goop li.sitemap a {border-right:none;}
footer ul.goop li.logo a {margin:0;border:none;padding:0;}
footer ul.goop li.logo a + a {padding:0;}
footer ul.goop li.logo a span {display:block;float:right;text-indent:-9000px;background:url(img/goop.png) no-repeat center center;width:38px;height:12px;margin:3px 0 0 5px;font-size:0px;}

/* Print */
.print {display:none;}

#wpstats {display:none;}
.jp-carousel-image-meta, .jp-carousel-info, #jp-carousel-comment-form {display:none;}

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

img.alignleft, .wp-caption.alignleft img, img.alignright, .wp-caption.alignright img, img.aligncenter, img.alignnone {width:50%!important;max-width:200px!important;margin-bottom:20px;}
/*img.alignright:last-of-type {margin-bottom:0;}*/

#sponsorships img.alignnone {width:120px!important;height:120px!important;}

footer ul li.menu-item-229 a, footer ul.goop li.sitemap a {border-right:1px solid #ffffff;}
}

@media only screen and (min-width:600px) {

/*#details {text-align:right;margin:18px 0 0 0;}
#details span {font-size:1.3em;}*/
div.eleven article {padding:30px 50px 20px 0;}
article h1 {text-align:justify;}
aside {padding:30px 0 0 0;}
/*aside img.wp-post-image {border-bottom:3px solid #ee2e24;}*/
aside img[class^="attachment-"], aside img[class*=" attachment-"] {border-bottom:3px solid #ee2e24;}
footer ul {text-align:left;}
footer ul.goop {text-align:right;}
footer ul li.menu-item-229 a, footer ul.goop li.sitemap a {border:none;}
footer ul.goop li.sitemap a {margin:0;padding:0;}
}

@media only screen and (min-width:768px) {
#details {text-align:right;font-size:0.8em;margin:-20px 0 20px;}
#details span:first-of-type {
	margin-top: 0;
}
#projects article .post .twelve {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:20px;}
#banner img {width:180%;}
#banner img.overlay {width:180%;margin:0 0 0 -90%;}		
footer ul li.menu-item-229 a, footer ul.goop li.sitemap a {padding:0 7px 0 0;margin:0 7px 0 0;border-right:1px solid #ffffff;}
}

@media only screen and (min-width:800px) {
#responsive {display:none;}
nav {display:block;}	
header a.logo {margin: 20px 0 0;}
header a.logo img {
	margin: 0;
}
#details {margin: 0 0 20px;}

#banner img {width:170%;}
#banner img.overlay {width:170%;margin:0 0 0 -85%;}	
article ul.columns-3 li {width:31.5%;padding:0 0.8%;}
}

@media only screen and (min-width:960px) {
#details span {font-size:1.2em;}
#details span br {display:block;}
nav ul li {font-size:1em;margin:0 6px 0 10px;}
#banner img {width:160%;}
#banner img.overlay {width:160%;margin:0 0 0 -80%;}
}

@media only screen and (min-width:1024px) {
nav ul li {margin:0 4px 0 8px;}
#banner {max-height:400px;}
#banner img {width:100%;}
#banner img.overlay {width:100%;margin:0 0 0 -50%;}
}

/* IE */
.lt-ie9 #responsive {display:none;}
.lt-ie9 #menu-main {display:block;}	
.lt-ie9 header a.logo {margin:0 0 20px 0;}
.lt-ie9 #details {margin:8px 0 0 0;text-align:right;}
.lt-ie9 #details span {margin-bottom:5px;font-size:1.5em;}
.lt-ie9 #details span br {display:block;}
.lt-ie9 nav ul li {font-size:1em;margin:0 1px 0 5px;}
.lt-ie9 #banner {max-height:400px;}
.lt-ie9 #banner img {width:160%;}
.lt-ie9 #banner img.overlay {width:160%;margin:0 0 0 -80%;}
.lt-ie9 footer ul {text-align:left;}
.lt-ie9 footer ul.goop {text-align:right;}

#browser {text-align:center;padding:0;background:#ffffcc;margin:0;font-size:70%;width:100%;border-bottom:1px solid #cccccc;font-family: Arial, Helvetica, sans-serif;z-index:10000;position:relative;}
#browser span {display:block;width:960px;margin:0 auto;padding:3px;color:#666666;}
#browser span a {color:#C60;}
#browser span a:hover {background:none;color:#C60;text-decoration:underline;}